RubyGems - life-story - Versions diffs - 0.1.0 - Mend

life-story 0.1.0

Files changed (43) hide show

checksums.yaml +7 -0
data/.gitignore +56 -0
data/Gemfile +21 -0
data/Gemfile.lock +136 -0
data/LICENSE +21 -0
data/README.md +40 -0
data/Rakefile +8 -0
data/app/controllers/application_controller.rb +31 -0
data/app/controllers/story_controller.rb +101 -0
data/app/controllers/user_controller.rb +59 -0
data/app/models/.gitkeep +0 -0
data/app/models/category.rb +4 -0
data/app/models/concerns/slugifiable.rb +13 -0
data/app/models/story.rb +8 -0
data/app/models/user.rb +12 -0
data/app/models/user_story.rb +4 -0
data/app/views/layout.erb +42 -0
data/app/views/stories/edit.erb +51 -0
data/app/views/stories/new.erb +47 -0
data/app/views/stories/show.erb +46 -0
data/app/views/stories/show_by_category.erb +27 -0
data/app/views/stories/show_by_date.erb +27 -0
data/app/views/stories/show_by_users.erb +29 -0
data/app/views/users/signup.erb +36 -0
data/app/views/welcome.erb +51 -0
data/config.ru +10 -0
data/config/environment.rb +12 -0
data/db/development.sqlite +0 -0
data/db/migrate/20200118192302_create_users.rb +9 -0
data/db/migrate/20200118192313_create_categories.rb +7 -0
data/db/migrate/20200118192321_create_stories.rb +10 -0
data/db/migrate/20200118201120_create_user_stories.rb +8 -0
data/db/schema.rb +38 -0
data/db/seeds.rb +39 -0
data/development.sqlite +0 -0
data/lib/.gitkeep +0 -0
data/life-story.gemspec +46 -0
data/public/favicon.ico +0 -0
data/public/images/.gitkeep +0 -0
data/public/images/life-story.png +0 -0
data/public/javascripts/.gitkeep +0 -0
data/public/stylesheets/main.css +246 -0
metadata +204 -0

File without changes

@@ -0,0 +1,4 @@
+class Category < ActiveRecord::Base
+  has_many :stories
+  has_many :users, through: :stories
+end

data/app/models/concerns/slugifiable.rb ADDED

@@ -0,0 +1,13 @@
+module Slugifiable
+  module InstanceMethods
+    def slug
+      self.username.gsub(" ", '-').downcase
+    end
+  end
+  module ClassMethods
+    def find_by_slug(slug)
+      self.all.find {|instance| instance.slug == slug}
+    end
+  end
+end

data/app/models/story.rb ADDED

@@ -0,0 +1,8 @@
+require_relative './concerns/slugifiable.rb'
+class Story < ActiveRecord::Base
+  belongs_to :category
+  has_many :user_stories
+  has_many :users, through: :user_stories
+end

data/app/models/user.rb ADDED

@@ -0,0 +1,12 @@
+require_relative './concerns/slugifiable.rb'
+class User < ActiveRecord::Base
+  extend Slugifiable::ClassMethods
+  include Slugifiable::InstanceMethods
+  has_many :user_stories
+  has_many :stories, through: :user_stories
+  has_many :categories, through: :stories
+  has_secure_password
+end

data/app/models/user_story.rb ADDED

@@ -0,0 +1,4 @@
+class UserStory < ActiveRecord::Base
+  belongs_to :user
+  belongs_to :story
+end

data/app/views/layout.erb ADDED

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
+<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
+<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
+    <title>LifeStory</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="/stylesheets/main.css" />
+  </head>
+  <body>
+    <div class="wrapper">
+        <% flash.keys.each do |type| %>
+          <div data-alert class="flash <%= type %> alert-box radius">
+            <%= flash[type] %>
+            <a href="#" class="close">&times;</a>
+          </div>
+        <% end %>
+        <%= yield %>
+      <footer class="branding">
+        <small>&copy; 2020 <strong>LifeStory</strong></small>
+        <% if logged_in? %>
+          <a href="/logout">Log out</a>
+        <% end %>
+      </footer>
+    </div>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+    <!--[if lt IE 7]>
+      <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script>
+      <script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script>
+    <![endif]-->
+  </body>
+</html>

data/app/views/stories/edit.erb ADDED

