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>'
                });