modify img src to ng-src

This commit is contained in:
OldHawk
2017-04-02 13:37:40 +08:00
parent 13e4a346d0
commit c1c1fedb3f
4 changed files with 22 additions and 19 deletions

View File

@@ -5,10 +5,12 @@
.module('core')
.controller('HomeController', HomeController);
HomeController.$inject = ['$scope', '$translate', 'TorrentsService', 'Notification'];
HomeController.$inject = ['$scope', '$translate', 'TorrentsService', 'Notification', 'TMDBConfig'];
function HomeController($scope, $translate, TorrentsService, Notification) {
function HomeController($scope, $translate, TorrentsService, Notification, TMDBConfig) {
var vm = this;
vm.tmdbConfig = TMDBConfig.tmdbConfig;
vm.info_is_ready = false;
//$translate.use('en');
@@ -25,7 +27,7 @@
vm.movieinfo = res;
vm.info_is_ready = true;
$('.backdrop').css('backgroundImage', 'url(http://image.tmdb.org/t/p/w500' + res.backdrop_path + ')');
$('.backdrop').css('backgroundImage', 'url(' + vm.tmdbConfig.backdrop_img_base_url + res.backdrop_path + ')');
}, function (err) {
Notification.error({
message: '<i class="glyphicon glyphicon-remove"></i> ' + $translate.instant('TMDB_ID_ERROR')

View File

@@ -7,7 +7,7 @@
</div>
<div class="topone fadein" 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"
<img ng-src="{{vm.tmdbConfig.poster_img_base_url}}{{vm.movieinfo.poster_path}}" class="img-thumbnail center-block"
onload="this.style.opacity='1';">
<div class="down-torrent">
<button class="btn btn-success btn-block" translate="DOWNLOAD_TORRENT"></button>
@@ -65,21 +65,21 @@
<legend class="xsmall-legend strong-legend" translate="TMDB_FIELDS.CAST"></legend>
<div class="row">
<div class="col-xs-4 col-md-2 text-center">
<img src="http://image.tmdb.org/t/p/w132_and_h132_bestv2/{{vm.movieinfo.credits.cast[0].profile_path}}"
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[0].profile_path}}"
class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[0].name}}</strong></span>
<!--<p class="cast-xs-info">{{vm.movieinfo.credits.cast[0].character}}</p>-->
</div>
<div class="col-xs-4 col-md-2 text-center">
<img src="http://image.tmdb.org/t/p/w132_and_h132_bestv2/{{vm.movieinfo.credits.cast[1].profile_path}}"
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[1].profile_path}}"
class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[1].name}}</strong></span>
<!--<p class="cast-xs-info">{{vm.movieinfo.credits.cast[1].character}}</p>-->
</div>
<div class="col-xs-4 col-md-2 text-center">
<img src="http://image.tmdb.org/t/p/w132_and_h132_bestv2/{{vm.movieinfo.credits.cast[2].profile_path}}"
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[2].profile_path}}"
class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[2].name}}</strong></span>
@@ -87,21 +87,21 @@
</div>
<div class="clearfix visible-xs-block visible-sm-block"></div>
<div class="col-xs-4 col-md-2 text-center">
<img src="http://image.tmdb.org/t/p/w132_and_h132_bestv2/{{vm.movieinfo.credits.cast[3].profile_path}}"
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[3].profile_path}}"
class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[3].name}}</strong></span>
<!--<p class="cast-xs-info">{{vm.movieinfo.credits.cast[3].character}}</p>-->
</div>
<div class="col-xs-4 col-md-2 text-center">
<img src="http://image.tmdb.org/t/p/w132_and_h132_bestv2/{{vm.movieinfo.credits.cast[4].profile_path}}"
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[4].profile_path}}"
class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[4].name}}</strong></span>
<!--<p class="cast-xs-info">{{vm.movieinfo.credits.cast[4].character}}</p>-->
</div>
<div class="col-xs-4 col-md-2 text-center">
<img src="http://image.tmdb.org/t/p/w132_and_h132_bestv2/{{vm.movieinfo.credits.cast[5].profile_path}}"
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[5].profile_path}}"
class="img-circle img-responsive center-block" onload="this.style.opacity='1';">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[5].name}}</strong></span>

View File