@@ -0,0 +1,51 @@
+<div class="container">
+  <header><img src="/images/life-story.png" class="img-responsive main-image"></header>
+  <div class="col-md-8 col-md-offset-2">
+    <h2>Edit your story</h2>
+    <div class="content">
+      <form action="/stories/<%= @story.id %>" method="post" id="new">
+        <input type="hidden" id="hidden" name="_method" value="patch">
+        This is a story about <select id="category" name="category" required>
+          <option value="<%= @story.category_id %>" selected><%= @story.category.name %></option>
+          <% Category.all.reject {|c| c.id == @story.category_id }.each do |category| %>
+            <option value="<%= category.id %>"><%= category.name %></option>
+          <% end %>
+        </select>.<br>
+        I <input type="text" name="summary" id="summary" value="<%= @story.summary %>" style="width:60%" required>.<br>
+        It happened on <input type="date" id="date" name="date" value="<%= @story.date %>" style="width:30%" required>. <br>
+        <textarea name="description" style="width:90%; height:400px;" required><%= @story.description %></textarea><br>
+        I want <select id="user" name="users[]" style="width:25%">
+          <option hidden disabled selected value>None</option>
+          <% User.all.reject {|u| u.id == current_user.id }.each do |user| %>
+            <option value = "<%= user.id %>"><%= user.username %></option>
+          <% end %>
+          </select> and
+          <select id="user" name="users[]" style="width:25%">
+          <option hidden disabled selected value>None</option>
+          <% User.all.reject {|u| u.id == current_user.id }.each do |user| %>
+            <option value = "<%= user.id %>"><%= user.username %></option>
+          <% end %>
+          </select> to be a part of this story.<br>
+        <button type="submit" value="submit" style="padding:18px 64px; margin:18px 0">Update story</button>
+      </form>
+    </div>
+    <div class="sidebar">
+      <ul>
+        <li><a href="/stories/<%= @story.id %>">Back to story</a></li>
+        <li><a href="/new">New story</a></li>
+        <li><a href="/users/<%= current_user.slug %>">View my stories</a></li>
+        <li><a href="/">Back to homepage</a></li>
+        <li><a href="/logout">Log out</a></li>
+      </ul>
+    </div>
+  </div>
+</div>

data/app/views/stories/new.erb ADDED

@@ -0,0 +1,47 @@
+<div class="container">
+  <header><img src="/images/life-story.png" class="img-responsive main-image"></header>
+  <div class="col-md-8 col-md-offset-2">
+    <h2>Write your story</h2>
+    <div class="content">
+      <form action="/" method="post" id="new">
+        This is a story about <select id="category" name="category" required>
+          <% Category.all.each do |category| %>
+            <option value = "<%= category.id %>"><%= category.name %></option>
+          <% end %>
+        </select>.<br>
+        I <input type="text" id="summary" name="summary" placeholder="did something" style="width:60%" required>.<br>
+        It happened on <input type="date" id="date" name="date" style="width:30%" required>.<br>
+        <textarea name="description" placeholder="I feel.." style="width:90%; height:400px;" required></textarea>.<br>
+        I want <select id="user" name="users[]" style="width:25%">
+          <option hidden disabled selected value>None</option>
+          <% User.all.reject {|u| u.id == current_user.id }.each do |user| %>
+            <option value = "<%= user.id %>"><%= user.username %></option>
+          <% end %>
+          </select> and
+          <select id="user" name="users[]" style="width:25%">
+          <option hidden disabled selected value>None</option>
+          <% User.all.reject {|u| u.id == current_user.id }.each do |user| %>
+            <option value = "<%= user.id %>"><%= user.username %></option>
+          <% end %>
+          </select> to be a part of this story.<br>
+        <button type="submit" value="submit" style="padding:18px 64px; margin:18px 0">Publish</button>
+      </form>
+    </div>
+    <div class="sidebar">
+      <ul>
+        <li><a href="/new">New story</a></li>
+        <li><a href="/users/<%= current_user.slug %>">View my stories</a></li>
+        <li><a href="/">Back to homepage</a></li>
+        <li><a href="/logout">Log out</a></li>
+      </ul>
+    </div>
+  </div>
+</div>

data/app/views/stories/show.erb ADDED

