• Home
• com.chaschev
• bear
• 1.0.2
• source code
• angular-fx-file-editor.js

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

app.js.angular-fx-file-editor.js Maven / Gradle / Ivy

/**
 * @author Andrey Chaschev [email protected]
 */

console.log('fx.file.editor module');


angular.module('fx.file.editor', ['ui.bootstrap', 'ui.ace', 'ngEkathuwa'])

//should be placed inside i.e. MyModalCtrl
.directive('fxEditorButton', ['$ekathuwa', '$timeout', function($ekathuwa, $timeout) {
    return {
        restrict: 'A',
        scope: {
            fileManager: '=',
            selected: '=',
            classes: '@',
            styles: '@'
        },
        template: '' +
            '
' +
            ' {{selected.filename}}' +
            ' ' +
            '  ' +
            ' ' +
            ' 
' +
            '  
{{name}}
' +
            ' 
' +
            '
',

        link: function ($scope, $element) {
            Java.log('fxEditorButton for ', $element);
            if ($scope.classes) {
                $element.find('button:first-of-type').attr('class', $scope.classes);
                $element.find('button:last-of-type').attr('class', $scope.classes + " dropdown-toggle");
            }

            $scope.getCurrentDir = function () {
                return ($scope.selected.dir = $scope.selected.dir || '.');
            };

            $scope.filenames = function () {
                var files = JSON.parse($scope.fileManager.listDir($scope.getCurrentDir()));
                //todo fix this - there are 4 updates per click
//                Java.log('files', files);

                files = files.files;

                var names = [];

                for (var i = 0; i < files.length; i++) {
                    if (!files[i].dir) {
                        names.push(files[i].name);
                    }
                }

                return names;
            };

            $scope.saveFile = function () {
                var dir = $scope.selected.dir;
                var filename = $scope.selected.filename;
                Java.log("saving to " + dir, filename);
                $scope.fileManager.writeFile(
                    dir,
                    filename,
                    $scope.editor.getValue()
                );
                $timeout(function () {
                    $scope.modified = '';
                });

//                if(!$scope.$$phase){
//                    $scope.$digest();
//                }
            };

            $scope.fileDialog = function () {
                try {
                    Java.log('fileDialog: ', $scope.getCurrentDir(), $scope.fileManager);

                    var path = $scope.fileManager.openFileDialog($scope.getCurrentDir());

                    Java.log('path: ', path);

                    if (path == null) return;

                    var lastSep = path.lastIndexOf('/');

                    if (lastSep == -1 || !lastSep) {
                        lastSep = path.lastIndexOf('\\');
                    }

                    $scope.selected.dir = path.substring(0, lastSep);
                    $scope.selected.filename = path.substr(lastSep + 1);
                    $scope.selected.path = $scope.selected.dir + "/" + $scope.selected.filename;
                } catch (e) {
                    Java.log(e);
                }
            };

            $scope.showModal = function () {
                $ekathuwa.modal({
                    id: "ekathuwaTemlHTMLId",
                    scope: $scope,
                    contentPreSize: "lg",
                    templateHTML: '' +
                        '
' +
                        '
' +
                        '
' +
                        '
' +
                        ' x' +
                        ' 
Edit - {{selected.filename}}{{modified}}
' +
                        '
' +
                        '
' +
                        '
' +
                        ' ' +
                        ' CloseSave changes
' +
                        '
' +
                        '
' +
                        '
'
                });
            };

            $scope.aceLoaded = function (editor) {
                Java.log("loaded ace editor in a modal", editor.getScrollSpeed());

                editor.setScrollSpeed(200);

                $scope.editor = editor;

                var session = editor.getSession();

                session.setMode("ace/mode/java");
                session.setTabSize(2);

                editor.setOptions({
                    enableBasicAutocompletion: true,
                    enableSnippets: true
                });

                editor.on('change', function (e) {
                    $scope.modified = '*';

                    try {
                        $scope.$digest();
                    } catch (e) {
                    }
                });

                editor.commands.addCommand({
                    name: "copyShortcut",
                    bindKey: {win: "Ctrl-C", mac: "Command-C"},
                    exec: function (editor) {
                        window.bear.call('conf', 'copyToClipboard', editor.getCopyText());
                    }
                });

                editor.commands.addCommand({
                    name: "pasteShortcut",
                    bindKey: {win: "Ctrl-V", mac: "Command-V"},
                    exec: function (editor) {
                        var r = window.bear.call('conf', 'pasteFromClipboard');
                        editor.insert(r);
                    }
                });

                editor.commands.addCommand({
                    name: "saveShortcut",
                    bindKey: {win: "Ctrl-S", mac: "Command-S"},
                    exec: function (editor) {
                        $scope.saveFile();
                    }
                });

                $scope.$watch('selected', function (newVal, oldVal) {
                    var text = $scope.fileManager.readFile(
                        newVal.dir, newVal.filename
                    );

                    editor.setValue(text, -1);
                    $scope.modified = '';
                }, true);
            };
        }
    }
}]);