define [ "base" "moment" ], (App, moment) -> App.controller "BinaryFileController", ["$scope", "$rootScope", "$http", "$timeout", "$element", "ide", ($scope, $rootScope, $http, $timeout, $element, ide) -> TWO_MEGABYTES = 2 * 1024 * 1024 textExtensions = ['bib', 'tex', 'txt', 'cls', 'sty'] imageExtentions = ['png', 'jpg', 'jpeg', 'gif'] previewableExtensions = ['eps', 'pdf'] extension = (file) -> return file.name.split(".").pop()?.toLowerCase() $scope.isTextFile = () => textExtensions.indexOf(extension($scope.openFile)) > -1 $scope.isImageFile = () => imageExtentions.indexOf(extension($scope.openFile)) > -1 $scope.isPreviewableFile = () => previewableExtensions.indexOf(extension($scope.openFile)) > -1 $scope.isUnpreviewableFile = () -> !$scope.isTextFile() and !$scope.isImageFile() and !$scope.isPreviewableFile() $scope.textPreview = loading: false shouldShowDots: false error: false data: null $scope.refreshing = false MAX_URL_LENGTH = 60 FRONT_OF_URL_LENGTH = 35 FILLER = '...' TAIL_OF_URL_LENGTH = MAX_URL_LENGTH - FRONT_OF_URL_LENGTH - FILLER.length $scope.displayUrl = (url) -> if !url? return if url.length > MAX_URL_LENGTH front = url.slice(0, FRONT_OF_URL_LENGTH) tail = url.slice(url.length - TAIL_OF_URL_LENGTH) return front + FILLER + tail else return url $scope.refreshFile = (file) -> $scope.refreshing = true ide.fileTreeManager.refreshLinkedFile(file) .then () -> loadTextFileFilePreview() .finally () -> $scope.refreshing = false # Callback fired when the `img` tag fails to load, # `failedLoad` used to show the "No Preview" message $scope.failedLoad = false window.sl_binaryFilePreviewError = () => $scope.failedLoad = true $scope.$apply() # Callback fired when the `img` tag is done loading, # `imgLoaded` is used to show the spinner gif while loading $scope.imgLoaded = false window.sl_binaryFilePreviewLoaded = () => $scope.imgLoaded = true $scope.$apply() do loadTextFileFilePreview = () -> return unless $scope.isTextFile() url = "/project/#{project_id}/file/#{$scope.openFile.id}?range=0-#{TWO_MEGABYTES}" $scope.textPreview.data = null $scope.textPreview.loading = true $scope.textPreview.shouldShowDots = false $scope.$apply() $http({ url: url, method: 'GET', transformResponse: null # Don't parse JSON }) .then (response) -> { data } = response $scope.textPreview.error = false # show dots when payload is closs to cutoff if data.length >= (TWO_MEGABYTES - 200) $scope.textPreview.shouldShowDots = true try # remove last partial line data = data.replace(/\n.*$/, '') finally $scope.textPreview.data = data $timeout(setHeight, 0) .catch (error) -> console.error(error) $scope.textPreview.error = true $scope.textPreview.loading = false setHeight = () -> $preview = $element.find('.text-preview .scroll-container') $footer = $element.find('.binary-file-footer') maxHeight = $element.height() - $footer.height() - 14 # borders + margin $preview.css('max-height': maxHeight) # Don't show the preview until we've set the height, otherwise we jump around $scope.textPreview.loading = false ]