akurath/client/views/tabs/file.js

IDE Frontend for codepsaces.io

define([
    'hr/utils',
    'hr/dom',
    'hr/promise',
    'hr/hr',
    'views/tabs/base',
    'utils/dialogs'
], function(_, $, Q, hr, Tab, dialogs) {

    var FileTab = Tab.extend({
        defaults: {},
        menuTitle: "Editor",

        initialize: function(options) {
            FileTab.__super__.initialize.apply(this, arguments);
            var that = this;

            this.fileHandler = this.options.handler;
            this.fileOptions = this.options.fileOptions;
            this.fileView = null;

            if (!this.fileHandler || !this.fileHandler.View) {
                throw "Invalid handler for file tab";
            }

            // Bind file events
            this.listenTo(this.model, "set", this.update);
            this.listenTo(this.model, "destroy", function() {
                this.closeTab();
            });
            
            // When tab is ready : load file
            this.on("tab:ready", function() {
                this.adaptFile();
            }, this);

            return this;
        },

        /* Render */
        render: function() {
            if (this.fileView) this.fileView.remove();

            this.$el.empty();
            this.menu.clearMenu();

            this.fileView = new this.fileHandler.View({
                model: this.model
            }, this);
            this.fileView.update();
            this.fileView.$el.appendTo(this.$el);
            this.adaptFile();
            return this.ready();
        },

        /* Change the file */
        load: function(path, handler) {
            var that = this;
            if (handler) {
                this.fileHandler = handler;
            }
            this.model.getByPath(path).then(null, function() {
                that.closeTab();
            })
            return this;
        },

        /* Adapt the tab to the file (title, ...) */
        adaptFile: function() {
            this.setTabTitle(this.model.get("name", "loading..."));
            this.setTabId(this.fileHandler.id+":"+this.model.syncEnvId());
            this.setFileOptions(this.fileOptions);
            return this;
        },

        /* Close the tab: check that file is saved */
        tabCanBeClosed: function() {
            var that = this;

            if (this.model.modified && !this.model.isNewfile()) {
                return dialogs.confirm("Do you really want to close "+_.escape(this.model.get("name"))+" without saving changes?", "Your changes will be lost if you don't save them.").then(function(c) {
                    return true;
                }, function() {
                    return false;
                });
            }
            return true;
        },

        /* Set file options: line to highlight, ... */
        setFileOptions: function(fileOptions) {
            this.fileOptions = fileOptions || {};
            if (this.fileView) this.fileView.trigger("file:options", this.fileOptions);
        }
    });

    return FileTab;
});