finish 4th part

Author: techgaun

config/config.exs

@@ -1,7 +1,7 @@
 # This file is responsible for configuring your application
 # and its dependencies with the aid of the Mix.Config module.
 use Mix.Config
-alias WmTweeter.Resources.{Hello, Assets, TweetList}
+alias WmTweeter.Resources.{Hello, Assets, TweetList, Tweet}
 
 # This configuration is loaded before any dependency and is restricted
 # to this project. If another project depends on this project, this
@@ -34,6 +34,7 @@ config :wm_tweeter, :web_config,
   ip: {127, 0, 0, 1},
   port: 4000,
   dispatch: [
+    {['tweets'], &(:wrq.method(&1) == :POST), Tweet, []},
     {['tweets'], TweetList, []},
     {[:hello], Hello, []},
     {[:*], Assets, []}

lib/wm_tweeter/resources/tweet.ex

@@ -0,0 +1,43 @@
+defmodule WmTweeter.Resources.Tweet do
+  def init(_), do: {:ok, {nil, []}}
+  def ping(req_data, state), do: {:pong, req_data, state}
+
+  def allowed_methods(req_data, state) do
+    {[:POST], req_data, state}
+  end
+
+  def resource_exists(req_data, state) do
+    {false, req_data, state}
+  end
+
+  def post_is_create(req_data, state) do
+    {true, req_data, state}
+  end
+
+  def allow_missing_post(req_data, state) do
+    {true, req_data, state}
+  end
+
+  def create_path(req_data, {_id, attrs}) do
+    new_id = System.monotonic_time
+    {'/tweets/#{new_id}', req_data, {new_id, attrs}}
+  end
+
+  def content_types_accepted(req_data, state) do
+    {[{'application/json', :from_json}], req_data, state}
+  end
+
+  def from_json(req_data, {id, attrs}) do
+    try do
+      req_body = :wrq.req_body(req_data)
+      {:struct, [{"tweet", {:struct, attrs}}]} = :mochijson2.decode(req_body) |> IO.inspect
+      {"message", msg} = List.keyfind(attrs, "message", 0)
+      {"avatar", avatar} = List.keyfind(attrs, "avatar", 0)
+      new_attrs = [avatar: avatar, message: msg, time: :erlang.timestamp]
+      :ets.insert(:tweets, [{id, new_attrs}])
+      {true, req_data, {id, new_attrs}}
+    rescue _err in [MatchError, CaseClauseError] ->
+      {false, req_data, {id, attrs}}
+    end
+  end
+end

priv/www/index.html

@@ -18,6 +18,15 @@ <h1>Tweeter</h1>
       </div>
 
       <div id="add-tweet-form" class="add-tweet-form">
+        <select id="add-tweet-avatar" class="person">
+          <option value="http://upload.wikimedia.org/wikipedia/en/thumb/f/f4/The_Wire_Jimmy_McNulty.jpg/250px-The_Wire_Jimmy_McNulty.jpg">Jimmy</option>
+          <option value="http://upload.wikimedia.org/wikipedia/en/thumb/1/15/The_Wire_Bunk.jpg/250px-The_Wire_Bunk.jpg">Bunk</option>
+          <option value="http://upload.wikimedia.org/wikipedia/en/thumb/6/6c/The_Wire_Kima.jpg/250px-The_Wire_Kima.jpg">Kima</option>
+          <option value="http://upload.wikimedia.org/wikipedia/en/thumb/7/73/The_Wire_Bubbles.jpg/250px-The_Wire_Bubbles.jpg">Bubbles</option>
+          <option value="http://upload.wikimedia.org/wikipedia/en/thumb/2/2f/The_Wire_Avon.jpg/250px-The_Wire_Avon.jpg">Avon</option>
+          <option value="http://upload.wikimedia.org/wikipedia/en/thumb/b/b7/The_Wire_Stringer_Bell.jpg/250px-The_Wire_Stringer_Bell.jpg">Stringer</option>
+          <option value="http://upload.wikimedia.org/wikipedia/en/thumb/7/78/The_Wire_Omar.jpg/250px-The_Wire_Omar.jpg">Omar</option>
+        </select>
         <input id="add-tweet-message" type="text" class="message" />
         <a id="add-tweet-submit" class="button post">POST!</a>
       </div>

priv/www/js/app.js

@@ -1,4 +1,30 @@
 $(document).ready(() => {
+  $('#add-tweet').click(function() {
+    $('#add-tweet-form').toggle();
+  });
+
+  // Submit the form on click of the "POST!" button
+  $('#add-tweet-submit').click(function() {
+    var tweetMessageField = $('#add-tweet-message')
+    var tweetMessageAvatar = $('#add-tweet-avatar')
+    var tweetMessageForm = $('#add-tweet-form')
+    var tweetMessage = tweetMessageField.val()
+    var tweetAvatar = tweetMessageAvatar.val()
+
+    $.ajax({
+      type: 'POST',
+      url: '/tweets',
+      contentType: 'application/json',
+      data: JSON.stringify({ tweet: {
+        avatar: tweetAvatar,
+        message: tweetMessage }}),
+      success: (d) => {
+        tweetMessageField.val('');
+        tweetMessageForm.toggle();
+      }
+    })
+  })
+
   let generateTweet = (tweet) => {
     return '<li><div class="avatar" style="background: url(' +
       tweet.avatar +