Popover {{ 'SAMPLE' | translate }}:
{{ 'SHOW_POPOVER' | translate }}
Show Tip
Show Quote
{{:: 'CODE' | translate}}
pipPopover.show({
class: 'pip-tip',
locals: {
title: $scope.title,
content: $scope.content
},
cancelCallback: function () {
console.log('backdrop clicked');
},
controller: function($scope, $timeout) {
$scope.title = $scope.locals.title;
$scope.content = $scope.locals.content;
$scope.image = 'http://www.izuminki.com/images/kolibri-vo-vsej-krase/11.jpg';
$scope.onNextClick = function () {
console.log('on next click');
$pipPopover.hide();
};
$timeout(function() {
$('.pip-popover').find('.pip-pic').css('background-image', 'url(' + $scope.image + ')');
}, 200);
},
template: '<div class="pip-title m24 bm16 text-subhead2">
+ {{ titleSample }}</div>'
+ '<div class="pip-content pip-popover-content p24 tp0 bp0 bm64">'
+ '<div class="pip-pic bm16"></div>
+ {{ contentSample }}</div>'
+ '<div class="pip-footer p24 tp8 bp8 rp16 position-bottom" layout="row" layout-align="start center">'
+ '<div class="flex"></div><md-button ng-click="onNextClick()">NEXT</md-button></div>'
});
{{:: 'CODE' | translate}}
pipPopover.show({
responsive: false,
element: $event.currentTarget,
class: 'pip-help',
locals: {
content: content || $scope.content
},
cancelCallback: function () {
console.log('backdrop clicked');
},
controller: function($scope) {
$scope.content = $scope.locals.content;
$scope.onNextClick = function () {
console.log('on next click');
$pipPopover.hide();
};
},
template: '<div class="pip-title h24"></div><div class="pip-content pip-popover-content lp24 rp24">'
+ '{{ contentSample }}</div><div class="h24 pip-footer"></div>'
});