parent
b46a4194c7
commit
af34f6f947
7 changed files with 105 additions and 25 deletions
@ -0,0 +1,24 @@ |
|||||||
|
|
||||||
|
angular.module('zuykov') |
||||||
|
|
||||||
|
.controller('TrademarkSearchLandingCtrl', ['$scope', '$http', function ($scope, $http) { |
||||||
|
$scope.load = function () { |
||||||
|
$scope.trademarks = []; |
||||||
|
$scope.loading = true; |
||||||
|
$scope.loading_text = 'Загрузка'; |
||||||
|
$http.get('/ru/trademarks/online-search/random-trademarks/'). |
||||||
|
success(function(data, status, headers, config) { |
||||||
|
$scope.trademarks = data.items; |
||||||
|
|
||||||
|
$scope.loading = false; |
||||||
|
$scope.loading_text = 'Показать ещё'; |
||||||
|
}). |
||||||
|
error(function(data, status, headers, config) { |
||||||
|
$scope.loading = false; |
||||||
|
$scope.loading_text = 'Показать ещё'; |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
$scope.load(); |
||||||
|
|
||||||
|
}]); |
||||||
@ -0,0 +1,32 @@ |
|||||||
|
.trademark-search-landing-examples { |
||||||
|
margin: 0 auto; |
||||||
|
width: 75%; |
||||||
|
|
||||||
|
.trademark-search-landing-examples-loading { |
||||||
|
width: 100%; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.trademark-search-landing-examples-item { |
||||||
|
text-align: center; |
||||||
|
width: 45%; |
||||||
|
margin-top: 15px; |
||||||
|
} |
||||||
|
|
||||||
|
i { |
||||||
|
margin-right: 5px; |
||||||
|
} |
||||||
|
.glyphicon-refresh-animate { |
||||||
|
-animation: spin 1s infinite linear; |
||||||
|
-webkit-animation: spin2 1s infinite linear; |
||||||
|
} |
||||||
|
|
||||||
|
@-webkit-keyframes spin2 { |
||||||
|
from { -webkit-transform: rotate(0deg);} |
||||||
|
to { -webkit-transform: rotate(360deg);} |
||||||
|
} |
||||||
|
|
||||||
|
@keyframes spin { |
||||||
|
from { transform: scale(1) rotate(0deg);} |
||||||
|
to { transform: scale(1) rotate(360deg);} |
||||||
|
} |
||||||
|
} |
||||||
@ -1,3 +1,4 @@ |
|||||||
|
@import 'landing.less'; |
||||||
@import 'result.less'; |
@import 'result.less'; |
||||||
@import 'detail.less'; |
@import 'detail.less'; |
||||||
@import 'loading.less'; |
@import 'loading.less'; |
||||||
|
|||||||
Loading…
Reference in new issue