@@ -0,0 +1,46 @@
+<div class="container">
+  <header><img src="/images/life-story.png" class="img-responsive main-image"></header>
+  <div class="col-md-8 col-md-offset-2">
+    <h2>Here's the story:</h2>
+    <div class="content">
+      <p style="background-color:#eee; line-height:50px;">
+      I <mark><%= @story.summary %></mark> on <mark><a href="/dates/<%= @story.date %>" style="font-family:sans-serif; font-size:16px; font-weight:bold; color:black"><%= @story.date %></a></mark>,
+      </p>
+      <p style="font-family:courier; font-size:14px; margin-left:50px; text-indent:50px">
+        "<%= @story.description %>"
+      </p>
+      <p style="text-align:center">
+      -- by <% @story.users.each do |user| %>
+        <a href="/users/<%= user.slug %>" style="font-family:sans-serif; font-size:16px; font-weight:bold; color:black"><mark><%= user.username %></a> </mark>
+      <% end %>
+      </p>
+      <p style="text-align: right"><a href="/categories/<%= @story.category.name %>" style="font-family:sans-serif; font-size:16px; font-weight:bold; color:black">Tag: <mark><%= @story.category.name %></mark></a>
+      </p>
+      <% if @story.user_ids.include?(current_user.id) %>
+        <form action="/stories/<%= @story.id %>" method="post" style="margin:18px 0; float:right">
+          <input type="hidden" id="hidden" name="_method" value="delete">
+          <button type="submit" value="submit" style="padding:18px 64px;">Delete Story</button>
+        </form>
+      <% end %>
+    </div>
+    <div class="sidebar">
+      <ul>
+        <% if @story.user_ids.include?(current_user.id) %>
+          <li><a href="/stories/<%= @story.id %>/edit">Edit story</a></li>
+        <% end %>
+        <li><a href="/new">New story</a></li>
+        <li><a href="/users/<%= current_user.slug %>">View my stories</a></li>
+        <li><a href="/">Back to homepage</a></li>
+        <li><a href="/logout">Log out</a></li>
+      </ul>
+    </div>
+  </div>
+</div>

data/app/views/stories/show_by_category.erb ADDED

@@ -0,0 +1,27 @@
+<div class="container">
+  <header><img src="/images/life-story.png" class="img-responsive main-image"></header>
+  <div class="col-md-8 col-md-offset-2">
+      <h2>Stories about <mark><%= @category.name %></mark></h2>
+    <div class="content">
+      <% @category.stories.all.order("date desc").each do |story| %>
+        <p id="stories" onclick="location.href='/stories/<%= story.id %>'">
+        <% story.users.each do |user| %>
+          <mark><%= user.username %>,</mark>
+        <% end %>
+        recorded something about their <mark><%= story.category.name %></mark> happened on <mark><%= story.date %></mark>.
+        </p>
+      <% end %>
+    </div>
+    <div class="sidebar">
+      <ul>
+        <li><a href="/new">New story</a></li>
+        <li><a href="/users/<%= current_user.slug %>">View my stories</a></li>
+        <li><a href="/">Back to homepage</a></li>
+        <li><a href="/logout">Log out</a></li>
+      </ul>
+    </div>
+  </div>
+</div>

data/app/views/stories/show_by_date.erb ADDED

@@ -0,0 +1,27 @@
+<div class="container">
+  <header><img src="/images/life-story.png" class="img-responsive main-image"></header>
+  <div class="col-md-8 col-md-offset-2">
+    <h2>Stories happened on <mark><%= @date %></mark></h2>
+    <div class="content">
+      <% Story.all.select {|s| s.date == @date}.each do |story| %>
+        <p id="stories" onclick="location.href='/stories/<%= story.id %>'">
+        <% story.users.each do |user| %>
+          <mark><%= user.username %>,</mark>
+        <% end %>
+        recorded something about their <mark><%= story.category.name %></mark> happened on <mark><%= story.date %></mark>.
+        </p>
+      <% end %>
+    </div>
+    <div class="sidebar">
+      <ul>
+        <li><a href="/new">New story</a></li>
+        <li><a href="/users/<%= current_user.slug %>">View my stories</a></li>
+        <li><a href="/">Back to homepage</a></li>
+        <li><a href="/logout">Log out</a></li>
+      </ul>
+    </div>
+  </div>
+</div>

data/app/views/stories/show_by_users.erb ADDED

