gistfile1.txt

----- html

<div ng-class="ChatController">
    <chat>
        <div chat-messages class="messages">
            <div chat-message class="message-item">

            </div>
        </div>
        <div class="footer">
            <input chat-input/>
            <button chat-send-button>Send</button>
            <button chat-attachment-button>File</button>
        </div>
    </chat>
</div>




------ configurations

.config(function($chatProvider){
    
    //enable attachments
    $chatProvider.config('attachments', true);
})




------ proxy to communicate with backend

.service('ChatProxy', function($q){
    
    return {

        connect: function() {

            var deferer = $q.defer();

            /*
                get converstions
                if no conversation start one
                then defere.resolve()
            */

            return deferer.promise;
        },

        send: function(message) {

            var deferer = $q.defer();

            //concrete send implementation

            return deferer.promise;
        },

        file: function() {
            var deferer = $q.defer();

            //concrete send file and deferer.resolve or deferer.reject('fail to send')

            return deferer.promise;
        }
    }

})


------ Chat container controller

.controller('ChatController', function($scope, Auth, ChatProxy){
    
    $scope.$on('chat.ready', function(chat){
        
        chat.proxy(ChatProxy);
        
        if( Auth.isLoggedIn() ) {
            //sync mode
            chat.connect(Auth.loggedUser());
        }
        
        else {
            Auth.on('login', function(user){
                chat.connect(user);
            });
        }
    });

    $scope.$on('chat.message', function(){
        //make custom other actions
    });
});