From 397430dbecaa0acab1c7f2d98e546728c91c93e5 Mon Sep 17 00:00:00 2001
From: OldHawk <taobataoma@gmail.com>
Date: Sat, 6 May 2017 22:14:27 +0800
Subject: [PATCH] add vip donate button

---
 modules/core/client/app/trans-string-en.js    |  3 ++
 modules/core/client/app/trans-string-zh.js    |  3 ++
 modules/core/client/less/mt-var.less          |  7 +++-
 modules/core/client/less/mt.less              | 34 +++++++++++++++++--
 modules/vip/client/templates/vip-zh.md        |  3 +-
 modules/vip/client/views/vip.client.view.html |  8 ++++-
 6 files changed, 53 insertions(+), 5 deletions(-)

diff --git a/modules/core/client/app/trans-string-en.js b/modules/core/client/app/trans-string-en.js
index a5f805ae..92b1520c 100644
--- a/modules/core/client/app/trans-string-en.js
+++ b/modules/core/client/app/trans-string-en.js
@@ -241,6 +241,9 @@
     USERS_LIST: 'Users',
     USERS_UPDATE: 'Update',
 
+    //vip,rules views
+    BUTTON_DNATE: 'Donate',
+
     //user settings
     SETTINGS: 'Settings',
     BUTTON_SAVE_PROFILE: 'Save Profile',
diff --git a/modules/core/client/app/trans-string-zh.js b/modules/core/client/app/trans-string-zh.js
index 837aaa93..09d636fe 100644
--- a/modules/core/client/app/trans-string-zh.js
+++ b/modules/core/client/app/trans-string-zh.js
@@ -241,6 +241,9 @@
     USERS_LIST: '用户列表',
     USERS_UPDATE: '修改',
 
+    //vip,rules views
+    BUTTON_DNATE: '捐 赠',
+
     //user settings
     SETTINGS: '控制面版',
     BUTTON_SAVE_PROFILE: '保存',
diff --git a/modules/core/client/less/mt-var.less b/modules/core/client/less/mt-var.less
index 261d0d23..8de55dd5 100644
--- a/modules/core/client/less/mt-var.less
+++ b/modules/core/client/less/mt-var.less
@@ -1,6 +1,11 @@
 @import (reference) "../../../../public/lib/bootstrap/less/variables.less";
+@import (reference) "../../../../public/lib/bootstrap/less/mixins/buttons.less";
 
 
 @mt-base-color: #ff6600;
 
-@comment-background-default: lighten(@gray-base, 95%);
\ No newline at end of file
+@comment-background-default: lighten(@gray-base, 95%);
+
+@btn-mt-color:              #fff;
+@btn-mt-bg:                 @mt-base-color;
+@btn-mt-border:             darken(@mt-base-color, 5%);
diff --git a/modules/core/client/less/mt.less b/modules/core/client/less/mt.less
index bf31c397..6210596e 100644
--- a/modules/core/client/less/mt.less
+++ b/modules/core/client/less/mt.less
@@ -527,7 +527,37 @@
     margin-left: 0;
     .flag-icon {
         font-size: 15px;
-        margin-left: 0px;
+        margin-left: 0;
         margin-right: 10px;
     }
-}
\ No newline at end of file
+}
+
+.btn-donate {
+    @media (min-width: @screen-sm) {
+        position: absolute;
+        width: 70%;
+        top: 50px;
+    }
+    @media (max-width: @screen-sm) {
+        position: relative;
+        width: 95%;
+        margin: 30px 5px;
+    }
+}
+
+.btn-donate-hide {
+    @media (min-width: @screen-xs-max) {
+        display: none;
+    }
+}
+
+.btn-donate-show {
+    @media (max-width: @screen-xs-max) {
+        display: none;
+    }
+}
+
+.btn-mt {
+    .button-variant(@btn-mt-color; @btn-mt-bg; @btn-mt-border);
+}
+
diff --git a/modules/vip/client/templates/vip-zh.md b/modules/vip/client/templates/vip-zh.md
index 8906a6eb..be70a0e9 100644
--- a/modules/vip/client/templates/vip-zh.md
+++ b/modules/vip/client/templates/vip-zh.md
@@ -4,4 +4,5 @@
 
 如果你想修改规则内容, 请编辑 .md 文件, 它存放于 `modules/vip/client/templates/vip-xx.md`.
 
-`xx` 代表语言标识符, 如 `zh`,`en` 等.
\ No newline at end of file
+`xx` 代表语言标识符, 如 `zh`,`en` 等.
+
diff --git a/modules/vip/client/views/vip.client.view.html b/modules/vip/client/views/vip.client.view.html
index dc14f5f9..5971d859 100644
--- a/modules/vip/client/views/vip.client.view.html
+++ b/modules/vip/client/views/vip.client.view.html
@@ -1,8 +1,14 @@
 <section class="container padding-top-10" ng-controller="VipController as vm" ng-init="vm.init();">
     <div class="row">
-        <div class="col-md-10 col-md-offset-1">
+        <div class="col-sm-2 col-md-2 btn-donate-hide">
+            <button class="btn btn-mt btn-donate center-block">{{'BUTTON_DNATE' | translate}}</button>
+        </div>
+        <div class="col-sm-10 col-md-9 col-md-offset-1">
             <div marked src="'/modules/vip/client/templates/vip-'+vm.lang+'.md'">
             </div>
         </div>
+        <div class="col-sm-2 col-md-2 btn-donate-show">
+            <button class="btn btn-mt btn-donate center-block">{{'BUTTON_DNATE' | translate}}</button>
+        </div>
     </div>
 </section>
\ No newline at end of file