SpontaneousCMS/spontaneous

Spontaneous.ConflictedFieldDialogue = (function($, S) {
    var dom = S.Dom, Dialogue = Spontaneous.Dialogue;

    var ConflictedFieldDialogue = new JS.Class(Dialogue, {
        initialize: function(parent_view, conflicted_fields) {
            this.parent_view = parent_view;
            this.conflicted_fields = conflicted_fields;
            this.active_conflict = 0;
            this.wrap = dom.div('#conflicted-fields-dialogue');
        },
        title: function() {
            return 'Conflicted Fields';
        },
        width: function() {
            return '90%';
        },
        buttons: function() {
            var btns = {};
            btns['Use'] = this.conflict_resolved.bind(this);
            return btns;
        },

        resolve_value: function(conflict, value) {
            conflict.value = value;
        },
        conflict_resolved: function() {
            var conflict = this.current_conflict();
            // conflict.value = this.conflict_view.use_value;
            // this.parent_view.conflict_resolved(conflict, this.conflict_view.use_value)
            if (conflict && conflict.value) {
                this.show_next_conflict();
            }
        },
        uid: function() {
            return this.content.uid() + '!editing';
        },
        create_home: function() {
            if (this.type) {
                S.Ajax.post('/site/home', {'type':this.type.schema_id}, this.home_created.bind(this));
            }
        },
        home_created: function(data) {
            window.location.href = S.Ajax.namespace;
        },
        select_type: function(type) {
            this.type = type;
        },
        current_conflict: function() {
            return this.conflicted_fields[this.active_conflict];
        },

        next_conflict: function() {
            this.active_conflict += 1;
            return this.current_conflict();
        },
        conflict_panel: function(outer) {
            outer.empty();
            var conflict = this.current_conflict(),
            field = conflict.field,
            instructions = dom.p('.instructions');
            instructions.html("The field '"+field.label()+"' has been modified by another person. Please select which version you want to use.");
            var view = field.conflict_view(this, conflict);
            outer.append(instructions);
            outer.append(view.panel());
            this.conflict_view = view;
            return outer;
        },

        body: function() {
            panel = this.conflict_panel(this.wrap);
            return this.wrap;
        },
        show_next_conflict: function() {
            var conflict = this.next_conflict();
            if (conflict) {
                this.conflict_panel(this.wrap);
            } else {
                console.log('closing conflict view', this.conflicted_fields);
                this.parent_view.conflicts_resolved(this.conflicted_fields);
                this.close();
            }
        },
        cancel_button: function() {
            return false;
        }
    });
    return ConflictedFieldDialogue;
})(jQuery, Spontaneous);