raise-common-lib 0.0.134 → 0.0.135
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/raise-common-lib.umd.js +30 -18
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +1 -1
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/esm2015/lib/commentary/constants.js +10 -10
- package/esm2015/lib/commentary/index.component.js +26 -16
- package/esm5/lib/commentary/constants.js +10 -10
- package/esm5/lib/commentary/index.component.js +31 -19
- package/fesm2015/raise-common-lib.js +25 -15
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +30 -18
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/commentary/constants.d.ts +9 -9
- package/lib/commentary/index.component.d.ts +7 -0
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
|
@@ -1794,6 +1794,13 @@ class RsCommentaryComponent {
|
|
|
1794
1794
|
this.deletePermission = true; // delete权限
|
|
1795
1795
|
// delete权限
|
|
1796
1796
|
this.isReadOnly = false;
|
|
1797
|
+
this.filedsKey = {
|
|
1798
|
+
commentaries: "commentaries",
|
|
1799
|
+
messageId: "messageId",
|
|
1800
|
+
ownerName: "ownerName",
|
|
1801
|
+
lastModifiedOn: "lastModifiedOn",
|
|
1802
|
+
messageBody: "messageBody",
|
|
1803
|
+
};
|
|
1797
1804
|
this.actionComplete = new EventEmitter();
|
|
1798
1805
|
this.commentVal = "";
|
|
1799
1806
|
this.replyVal = "";
|
|
@@ -1825,11 +1832,11 @@ class RsCommentaryComponent {
|
|
|
1825
1832
|
*/
|
|
1826
1833
|
(res) => {
|
|
1827
1834
|
this.commentData.unshift({
|
|
1828
|
-
messageId: res.messageId,
|
|
1829
|
-
commentaries: [],
|
|
1830
|
-
ownerName: this.displayName,
|
|
1831
|
-
lastModifiedOn: Date.now(),
|
|
1832
|
-
messageBody: this.commentVal,
|
|
1835
|
+
[`${this.filedsKey["messageId"]}`]: res.messageId,
|
|
1836
|
+
[`${this.filedsKey["commentaries"]}`]: [],
|
|
1837
|
+
[`${this.filedsKey["ownerName"]}`]: this.displayName,
|
|
1838
|
+
[`${this.filedsKey["lastModifiedOn"]}`]: Date.now(),
|
|
1839
|
+
[`${this.filedsKey["messageBody"]}`]: this.commentVal,
|
|
1833
1840
|
});
|
|
1834
1841
|
this.commentVal = "";
|
|
1835
1842
|
}),
|
|
@@ -1840,7 +1847,7 @@ class RsCommentaryComponent {
|
|
|
1840
1847
|
* @return {?}
|
|
1841
1848
|
*/
|
|
1842
1849
|
editComment(item) {
|
|
1843
|
-
this.editCommentVal = item.messageBody;
|
|
1850
|
+
this.editCommentVal = item[this.filedsKey["messageBody"]];
|
|
1844
1851
|
item.showCommentEdit = true;
|
|
1845
1852
|
}
|
|
1846
1853
|
/**
|
|
@@ -1857,7 +1864,7 @@ class RsCommentaryComponent {
|
|
|
1857
1864
|
* @return {?}
|
|
1858
1865
|
*/
|
|
1859
1866
|
(res) => {
|
|
1860
|
-
item.messageBody = this.editCommentVal;
|
|
1867
|
+
item[this.filedsKey["messageBody"]] = this.editCommentVal;
|
|
1861
1868
|
item.showCommentEdit = false;
|
|
1862
1869
|
this.ref.markForCheck();
|
|
1863
1870
|
}),
|
|
@@ -1888,7 +1895,7 @@ class RsCommentaryComponent {
|
|
|
1888
1895
|
* @param {?} ele
|
|
1889
1896
|
* @return {?}
|
|
1890
1897
|
*/
|
|
1891
|
-
(ele) => ele.messageId === item.messageId));
|
|
1898
|
+
(ele) => ele[this.filedsKey.messageId] === item[this.filedsKey.messageId]));
|
|
1892
1899
|
this.actionComplete.emit({
|
|
1893
1900
|
action: "deleteComment",
|
|
1894
1901
|
data: item,
|
|
@@ -1917,12 +1924,12 @@ class RsCommentaryComponent {
|
|
|
1917
1924
|
* @return {?}
|
|
1918
1925
|
*/
|
|
1919
1926
|
(res) => {
|
|
1920
|
-
item.commentaries.unshift({
|
|
1921
|
-
messageId: res.messageId,
|
|
1922
|
-
commentaries: [],
|
|
1923
|
-
ownerName: this.displayName,
|
|
1924
|
-
lastModifiedOn: Date.now(),
|
|
1925
|
-
messageBody: this.replyVal,
|
|
1927
|
+
item[this.filedsKey["commentaries"]].unshift({
|
|
1928
|
+
[`${this.filedsKey["messageId"]}`]: res[this.filedsKey["messageId"]],
|
|
1929
|
+
[`${this.filedsKey["commentaries"]}`]: [],
|
|
1930
|
+
[`${this.filedsKey["ownerName"]}`]: this.displayName,
|
|
1931
|
+
[`${this.filedsKey["lastModifiedOn"]}`]: Date.now(),
|
|
1932
|
+
[`${this.filedsKey["messageBody"]}`]: this.replyVal,
|
|
1926
1933
|
});
|
|
1927
1934
|
this.replyVal = "";
|
|
1928
1935
|
item.showReplyInput = false;
|
|
@@ -1945,7 +1952,7 @@ class RsCommentaryComponent {
|
|
|
1945
1952
|
RsCommentaryComponent.decorators = [
|
|
1946
1953
|
{ type: Component, args: [{
|
|
1947
1954
|
selector: "rs-commentary",
|
|
1948
|
-
template: "<div class=\"rs-commentary-wrap\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"commentBoxTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'comment' }\"\r\n ></ng-container>\r\n <div class=\"reply-box\">\r\n <div *ngFor=\"let item of commentData\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"replyItemTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'comment', item: item }\"\r\n ></ng-container>\r\n <div class=\"sub-reply-list\">\r\n <ng-container\r\n *ngFor=\"\r\n let sub of item.isExpanded\r\n ? item.commentaries\r\n : item.commentaries.slice(0, 3)\r\n \"\r\n [ngTemplateOutlet]=\"replyItemTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'sub', item: sub }\"\r\n ></ng-container>\r\n </div>\r\n <button\r\n class=\"e-btn text\"\r\n *ngIf=\"item.commentaries.length > 3\"\r\n (click)=\"item.isExpanded = !item.isExpanded\"\r\n style=\"margin-bottom: 8px
|
|
1955
|
+
template: "<div class=\"rs-commentary-wrap\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"commentBoxTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'comment' }\"\r\n ></ng-container>\r\n <div class=\"reply-box\">\r\n <div *ngFor=\"let item of commentData\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"replyItemTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'comment', item: item }\"\r\n ></ng-container>\r\n <div class=\"sub-reply-list\">\r\n <ng-container\r\n *ngFor=\"\r\n let sub of item.isExpanded\r\n ? item[filedsKey.commentaries]\r\n : item[filedsKey.commentaries].slice(0, 3)\r\n \"\r\n [ngTemplateOutlet]=\"replyItemTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'sub', item: sub }\"\r\n ></ng-container>\r\n </div>\r\n <button\r\n class=\"e-btn text\"\r\n *ngIf=\"item[filedsKey.commentaries].length > 3\"\r\n (click)=\"item.isExpanded = !item.isExpanded\"\r\n style=\"margin-bottom: 8px\"\r\n >\r\n {{\r\n item.isExpanded\r\n ? \"Collapse\"\r\n : \"View All \" + item[filedsKey.commentaries].length + \" Replies\"\r\n }}\r\n <img\r\n class=\"arrow\"\r\n [ngClass]=\"{ collapse: item.isExpanded }\"\r\n src=\"../../assets/img/dropdown-arrow.svg\"\r\n alt=\"\"\r\n />\r\n </button>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<ng-template #commentBoxTemplate let-type=\"type\" let-item=\"item\">\r\n <div class=\"comment-box\">\r\n <div class=\"comment-input-wrap\">\r\n <div class=\"avatar\" *ngIf=\"type !== 'editComment'\">\r\n {{ cf.rtn(displayName) }}\r\n </div>\r\n <textarea\r\n *ngIf=\"type === 'comment'\"\r\n class=\"e-input\"\r\n rows=\"2\"\r\n [(ngModel)]=\"commentVal\"\r\n (input)=\"adjustTextareaHeight($event)\"\r\n [disabled]=\"isReadOnly || !editPermission\"\r\n placeholder=\"Write your comment...\"\r\n ></textarea>\r\n <textarea\r\n *ngIf=\"type === 'reply'\"\r\n class=\"e-input\"\r\n rows=\"2\"\r\n [(ngModel)]=\"replyVal\"\r\n (input)=\"adjustTextareaHeight($event)\"\r\n placeholder=\"Write your comment...\"\r\n ></textarea>\r\n <textarea\r\n *ngIf=\"type === 'editComment'\"\r\n class=\"e-input\"\r\n rows=\"2\"\r\n [(ngModel)]=\"editCommentVal\"\r\n (input)=\"adjustTextareaHeight($event)\"\r\n placeholder=\"Write your comment...\"\r\n ></textarea>\r\n </div>\r\n <div class=\"btn-wrap\">\r\n <button\r\n *ngIf=\"type === 'comment'\"\r\n class=\"e-btn e-primary small\"\r\n [disabled]=\"commentVal === '' || isReadOnly || !editPermission\"\r\n (click)=\"addComment()\"\r\n >\r\n {{ translation.COMMENT || \".COMMENT\" }}\r\n </button>\r\n <ng-container *ngIf=\"type === 'reply'\">\r\n <button\r\n class=\"e-btn small\"\r\n (click)=\"item.showReplyInput = false; replyVal = ''\"\r\n >\r\n {{ translation.CANCEL || \".CANCEL\" }}\r\n </button>\r\n <button\r\n class=\"e-btn e-primary small\"\r\n [disabled]=\"replyVal === ''\"\r\n (click)=\"addReply(item)\"\r\n >\r\n {{ translation.REPLY || \".REPLY\" }}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngIf=\"type === 'editComment'\">\r\n <button class=\"e-btn text\" (click)=\"item.showCommentEdit = false\">\r\n <img src=\"../../assets/img/comment-cancel.svg\" alt=\"\" />\r\n </button>\r\n <button\r\n class=\"e-btn text\"\r\n [disabled]=\"editCommentVal === ''\"\r\n (click)=\"updateComment(item)\"\r\n >\r\n <img src=\"../../assets/img/comment-check.svg\" alt=\"\" />\r\n </button>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</ng-template>\r\n<ng-template #replyItemTemplate let-type=\"type\" let-item=\"item\">\r\n <div class=\"reply-item\" [ngClass]=\"{ comment: type === 'comment' }\">\r\n <div class=\"avatar\">\r\n {{ cf.rtn(item[filedsKey.ownerName]) }}\r\n </div>\r\n <div class=\"owner-wrap\">\r\n <div class=\"owner-info\">\r\n <div class=\"name\">\r\n {{ item[filedsKey.ownerName] }}\r\n </div>\r\n <div class=\"time\">\r\n {{ item[filedsKey.lastModifiedOn] | date : dateTimePipeFormat }}\r\n </div>\r\n </div>\r\n <div class=\"message-wrap\">\r\n <div class=\"message\" *ngIf=\"!item.showCommentEdit\">\r\n {{ item[filedsKey.messageBody] }}\r\n </div>\r\n <ng-container\r\n *ngIf=\"item.showCommentEdit\"\r\n [ngTemplateOutlet]=\"commentBoxTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'editComment', item: item }\"\r\n ></ng-container>\r\n </div>\r\n\r\n <button\r\n *ngIf=\"\r\n type === 'comment' && !item.showReplyInput && !item.showCommentEdit\r\n \"\r\n class=\"e-btn text\"\r\n (click)=\"item.showReplyInput = true\"\r\n [disabled]=\"isReadOnly || !editPermission\"\r\n >\r\n {{ translation.REPLY || \".REPLY\" }}\r\n </button>\r\n <ng-container\r\n *ngIf=\"item.showReplyInput\"\r\n [ngTemplateOutlet]=\"commentBoxTemplate\"\r\n [ngTemplateOutletContext]=\"{ type: 'reply', item: item }\"\r\n ></ng-container>\r\n\r\n <rs-grid-action *ngIf=\"type === 'comment'\">\r\n <rs-grid-action-item\r\n image=\"Edit\"\r\n [text]=\"translation.EDIT\"\r\n [disabled]=\"isReadOnly || !editPermission\"\r\n (click)=\"editComment(item)\"\r\n ></rs-grid-action-item>\r\n <rs-grid-action-item\r\n image=\"Delete\"\r\n [text]=\"translation.DELETE\"\r\n [disabled]=\"isReadOnly || !deletePermission\"\r\n (click)=\"deleteComment(item)\"\r\n ></rs-grid-action-item>\r\n </rs-grid-action>\r\n </div>\r\n </div>\r\n</ng-template>\r\n",
|
|
1949
1956
|
styles: [".rs-commentary-wrap{width:100%;height:100%;padding:32px;display:flex;flex-direction:column}.rs-commentary-wrap .comment-box{width:100%}.rs-commentary-wrap .comment-box .comment-input-wrap{margin-bottom:12px;display:flex;gap:12px}.rs-commentary-wrap .comment-box .comment-input-wrap .e-input{flex:1;width:0;height:44px}.rs-commentary-wrap .comment-box .btn-wrap{display:flex;justify-content:flex-end;gap:12px}.rs-commentary-wrap .comment-box .btn-wrap .e-btn.text{padding:4px}.rs-commentary-wrap .reply-box{height:0;flex:1;overflow:auto;margin-top:16px;margin-right:-32px;padding-right:32px}.rs-commentary-wrap .reply-box .sub-reply-list{padding-left:40px}.rs-commentary-wrap .reply-box .e-btn.text{padding:0!important;min-width:auto;height:auto;color:#6c7c90!important}.rs-commentary-wrap .reply-box .e-btn.text:hover{background:0 0!important;color:#1364b3!important}.rs-commentary-wrap .reply-box .e-btn.text:focus{background:0 0!important;color:#6c7c90!important}.rs-commentary-wrap .reply-box .arrow.collapse{transform:rotate(180deg)}.rs-commentary-wrap .reply-box .reply-item{display:flex;gap:12px;padding:12px 0}.rs-commentary-wrap .reply-box .reply-item.comment{border-top:1px solid #eaedf0}.rs-commentary-wrap .reply-box .reply-item.comment:hover{background-color:#f6faff}.rs-commentary-wrap .reply-box .reply-item.comment:hover rs-grid-action{display:block}.rs-commentary-wrap .reply-box .reply-item rs-grid-action{display:none;position:absolute;cursor:pointer;top:-4px;right:8px}.rs-commentary-wrap .reply-box .owner-wrap{flex:1;width:0;position:relative}.rs-commentary-wrap .reply-box .owner-wrap .owner-info{display:flex;align-items:center;gap:12px}.rs-commentary-wrap .reply-box .owner-wrap .owner-info .name{color:#44566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:700;line-height:14px}.rs-commentary-wrap .reply-box .owner-wrap .owner-info .time{color:#6c7c90;font-family:Arial;font-size:10px;font-style:normal;font-weight:400;line-height:12px}.rs-commentary-wrap .reply-box .owner-wrap .message-wrap{padding:8px 0}.rs-commentary-wrap .reply-box .owner-wrap .message-wrap .message{color:#44566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.rs-commentary-wrap .avatar{width:32px;height:32px;border-radius:100%;border:1px solid rgba(108,124,144,.4);color:#44566c;display:flex;align-items:center;justify-content:center;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}"]
|
|
1950
1957
|
}] }
|
|
1951
1958
|
];
|
|
@@ -1961,6 +1968,7 @@ RsCommentaryComponent.propDecorators = {
|
|
|
1961
1968
|
editPermission: [{ type: Input }],
|
|
1962
1969
|
deletePermission: [{ type: Input }],
|
|
1963
1970
|
isReadOnly: [{ type: Input }],
|
|
1971
|
+
filedsKey: [{ type: Input }],
|
|
1964
1972
|
actionComplete: [{ type: Output }]
|
|
1965
1973
|
};
|
|
1966
1974
|
__decorate([
|
|
@@ -1999,6 +2007,8 @@ if (false) {
|
|
|
1999
2007
|
/** @type {?} */
|
|
2000
2008
|
RsCommentaryComponent.prototype.isReadOnly;
|
|
2001
2009
|
/** @type {?} */
|
|
2010
|
+
RsCommentaryComponent.prototype.filedsKey;
|
|
2011
|
+
/** @type {?} */
|
|
2002
2012
|
RsCommentaryComponent.prototype.actionComplete;
|
|
2003
2013
|
/** @type {?} */
|
|
2004
2014
|
RsCommentaryComponent.prototype.commentVal;
|