S1 S2 S3 {parent.ticket.subject}

{ parent.ticket.id }

0}>

{coupon.code}
{ coupon.code }
{ coupon.promotionname } ({ coupon.promotionno })

0}>

{product}

{ parent.ticket.branchid }

{ parent.ticket.branchname }

{ parent.ticket.telephone }

{ attachment.name }

{ ticket.userName }

{ moment(ticket.created).tz("Europe/Berlin").format("DD.MM.YYYY HH:mm:ss") }

{ comment.userName }

{ moment(comment.updated).tz("Europe/Berlin").format("DD.MM.YYYY HH:mm:ss") }

<div class="btn-group" role="group">
                            <button
                                    id="tickets-send-comment"
                                    type="button"
                                    class="btn margin-top-20 {btn-acardo: ticket.status === 'OPEN' }"
                                    disabled
                                    onclick={ commentTicket }>Kommentar senden
                            </button>
                        </div>
                        <div class="btn-group" role="group" if={ ticket.status===
                        "CLOSED"}>
                        <button
                                id="tickets-reopen"
                                type="button"
                                onclick={ openTicket }
                                data-dismiss="modal"
                                disabled
                                class="btn btn-acardo margin-top-20"
                        >
                            <span class="glyphicon glyphicon-remove"></span>
                            Ticket öffnen
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <script>
        var tag = this;
        tag.ticket = {
            id: ""
        };

tag.comment = {
            comment: {
                comment: ""
            }
        };

RiotControl.on('session_timeout', function (target) {
            clearIntervalIfExists();
        });

tag.refreshInterval = null;
        RiotControl.on('load-ticket', function (target) {
            loadTicket(target);
            $('#tickets-comment').val('');
            $('#tickets-send-comment').attr('disabled', 'disabled');
            clearIntervalIfExists();
            tag.refreshInterval = setInterval(function () {
                loadTicket(target);
            }, 5000);
        });

RiotControl.on('ticket-details-closed', function (target) {
            clearIntervalIfExists();
        });

this.on('mount', function () {
            var email = get("email");
            $('#tickets-comment').unbind();
            $('#tickets-comment').bind(
                'keyup',
                function () {
                    activate();
                });
            $('#tickets-comment').focusin(
                function () {
                    activate();
                });

});

forwardTo(e)
        {
            triggerDetails(e.item.coupon.promotion, get('role'));
            $('#tickets-details-modal').modal('toggle');
        }

commentTicket(e)
        {
            var url = CONFIG.TICKETAPIENDPOINT + '/tickets/' + tag.ticket.id + "/comment";
            activate();
            acardoPost(url, function () {
                setTimeout(function () {
                    loadTicket(tag.ticket.id);
                }, 1000);
                $('#tickets-comment').val("");
            }, JSON.stringify({
                comment: $('#tickets-comment').val(),
                visibility: "PUBLIC"
            }));
        }

openTicket(e)
        {
            var url = CONFIG.TICKETAPIENDPOINT + '/tickets/' + tag.ticket.id + "/status";
            acardoPut(url, function (data) {
                setTimeout(function () {
                    RiotControl.trigger("ticket-details-reload");
                }, 1000);
            }, JSON.stringify({status: 'OPEN',  comment: $('#tickets-comment').val()}));
        }

function clearIntervalIfExists() {
            if (tag.refreshInterval) {
                clearInterval(tag.refreshInterval);
            }
        }

if(filecount <= 5) {
            	if(uploadedfiles <= 5) {
                    for(var i = 0; i < inputfield[0].files.length; i++) {
                        var file = inputfield[0].files[i];
                    	var data = new FormData();
                        data.append('file', inputfield[0].files[i]);
                
                        $.ajax({
                            url: '/tickets/attach/?ticketId='+tag.ticket.id,
                            data: data,
                            processData: false,
                            type: 'POST',
                            contentType: false,
                            statusCode: {
                                500: function (response) {
                                  RiotControl.trigger('alert_error', "Der Dateityp ist nicht erlaubt. <br>Erlaubte Formate: PNG, GIF, JPG, JPEG, TIFF, PLAIN, CSS, HTML, XML, GZIP, ZIP, PDF, WORD, EXCEL");
                                }
                              },
                            headers: {
                                "Authorization": getLocalToken()
                            }
                          });
                        }
            	} else {
            		RiotControl.trigger('alert_error', 'Ein Ticket darf insgesamt nur 5 Anhänge enthalten');
            	}

} else {
            	RiotControl.trigger('alert_error', "Es dürfen nur maximal 5 Anhänge hochgeladen werden");
            }
            
        	});
         });
     
    </script>
</tickets-details>