/*global $, Whisper, Backbone, textsecure, extension*/
/* vim: ts=4:sw=4:expandtab:
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
(function () {
    'use strict';
    Whisper.Layout = new (Backbone.View.extend({
        initialize: function () {
            this.gutter = $('#gutter');
            this.contacts = $('#contacts');
            this.resize();

            new Whisper.ConversationListView({el: $('#contacts')});
            window.addEventListener('resize', this.resize.bind(this));
            window.addEventListener('storage', function () {Whisper.Threads.fetch(); });
            Whisper.Threads.fetch({reset: true});
        },
        events: {
            'click #new-message': 'new_message',
            'click #new-group': 'new_group'
        },

        new_message: function (e) {
            e.preventDefault();
            $('.conversation').hide().trigger('close'); // detach any existing conversation views
            this.view = new Whisper.NewConversationView();
            //todo: less new
        },

        new_group: function (e) {
            e.preventDefault();
            $('.conversation').trigger('close'); // detach any existing conversation views
            new Whisper.NewGroupView();
        },
        resize: function (e) {
            var windowheight = window.innerHeight,
                form = $('.send-message-area').outerHeight(),
                gutter_offset = this.gutter.offset().top,
                contacts_offset = this.contacts.offset().top;
            if (window.innerWidth < 480) {
                this.gutter.css('height', windowheight - gutter_offset - form);
                this.contacts.css('height', windowheight - contacts_offset - form);
            } else {
                this.gutter.css('height', windowheight - gutter_offset);
                this.contacts.css('height', windowheight - contacts_offset);
            }
            $('.discussion').css('height', windowheight - gutter_offset - form);
        },
        setContent: function (content) {
            $(content).insertAfter(this.gutter);
            this.resize();
        }
    }))({el: document});

    if (textsecure.storage.getUnencrypted("number_id") === undefined) {
        window.location = '/options.html';
    } else {
        textsecure.storage.putUnencrypted("unreadCount", 0);
        extension.navigator.setBadgeText("");
        if (Whisper.Threads.length) {
            Whisper.Threads.at(0).trigger('render');
        }
    }
}());