stena.require('jquery');
class OrderDetails
    addItemDetailsDialog: null
    dialog: null
    id : 0
    init:(id)=>
        $("#order-details-tabs").tabs { collapsible: true }
        $(".button").button()
        $('.date').datepicker { dateFormat: 'mm/dd/yy' }
        this.id = id

    updateOrderDetailsShow:(field)=>
        $('#order-details-'+field).hide();
        $('#order-details-'+field+'-input').show();

    updateOrderDetails:(field)=>
        input = $('#order-details-'+field+'-input').find('input,textarea').serialize()
        data = 'orderId=' + this.id
        data = data + '&' + input;
        url = urls.find 'url-order-details-update-order-details'
        $.post url, data, ()=>this.onUpdateOrderDetailsUpdated(field)

    onUpdateOrderDetailsUpdated:(field)=>
        data = $('#order-details-'+field+'-input').find('input,textarea').val()
        $('#order-details-' + field).html(data);
        $('#order-details-' + field).show();
        $('#order-details-' + field+'-input').hide();

    addComment:()=>
        txt = $('#order-details-comment-input').val()
        data = {content: txt, orderId: this.id}
        url = urls.find 'url-order-details-add-comment'
        $.post url, data, this.onCommentAdded

    onCommentAdded:(result)=>
        $('#order-details-comment-holder').append("<div>" + result + "</div>")
        $('#order-details-comment-input').val("")

    showAddInventory:()=>
        if this.addItemDetailsDialog == null
            this.addItemDetailsDialog = jqFactory.dialog('#addItemDetailsHolder')
            this.addItemDetailsDialog.addButton 'Add', this.addInventory
            this.addItemDetailsDialog.addButton 'Cancel', ()=>this.addItemDetailsDialog.close()
        this.addItemDetailsDialog.show()


    addInventory:()=>
        this.addItemDetailsDialog.close()