@@ -6,12 +6,13 @@
.controller('TorrentsUploadsController', TorrentsUploadsController);
TorrentsUploadsController.$inject = ['$scope', '$state', '$translate', '$timeout', 'Authentication', 'AnnounceConfig', 'Upload', 'Notification',
'TorrentsService', 'ResourcesTagsConfig'];
'TorrentsService', 'ResourcesTagsConfig', 'TMDBConfig'];
function TorrentsUploadsController($scope, $state, $translate, $timeout, Authentication, AnnounceConfig, Upload, Notification,
TorrentsService, ResourcesTagsConfig) {
TorrentsService, ResourcesTagsConfig, TMDBConfig) {
var vm = this;
vm.announce = AnnounceConfig.announce;
vm.tmdbConfig = TMDBConfig.tmdbConfig;
vm.resourcesTags = ResourcesTagsConfig.resourcesTags;
vm.rule_items = [];
vm.movieinfoarray = [];

View File

@@ -77,7 +77,7 @@
<div class="col-md-12 col-sm-12 col-xs-12">
<legend class="small-legend" translate="TMDB_MOVIE_INFO"></legend>
<div class="col-md-4 col-sm-4 col-xs-12">
<img src="http://image.tmdb.org/t/p/w500/{{vm.movieinfo.poster_path}}" width="100%">
<img ng-src="{{vm.tmdbConfig.poster_img_base_url}}{{vm.movieinfo.poster_path}}" width="100%">
</div>
<div class="col-md-8 col-sm-8 col-xs-12">
<dl class="dl-horizontal">
@@ -130,21 +130,21 @@
<legend class="xsmall-legend strong-legend" translate="TMDB_FIELDS.CAST"></legend>
<div class="row">
<div class="col-xs-4 col-md-2 text-center">
<img src="http://image.tmdb.org/t/p/w132_and_h132_bestv2/{{vm.movieinfo.credits.cast[0].profile_path}}"
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[0].profile_path}}"
class="img-circle img-responsive center-block">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[0].name}}</strong></span>
<p class="cast-xs-info">{{vm.movieinfo.credits.cast[0].character}}</p>
</div>
<div class="col-xs-4 col-md-2 text-center">
<img src="http://image.tmdb.org/t/p/w132_and_h132_bestv2/{{vm.movieinfo.credits.cast[1].profile_path}}"
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[1].profile_path}}"
class="img-circle img-responsive center-block">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[1].name}}</strong></span>
<p class="cast-xs-info">{{vm.movieinfo.credits.cast[1].character}}</p>
</div>
<div class="col-xs-4 col-md-2 text-center">
<img src="http://image.tmdb.org/t/p/w132_and_h132_bestv2/{{vm.movieinfo.credits.cast[2].profile_path}}"
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[2].profile_path}}"
class="img-circle img-responsive center-block">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[2].name}}</strong></span>
@@ -152,21 +152,21 @@
</div>
<div class="clearfix visible-xs-block visible-sm-block"></div>
<div class="col-xs-4 col-md-2 text-center">
<img src="http://image.tmdb.org/t/p/w132_and_h132_bestv2/{{vm.movieinfo.credits.cast[3].profile_path}}"
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[3].profile_path}}"
class="img-circle img-responsive center-block">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[3].name}}</strong></span>
<p class="cast-xs-info">{{vm.movieinfo.credits.cast[3].character}}</p>
</div>
<div class="col-xs-4 col-md-2 text-center">
<img src="http://image.tmdb.org/t/p/w132_and_h132_bestv2/{{vm.movieinfo.credits.cast[4].profile_path}}"
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[4].profile_path}}"
class="img-circle img-responsive center-block">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[4].name}}</strong></span>
<p class="cast-xs-info">{{vm.movieinfo.credits.cast[4].character}}</p>
</div>
<div class="col-xs-4 col-md-2 text-center">
<img src="http://image.tmdb.org/t/p/w132_and_h132_bestv2/{{vm.movieinfo.credits.cast[5].profile_path}}"
<img ng-src="{{vm.tmdbConfig.cast_img_base_url}}{{vm.movieinfo.credits.cast[5].profile_path}}"
class="img-circle img-responsive center-block">
<span class="cast-xs-info"><strong>{{vm.movieinfo.credits.cast[5].name}}</strong></span>