feat(vip): add vip desc info on vip donate page

This commit is contained in:
OldHawk
2018-02-02 16:17:27 +08:00
parent 91f73b122c
commit b06eddbaad
6 changed files with 47 additions and 5 deletions

View File

@@ -42,6 +42,10 @@
margin-bottom: 10px;
}
.margin-bottom-15 {
margin-bottom: 15px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
@@ -102,6 +106,10 @@
margin-left: 80px;
}
.margin-left-100 {
margin-left: 100px;
}
.padding-top-10 {
padding-top: 10px;
}

View File

@@ -7,11 +7,11 @@
VipController.$inject = ['$scope', '$state', '$translate', 'Authentication', 'getStorageLangService', 'MeanTorrentConfig', 'TorrentsService',
'DebugConsoleService', '$timeout', 'uibButtonConfig', 'TorrentGetInfoServices', 'DownloadService', 'ResourcesTagsServices', '$window',
'localStorageService'];
'localStorageService', 'marked'];
function VipController($scope, $state, $translate, Authentication, getStorageLangService, MeanTorrentConfig, TorrentsService,
mtDebug, $timeout, uibButtonConfig, TorrentGetInfoServices, DownloadService, ResourcesTagsServices, $window,
localStorageService) {
localStorageService, marked) {
var vm = this;
vm.DLS = DownloadService;
vm.TGI = TorrentGetInfoServices;
@@ -388,5 +388,15 @@
i.removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
}
};
/**
* getVipTooltip
* @returns {*}
*/
vm.getVipTooltip = function () {
var ts = $translate.instant('HOME.VIP_TOOLTIP');
return marked(ts, {sanitize: true});
};
}
}());

View File

@@ -36,3 +36,24 @@
}
}
.vip-tooltip {
color: #bbb;
text-shadow: 0 0 0.1em #3a3a3a,-0 -0 0.1em #3a3a3a;
ul {
@media (max-width: @screen-xs-max) {
margin-bottom: 20px !important;
}
padding-left: 0;
li {
padding-left: 0;
list-style: none;
&:before {
content: '+';
display: inline-block;
color: @brand-success;
margin-right: 8px;
}
}
}
}

View File

@@ -1,11 +1,12 @@
<div ng-controller="VipController as vm">
<div class="pagetop">
<div class="container">
<div class="row margin-top-20 margin-bottom-30">
<div class="row margin-top-10 margin-bottom-10">
<div class="col-sm-9">
<h3>{{'VIP.VIP_TITLE' | translate}}
<small>{{'VIP.VIP_SUB_TITLE' | translate}}</small>
</h3>
<div class="vip-tooltip margin-left-100" ng-bind-html="vm.getVipTooltip();"></div>
</div>
</div>
</div>

View File

@@ -1,11 +1,12 @@
<div ng-controller="VipController as vm">
<div class="pagetop">
<div class="container">
<div class="row margin-top-20 margin-bottom-30">
<div class="row margin-top-10 margin-bottom-10">
<div class="col-sm-9">
<h3>{{'VIP.VIP_TITLE' | translate}}
<small>{{'VIP.VIP_SUB_TITLE' | translate}}</small>
</h3>
<div class="vip-tooltip margin-left-100" ng-bind-html="vm.getVipTooltip();"></div>
</div>
<div class="col-sm-3 text-right donate-button">
<a ui-sref="vip.donate" class="btn btn-width-120 margin-top-5"

View File

@@ -1,7 +1,7 @@
<div ng-controller="VipController as vm">
<div class="pagetop">
<div class="container">
<div class="row margin-top-20 margin-bottom-30">
<div class="row margin-top-10 margin-bottom-10">
<div class="col-sm-9">
<h3>{{'VIP.VIP_TITLE' | translate}}
<small>{{'VIP.VIP_SUB_TITLE' | translate}}
@@ -10,6 +10,7 @@
</small>
</small>
</h3>
<div class="vip-tooltip margin-left-100" ng-bind-html="vm.getVipTooltip();"></div>
</div>
<div class="col-sm-3 text-right donate-button">
<a ui-sref="vip.donate" class="btn btn-width-120 margin-top-5"