@sunbird-cb/consumption 0.0.99 → 0.0.100
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/sunbird-cb-consumption.umd.js +40 -3
- package/bundles/sunbird-cb-consumption.umd.js.map +1 -1
- package/bundles/sunbird-cb-consumption.umd.min.js +1 -1
- package/bundles/sunbird-cb-consumption.umd.min.js.map +1 -1
- package/esm2015/lib/_common/mdo-leaderboard/mdo-leaderboard.component.js +36 -5
- package/esm5/lib/_common/mdo-leaderboard/mdo-leaderboard.component.js +42 -5
- package/fesm2015/sunbird-cb-consumption.js +34 -3
- package/fesm2015/sunbird-cb-consumption.js.map +1 -1
- package/fesm5/sunbird-cb-consumption.js +40 -3
- package/fesm5/sunbird-cb-consumption.js.map +1 -1
- package/lib/_common/mdo-leaderboard/mdo-leaderboard.component.d.ts +6 -1
- package/package.json +1 -1
- package/sunbird-cb-consumption-0.0.100.tgz +0 -0
- package/sunbird-cb-consumption.metadata.json +1 -1
|
@@ -20543,6 +20543,8 @@ var MdoLeaderboardComponent = /** @class */ (function () {
|
|
|
20543
20543
|
this.result = [];
|
|
20544
20544
|
this.searchTerm = '';
|
|
20545
20545
|
this.expand = true;
|
|
20546
|
+
this.disableLeft = true;
|
|
20547
|
+
this.disableRight = false;
|
|
20546
20548
|
this.tabClicked = new EventEmitter();
|
|
20547
20549
|
}
|
|
20548
20550
|
/**
|
|
@@ -20710,11 +20712,39 @@ var MdoLeaderboardComponent = /** @class */ (function () {
|
|
|
20710
20712
|
function () {
|
|
20711
20713
|
this.expand = !this.expand;
|
|
20712
20714
|
};
|
|
20715
|
+
/**
|
|
20716
|
+
* @return {?}
|
|
20717
|
+
*/
|
|
20718
|
+
MdoLeaderboardComponent.prototype.scrollToRight = /**
|
|
20719
|
+
* @return {?}
|
|
20720
|
+
*/
|
|
20721
|
+
function () {
|
|
20722
|
+
this.scrollableContent.nativeElement.scrollBy({
|
|
20723
|
+
left: 200,
|
|
20724
|
+
behavior: 'smooth'
|
|
20725
|
+
});
|
|
20726
|
+
this.disableLeft = false;
|
|
20727
|
+
this.disableRight = true;
|
|
20728
|
+
};
|
|
20729
|
+
/**
|
|
20730
|
+
* @return {?}
|
|
20731
|
+
*/
|
|
20732
|
+
MdoLeaderboardComponent.prototype.scrollToLeft = /**
|
|
20733
|
+
* @return {?}
|
|
20734
|
+
*/
|
|
20735
|
+
function () {
|
|
20736
|
+
this.scrollableContent.nativeElement.scrollBy({
|
|
20737
|
+
left: -200,
|
|
20738
|
+
behavior: 'smooth'
|
|
20739
|
+
});
|
|
20740
|
+
this.disableLeft = true;
|
|
20741
|
+
this.disableRight = false;
|
|
20742
|
+
};
|
|
20713
20743
|
MdoLeaderboardComponent.decorators = [
|
|
20714
20744
|
{ type: Component, args: [{
|
|
20715
20745
|
selector: 'sb-uic-mdo-leaderboard',
|
|
20716
|
-
template: "<div class=\"mdo-leaderboard-container\">\n <div class=\"flex l-title gap-2 items-center justify-between px-4 md:px-0 py-4 md:py-0\">\n <div class=\"flex gap-2\">\n {{object?.title}} <div><img [src]=\"object?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"object?.infoText\"></div>\n </div>\n <div class=\"block md:hidden\">\n <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n </div>\n </div>\n <div class=\"flex item-center justify-center\" *ngIf=\"expand\">\n <div class=\"flex fl-div\">\n <div class=\"pointer\">\n <span class=\"dot-dot\"></span>\n </div>\n </div>\n </div>\n <div class=\"l-content\" *ngIf=\"expand\">\n <div class=\"horizontal-scroll-container\">\n <div class=\"scroll-content\">\n
|
|
20717
|
-
styles: [".l-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.l-content{background-color:#e9eef6;border-radius:16px;padding:16px}.horizontal-scroll-container{
|
|
20746
|
+
template: "<div class=\"mdo-leaderboard-container\">\n <div class=\"flex l-title gap-2 items-center justify-between px-4 md:px-0 py-4 md:py-0\">\n <div class=\"flex gap-2\">\n {{object?.title}} <div><img [src]=\"object?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"object?.infoText\"></div>\n </div>\n <div class=\"block md:hidden\">\n <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n </div>\n </div>\n <div class=\"flex item-center justify-center\" *ngIf=\"expand\">\n <div class=\"flex fl-div\">\n <div class=\"pointer\">\n <span class=\"dot-dot\"></span>\n </div>\n </div>\n </div>\n <div class=\"l-content\" *ngIf=\"expand\">\n <div class=\"horizontal-scroll-container\">\n <div class=\"flex gap-1\">\n <mat-icon class=\"material-icons left-icon cursor-pointer {{disableLeft ? 'disableArrow': ''}}\" (click)=\"scrollToLeft()\" >chevron_left</mat-icon>\n <div #scrollableContent class=\"scroll-content\">\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'XL' }\" (click)=\"getTabData('XL')\">> 50K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'L' }\" (click)=\"getTabData('L')\">10K-50K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'M' }\" (click)=\"getTabData('M')\">1K-10K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'S' }\" (click)=\"getTabData('S')\">500-1K</span>\n <span class=\"tab-title\" [ngClass]=\"{'active' : currentTab === 'XS' }\" (click)=\"getTabData('XS')\">< 500</span>\n </div>\n <mat-icon class=\"material-icons icon-right cursor-pointer {{disableRight ? 'disableArrow': ''}}\" (click)=\"scrollToRight()\">chevron_right</mat-icon>\n </div>\n </div>\n <div class=\"relative search-wrapper margin-top-m mb-5\">\n <mat-icon matPrefix class=\"flex absolute items-center justify-center mr-2 icon-search\">search\n </mat-icon>\n <input type=\"search\" name=\"searchKey\" class=\"search-field\" i18-aria-label\n aria-label=\"Search\" i18n-placeholder=\"search\" [(ngModel)]=\"searchTerm\"\n placeholder=\"Search your MDO\" (keyup)=\"handleSearchQuery($event)\" />\n </div>\n <div class=\"l-tab-data\">\n <div *ngFor=\"let user of filteredData; let i = index\">\n <div class=\"flex flex-row item mb-{{filteredData.length - 1 === i ? 0 : 5}} gap-3 {{user.row_num === 1 ? 'relative' : ''}}\" >\n <div><img class=\"crown absolute\" src=\"assets/images/national-learning/rank-crown.svg\" *ngIf=\"user.row_num === 1\"/></div>\n <div class=\"{{getRank(user.row_num)}}\">{{user.row_num}}</div>\n <div class=\"w-full\">\n <div class=\"flex flex-between gap-2\">\n <div>\n <div class=\"rank-name\">{{user.org_name}}</div>\n <div class=\"rank-points flex mt-1 gap-1\">\n <img class=\"nlw-kb\" src=\"assets/icons/home/karma-badge.svg\"/>\n <div class=\"points\">{{user.total_points || 0 }} points</div>\n </div>\n </div>\n <div class=\"rank-crown\" *ngIf=\"[1,2,3].includes(user.row_num)\">\n <img class=\"nlw-animation\" [src]=\"getMedal(user.row_num)\"/>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"no-data px-1\" *ngIf=\"filteredData?.length === 0\">\n No data found!\n </div>\n </div>\n </div>\n</div>\n",
|
|
20747
|
+
styles: [".l-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.l-content{background-color:#e9eef6;border-radius:16px;padding:16px}.horizontal-scroll-container::-webkit-scrollbar{display:none}.scroll-content{display:inline-block;overflow:hidden;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;height:32px}.tab-title{font-family:Lato;font-size:14px;line-height:16.8px;text-align:left;cursor:pointer;padding:0 15px 8px;border-bottom:2px solid #c3c3c3}.active{font-weight:700;border-bottom:2px solid #1b4ca1}.search-field{height:34px;padding:0 16px 0 40px;border-radius:52px;background:#fff;border:2px solid rgba(0,0,0,.0784313725);width:100%}.icon-search{top:10px;left:15px;height:15px;width:17px}.item{border-radius:12px;background-color:#fff;padding:16px;align-items:flex-start}.rank1{background:#ffca28;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank2{background:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;color:#fff}.rank3{background:#ff8228;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank0{font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;border:1px solid #c3c3c3}.rank-name{font-family:Montserrat;line-height:1.5em;font-size:16px;font-weight:600;text-align:left;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2}.rank-points{align-items:center}.nlw-kb{height:24px;width:24px}.points{font-family:Lato;font-size:14px;font-weight:600;line-height:16.8px;text-align:right}.crown{left:10px;top:0;width:36px;height:36px}.l-tab-data{height:520px;overflow:auto;padding-bottom:16px}.l-tab-data::-webkit-scrollbar{display:none}.pointer{margin-bottom:-59px;border-radius:41px;background:#c3c3c3;border:35px solid #e9eef6}.dot-dot{width:7px;display:flex;height:7px;background:#c3c3c3;margin-top:-25px;border-radius:10px}.disableArrow{cursor:default;opacity:.4}@media screen and (min-width:320px) and (max-width:769px){.mdo-leaderboard-container{background-color:#d1dbec}}"]
|
|
20718
20748
|
}] }
|
|
20719
20749
|
];
|
|
20720
20750
|
/** @nocollapse */
|
|
@@ -20723,7 +20753,8 @@ var MdoLeaderboardComponent = /** @class */ (function () {
|
|
|
20723
20753
|
]; };
|
|
20724
20754
|
MdoLeaderboardComponent.propDecorators = {
|
|
20725
20755
|
object: [{ type: Input }],
|
|
20726
|
-
tabClicked: [{ type: Output }]
|
|
20756
|
+
tabClicked: [{ type: Output }],
|
|
20757
|
+
scrollableContent: [{ type: ViewChild, args: ['scrollableContent', { static: false },] }]
|
|
20727
20758
|
};
|
|
20728
20759
|
return MdoLeaderboardComponent;
|
|
20729
20760
|
}());
|
|
@@ -20739,9 +20770,15 @@ if (false) {
|
|
|
20739
20770
|
/** @type {?} */
|
|
20740
20771
|
MdoLeaderboardComponent.prototype.expand;
|
|
20741
20772
|
/** @type {?} */
|
|
20773
|
+
MdoLeaderboardComponent.prototype.disableLeft;
|
|
20774
|
+
/** @type {?} */
|
|
20775
|
+
MdoLeaderboardComponent.prototype.disableRight;
|
|
20776
|
+
/** @type {?} */
|
|
20742
20777
|
MdoLeaderboardComponent.prototype.object;
|
|
20743
20778
|
/** @type {?} */
|
|
20744
20779
|
MdoLeaderboardComponent.prototype.tabClicked;
|
|
20780
|
+
/** @type {?} */
|
|
20781
|
+
MdoLeaderboardComponent.prototype.scrollableContent;
|
|
20745
20782
|
/**
|
|
20746
20783
|
* @type {?}
|
|
20747
20784
|
* @private
|