add home loading... info

modules/core/client/app/trans-string-cn.js

@@ -75,6 +75,7 @@
     SUBMIT_BUTTON: '已备妥，现在提交',
     AGREE_RULES: '我已阅读并同意站内所有协议条款，<a href="#">协议条款</a>',
     DOWNLOAD_TORRENT: '下载种子',
+    LOADING_TOP: '正在推荐资源，请稍候...',
 
     //footer view
     MIT_PROTOCOL: '本项目源码受 <a href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">MIT</a> 开源协议保护',

modules/core/client/app/trans-string-en.js

@@ -75,6 +75,7 @@
     SUBMIT_BUTTON: 'OK, SUBMIT NOW',
     AGREE_RULES: 'I agree and already read all the rules, <a href="#">read here</a>',
     DOWNLOAD_TORRENT: 'Download Torrent',
+    LOADING_TOP: 'Loading recommended info, please waiting...',
 
     //footer view
     MIT_PROTOCOL: 'The source of this project is protected by <a href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">MIT</a> open source protocol',

modules/core/client/controllers/home.client.controller.js

@@ -9,7 +9,7 @@
 
   function HomeController($scope, $translate, TorrentsService, Notification) {
     var vm = this;
-
+    vm.info_is_ready = false;
     //$translate.use('en');
 
     vm.COMING = 'coming soon...';
@@ -24,6 +24,7 @@
         });
 
         vm.movieinfo = res;
+        vm.info_is_ready = true;
         $('.backdrop').css('backgroundImage', 'url(http://image.tmdb.org/t/p/w500' + res.backdrop_path + ')');
       }, function (err) {
         Notification.error({

modules/core/client/less/mt.less

@@ -12,6 +12,10 @@
         padding-top: 30px;
         padding-bottom: 30px;
     }
+    .loading {
+        color: #ccc;
+        margin: 150px 0;
+    }
     .topone {
         color: #ccc;
         img {

modules/core/client/views/home.client.view.html

@@ -2,7 +2,10 @@
     <div class="backdrop">
         <div class="filter">
             <div class="container">
-                <div class="topone">
+                <div ng-show="!vm.info_is_ready" class="text-center loading">
+                    <h3 translate="LOADING_TOP" class="text-capitalize"></h3>
+                </div>
+                <div class="topone" ng-show="vm.info_is_ready">
                     <div class="col-md-4">
                         <img src="http://image.tmdb.org/t/p/w500{{vm.movieinfo.poster_path}}" class=" img-thumbnail center-block">
                         <div class="down-torrent">