widgets.pbFileViewer.assets.js.box-viewer.directive.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of ui-designer-artifact-builder-generator-angularjs Show documentation

This module is a generator on AngularJS for Artifact Builder

There is a newer version: 1.0.9

Show newest version

(function () {
  'use strict';

  angular
    .module('bonitasoft.ui.directives')
    .directive('boxViewer', function($filter) {
      return {
        require: '^pbFileViewer',
        restrict: 'A',
        link: function(scope, element, attr, ctrl) {
          scope.$watch(function() {
            return ctrl.fileName;
          }, function() {
            var opts = {
              width: '100%',
              height: '100%',
              autoScale: true,
              closeClick: true,
              enableEscapeButton: true,
              errorMsg: $filter('uiTranslate')('The requested content cannot be loaded.
Please try again later.'),
              type: getType(),
              title: ctrl.fileName
            };

            // On mobile device, do not apply fancybox but open the file in new tab
            // see https://bonitasoft.atlassian.net/browse/BS-16997
            if (ctrl.isMobileDevice()) {
              element.attr('target', '_blank');
            } else {
              $(element).fancybox(opts);
            }

            function getType() {
              if(ctrl.isImage()) {
                return 'image';
              } else {
                return 'iframe';
              }
            }
          });
        }
      };
    });

}());