WIP: Webクライアントに削除機能追加の途中

3nan3/web-client/web/js/message.js

@@ -12,13 +12,25 @@ function reloadMessages() {
  */
 function sendMessage(username, body) {
     var success = function() {
+        $(".message-username").val("");
         $(".message-body").val("");
         reloadMessages();
     };
     var error   = function() { console.log("error") };
     postMessage(username, body, success, error);
 }
 
+/**
+ * メッセージの削除
+ */
+function removeMessage(id) {
+    var success = function() {
+        reloadMessages();
+    };
+    var error   = function() { console.log("error") };
+    deleteMessage(id, success, error);
+}
+
 /**
  * メッセージリスト挿入
  */
@@ -38,6 +50,7 @@ function appendMessage(message) {
 	var escapeBody = $("<div/>").text(message.body).html();
 	var escapeCreatedAt = $("<div/>").text(message.created_at).html();
 	var escapeIcon = $("<div/>").text(message.icon).html();
+	var escapeId = $("<div/>").text(message.id).html();
 
     var messageHTML = '<tr><td>' +
         '<div class="media message">'　+
@@ -50,6 +63,9 @@ function appendMessage(message) {
         escapeBody + '<br>' + 
         escapeCreatedAt +
 	    '</div>' +
+	    '<div class="media-right">' +
+	    '<input type="button" class="btn btn-primary delete-message" value="削除" id="' + escapeId + '"></input>' +
+	    '</div>' +
         '</div>' +
         '</td></tr>';
 	$("#message-table").append(messageHTML);
@@ -82,3 +98,17 @@ function postMessage(username, body, success, error) {
     .done(function(data) { success() })
     .fail(function() { error() });
 }
+
+/**
+ * APIリクエストコメント削除
+ */
+function deleteMessage(id, success, error) {
+	var deleteMessageUri = "http://localhost:8888/messages/" + id;
+	return $.ajax({
+        type: "delete",
+        url: deleteMessageUri,
+        dataType: "json"
+        })
+    .done(function(data) { success() })
+    .fail(function() { error() });
+}

3nan3/web-client/web/js/web-client.js

@@ -15,6 +15,14 @@ $(".post-message").bind("click", function() {
     sendMessage(username, body);
 });
 
+/**
+ * 削除
+ */
+$(document).on("click", ".delete-message", function() {
+    var id = $(this).attr("id");
+    removeMessage(id);
+});
+
 /**
  * 画像選択
  */