@@ -0,0 +1,29 @@
+<div class="container">
+  <header><img src="/images/life-story.png" class="img-responsive main-image"></header>
+  <div class="col-md-8 col-md-offset-2">
+      <h2><mark><%= @user.username %></mark>'s stories:</h2>
+    <div class="content">
+      <% @user.stories.all.order("date desc").each do |story| %>
+        <p id="stories" onclick="location.href='/stories/<%= story.id %>'">
+        <% story.users.each do |user| %>
+          <mark><%= user.username %>,</mark>
+        <% end %>
+        recorded something about their <mark><%= story.category.name %></mark> happened on <mark><%= story.date %></mark>.
+        </p>
+      <% end %>
+    </div>
+    <div class="sidebar">
+      <ul>
+        <li><a href="/new">New story</a></li>
+        <li><a href="/users/<%= current_user.slug %>">View my stories</a></li>
+        <li><a href="/">Back to homepage</a></li>
+        <li><a href="/logout">Log out</a></li>
+      </ul>
+    </div>
+  </div>
+</div>

data/app/views/users/signup.erb ADDED

@@ -0,0 +1,36 @@
+<div class="container">
+  <header><img src="/images/life-story.png" class="img-responsive main-image"></header>
+  <div class="col-md-8 col-md-offset-2">
+    <h2>Create your own account:</h2>
+    <div class="content">
+      <form action="/signup" method="post">
+        <label for="username">Usermame:</label>
+        <input type="text" id="username" name="username" required>
+        <label for="email">Email:</label>
+        <input type="text" id="email" name="email" required>
+        <label for="password">Password:</label>
+        <input type="text" id="password" name="password" required>
+        <button type="submit" value="submit">Sign up</button>
+      </form>
+    </div>
+    <div class="sidebar">
+      <h3>Already have an account?</h3><br>
+      <form action="/login" method="post">
+        <label for="username">Usermame:</label>
+        <input type="text" id="username" name="username" required>
+        <label for="password">Password:</label>
+        <input type="text" id="password" name="password" required>
+        <button type="submit" value="submit">Log in</button>
+      </form>
+    </div>
+  </div>
+</div>

data/app/views/welcome.erb ADDED

@@ -0,0 +1,51 @@
+<div class="container">
+  <header><img src="/images/life-story.png" class="img-responsive main-image"></header>
+  <div class="col-md-8 col-md-offset-2">
+    <h2>[əˈloːˌha] !</h2>
+    <div class="content">
+      <p>Welcome to Life Story™, a place where important memories are kept.</p>
+      <p>We can all so easily lose focus. We grow anxious about work, about time, about some inconsequential people and their comments, yet in the end, they do not matter.</p>
+      <p>Let's keep us reminded of what really define us - those moments that we shared, we loved, we fought and made the right decision. </p>
+    <% if logged_in? %>
+      <h3>Here's what's been happening:</h3>
+      <% Story.all.order("date desc").each do |story| %>
+        <p id="stories" onclick="location.href='/stories/<%= story.id %>'">
+        <% story.users.each do |user| %>
+          <mark><%= user.username %>,</mark>
+        <% end %>
+        recorded something about their <mark><%= story.category.name %></mark> happened on <mark><%= story.date %></mark>.
+        </p>
+      <% end %>
+    <% end %>
+    </div>
+    <div class="sidebar">
+      <% if !logged_in? %>
+        <h3>Sign in</h3><br>
+        <form action="/login" method="post">
+          <label for="username">Usermame:</label>
+          <input type="text" id="username" name="username" required>
+          <label for="password">Password:</label>
+          <input type="text" id="password" name="password" required>
+          <button type="submit" value="submit">Log in</button>
+        </form>
+        <p><a href="/signup">Don't have an account?</a></p>
+      <% else %>
+        <h3>Welcome back, <%= current_user.username %>!</h3>
+        <ul>
+          <li><a href="/new">New story</a></li>
+          <li><a href="/users/<%= current_user.slug %>">View my stories</a></li>
+          <li><a href="/logout">Log out</a></li>
+        </ul>
+      <% end %>
+    </div>
+  </div>
+</div>

data/config.ru ADDED

@@ -0,0 +1,10 @@
+require './config/environment'
+if ActiveRecord::Migrator.needs_migration?
+  raise 'Migrations are pending. Run `rake db:migrate` to resolve the issue.'
+end
+use Rack::MethodOverride
+use UserController
+use StoryController
+run ApplicationController

data/config/environment.rb ADDED

@@ -0,0 +1,12 @@
+ENV['SINATRA_ENV'] ||= "development"
+require 'bundler/setup'
+Bundler.require(:default, ENV['SINATRA_ENV'])
+ActiveRecord::Base.establish_connection(
+  :adapter => "sqlite3",
+  :database => "db/#{ENV['SINATRA_ENV']}.sqlite"
+)
+require './app/controllers/application_controller'
+require_all 'app'