fix(medals): fixed medal count number issue

This commit is contained in:
OldHawk
2018-06-23 17:13:08 +08:00
parent f16552ed82
commit 677ecd85db
4 changed files with 19 additions and 15 deletions

View File

@@ -7,29 +7,33 @@
medalFlag.$inject = ['$compile', '$translate', '$filter'];
function medalFlag($compile, $translate, $filter) {
var user = undefined;
var directive = {
restrict: 'A',
replace: true,
scope: {
medalUser: '=medalFlag',
medalCount: '=medalCount'
},
link: link
};
return directive;
function link(scope, element, attrs) {
scope.$watch(attrs.medalFlag, function (s) {
if (s) {
var user = s;
var number = attrs.medalCount || 0;
var title = $translate.instant('USER_MEDAL_FLAG', {name: user.displayName});
var cls = attrs.medalFlagClass;
scope.$watch(function () {
var number = scope.medalCount || 0;
var title = $translate.instant('USER_MEDAL_FLAG', {name: scope.medalUser.displayName});
var cls = attrs.medalFlagClass;
var ele = angular.element('<i class="far fa-shield-alt text-mt" ng-click="$event.stopPropagation();"> <span class="medal-data">' + number + '</span></i>');
var ele = angular.element('<i class="far fa-shield-alt text-mt" ng-click="$event.stopPropagation();"> <span class="medal-data">' + number + '</span></i>');
ele.addClass(cls ? cls : '');
ele.attr('title', title);
ele.addClass(cls ? cls : '');
ele.attr('title', title);
element.append(ele);
$compile(element.contents())(scope);
}
element.html(ele);
$compile(element.contents())(scope);
});
}
}

View File

@@ -17,7 +17,7 @@
<span class="user-seeding"><span seeding-flag="vm.user" seeding-flag-class="user-seeding-flag"></span></span>
<span class="user-leeching"><span leeching-flag="vm.user" leeching-flag-class="user-leeching-flag"></span></span>
<span class="user-ratio"><span ratio-flag="vm.user" ratio-flag-class="user-ratio-flag"></span></span>
<span class="user-medals-count"><span medal-flag="vm.user" medal-count="{{vm.userMedals.length}}" medal-flag-class="user-medal-flag"></span></span>
<span class="user-medals-count"><span medal-flag="vm.user" medal-count="vm.userMedals.length" medal-flag-class="user-medal-flag"></span></span>
</li>
</ul>
</div>

View File

@@ -16,7 +16,7 @@
<span class="user-seeding"><span seeding-flag="vm.user" seeding-flag-class="user-seeding-flag"></span></span>
<span class="user-leeching"><span leeching-flag="vm.user" leeching-flag-class="user-leeching-flag"></span></span>
<span class="user-ratio"><span ratio-flag="vm.user" ratio-flag-class="user-ratio-flag"></span></span>
<span class="user-medals-count"><span medal-flag="vm.user" medal-count="{{vm.userMedals.length}}" medal-flag-class="user-medal-flag"></span></span>
<span class="user-medals-count"><span medal-flag="vm.user" medal-count="vm.userMedals.length" medal-flag-class="user-medal-flag"></span></span>
</li>
</ul>
</div>

View File

@@ -17,7 +17,7 @@
<span class="user-seeding"><span seeding-flag="vm.user" seeding-flag-class="user-seeding-flag"></span></span>
<span class="user-leeching"><span leeching-flag="vm.user" leeching-flag-class="user-leeching-flag"></span></span>
<span class="user-ratio"><span ratio-flag="vm.user" ratio-flag-class="user-ratio-flag"></span></span>
<span class="user-medals-count"><span medal-flag="vm.user" medal-count="{{vm.userMedals.length}}" medal-flag-class="user-medal-flag"></span></span>
<span class="user-medals-count"><span medal-flag="vm.user" medal-count="vm.userMedals.length" medal-flag-class="user-medal-flag"></span></span>
</li>
</ul>
</div>