Adds random stories

Author: elixirprogrammer

web/controllers/story_controller.ex

@@ -52,4 +52,10 @@ defmodule Fmylife.StoryController do
     render(conn, :top_stories, stories: stories, categories: categories)
   end
 
+  def random(conn, _params) do
+    stories = Story.random()
+    categories = Repo.all(Category)
+    render(conn, :random, stories: stories, categories: categories)
+  end
+
 end

web/models/story.ex

@@ -32,4 +32,13 @@ defmodule Fmylife.Story do
       preload: [:user]
     )
   end
+
+  def random do
+    Fmylife.Repo.all(
+      from s in Fmylife.Story,
+      order_by: [desc: fragment("Random()")],
+      limit: 10,
+      preload: [:user]
+    )
+  end
 end

web/router.ex

@@ -45,6 +45,7 @@ defmodule Fmylife.Router do
 
     get "/", StoryController, :index
     get "/top-stories", StoryController, :top_stories
+    get "/random", StoryController, :random
     resources "/stories", StoryController, only: [:show]
   end
 

web/templates/layout/_header.html.eex

@@ -14,7 +14,7 @@
       <div class="collapse navbar-collapse" id="navbar">
         <ul class="nav navbar-nav">
           <li class="active"><a href="<%= story_path(@conn, :top_stories) %>">Top Stories<span class="sr-only">(current)</span></a></li>
-          <li><a href="">Random Stories</a></li>
+          <li><a href="<%= story_path(@conn, :random) %>">Random Stories</a></li>
         </ul>
         <form class="navbar-form navbar-left" role="search">
           <div class="input-group">

web/templates/story/random.html.eex

@@ -0,0 +1,15 @@
+<div class="container">
+  <div class="row">
+    <div class="col-md-8">
+      <%= render_many @stories, StoryView, "_stories.html", conn: @conn, current_user: @current_user %>
+    </div><!-- /.col-md-8 -->
+    <div class="col-md-4 col-sm-12">
+      <div class="panel panel-default">
+        <div class="panel-heading text-center">Categories</div>
+        <ul class="list-group">
+          <%= render_many @categories, StoryView, "_categories.html", as: :category %>
+        </ul>
+      </div><!-- /.panel panel-default -->
+    </div><!-- /.col-md-4 col-sm-12 -->
+  </div><!-- /.row -->
+</div><!-- /.container -->