{{ 'GUIDE' | translate }}

{{:: 'GUIDE_RELEASE_DIALOG' | translate}}

{{:: 'OPEN_GUIDE_RELEASE_DIALOG' | translate}}

{{:: 'GUIDE_INTRO_DIALOG' | translate}}

{{:: 'OPEN_GUIDE_INTRO_DIALOG' | translate}}

{{:: 'GUIDE_DIALOG' | translate}}

{{ 'OPEN_GUIDE_DIALOG' | translate}}

{{:: 'CODE' | translate}}

pipGuidance.showIntroReleaseGuide($scope.guide, $scope.settings, null, 'en', $rootScope.$party, $rootScope.$user);

{{:: 'GUIDE_TIP' | translate}}

{{ 'OPEN_GUIDE_TIP' | translate}}

{{:: 'CODE' | translate}}

JS: pipPopover.show({ class: 'pip-tip', cancelCallback: function () { console.log('backdrop clicked'); }, locals:{ title: 'Some long or not very long title1'; }, controller: function ($scope, $timeout, $mdMedia) { $scope.title = $scope.locals.title; $scope.content = 'Completely synthesize high standards in products without stand-alone' + 'action items. Dramatically synergize customized models after competitive networks.' + 'Progressively optimize highly efficient internal or "organic" sources and cost effective' + 'imperatives. Uniquely drive client-based growth strategies vis-a-vis backward-compatible ' + 'bandwidth. Authoritatively seize clicks-and-mortar models through magnetic paradigms.'; $scope.image = 'https://pp.vk.me/c7004/v7004812/1cbe4/SlAPkJDiUn4.jpg'; $scope.link = 'http://github.com/pip-life/pip-life/issues'; $scope.$mdMedia = $mdMedia; position(); $scope.onNextClick = function () { $pipPopover.hide(); }; function position() { $timeout(function () { var backdropElement = $('.pip-popover-backdrop'), popover = backdropElement.find('.pip-popover'); popover.find('.pip-pic').css('background-image', 'url(' + $scope.image + ')'); }, 100); } }, templateUrl: 'tips/tip.template.html' }); HTML tip.template.html: <div ng-if="title" class='pip-title p24-flex flex-fixed bp16'> {{ title | translate }} </div> <div class='pip-content pip-popover-content lp24-flex rp24-flex text-body1 bm64 pip-scroll' ng-class="{'tm24' : !title }"> <div ng-if="image && $mdMedia('gt-xs')" class="pip-pic"></div> <pip-markdown pip-text="content" pip-rebind="true"></pip-markdown> </div> <div class='pip-footer lm24-flex rm24-flex position-bottom layout-row layout-align-start-center'> <a ng-if="link" target="_blank" href="{{ link }}" class="text-body2" flex> {{ 'MORE_URL' | translate }} </a> <div ng-if="!link" class="flex"></div> <md-button ng-click='onNextClick()' class="rm0"> {{ 'NEXT' | translate }} </md-button> </div>