woople-theme 0.0.2

data/app/presenters/menu_presenter.rb

@@ -0,0 +1,7 @@
+require 'delegate'
+
+class MenuPresenter < SimpleDelegator
+  def initialize(menu)
+    super(ThemePresentation.wrap_collection(menu, MenuSectionPresenter))
+  end
+end

data/app/presenters/menu_section_presenter.rb

@@ -0,0 +1,19 @@
+require 'delegate'
+
+class MenuSectionPresenter < SimpleDelegator
+  def name
+    yield(section.name) if section.respond_to? :name
+  end
+
+  def links
+    @links ||= ThemePresentation.wrap_collection(section.links, MenuLinkPresenter)
+  end
+
+  private
+
+  def section
+    __getobj__
+  end
+
+end
+

data/app/presenters/outline_download_presenter.rb

@@ -0,0 +1,7 @@
+require 'delegate'
+
+class OutlineDownloadPresenter < SimpleDelegator
+  def css_class
+    "disabled" if !__getobj__.enabled
+  end
+end

data/app/presenters/outline_presenter.rb

@@ -0,0 +1,43 @@
+require 'delegate'
+
+class OutlinePresenter < SimpleDelegator
+  def assessment
+    css_class = "assessment"
+    css_class << " disabled" if assessment_disabled?
+
+    yield(css_class) if has_assessment?
+  end
+
+  def render_downloads(view_context)
+    wrapped_downloads = ThemePresentation.wrap_collection(downloads, OutlineDownloadPresenter)
+    view_context.render partial: 'woople-theme/outline_download', collection: wrapped_downloads
+  end
+
+  def render_videos(view_context)
+    wrapped_videos = ThemePresentation.wrap_collection(videos, OutlineVideoPresenter)
+    view_context.render partial: 'woople-theme/outline_video', collection: wrapped_videos
+  end
+
+  private
+
+  def downloads
+    outline.downloads
+  end
+
+  def videos
+    outline.videos
+  end
+
+  def assessment_disabled?
+    outline.respond_to?(:assessment_enabled?) && !outline.assessment_enabled?
+  end
+
+  def has_assessment?
+    outline.respond_to?(:assessment) && outline.assessment
+  end
+
+  def outline
+    __getobj__
+  end
+
+end

data/app/presenters/outline_video_presenter.rb

@@ -0,0 +1,45 @@
+require 'delegate'
+
+class OutlineVideoPresenter < SimpleDelegator
+  def css_class
+    css_classes = []
+    css_classes << "disabled" if !video.enabled
+    css_classes << "completed" if video.completed
+
+    css_classes.join(" ")
+  end
+
+  def slug
+    "video_#{video.id}"
+  end
+
+  def duration
+    minutes = (video.duration.to_f / 1000.0 / 60.0).floor
+    remainder = (video.duration - (minutes * 60 * 1000))
+    seconds = (remainder.to_f / 1000.0).floor
+
+    if seconds <= 9
+      seconds = "0#{seconds}"
+    end
+
+    "#{minutes}:#{seconds}"
+  end
+
+  def completed
+    yield if video.completed
+  end
+
+  def url
+    if video.enabled
+      video.url
+    else
+      "#"
+    end
+  end
+
+  private
+
+  def video
+    __getobj__
+  end
+end

data/app/presenters/page_header_presenter.rb

@@ -0,0 +1,6 @@
+require 'delegate'
+require_relative 'content_image'
+
+class PageHeaderPresenter < SimpleDelegator
+  include ContentImage
+end

data/app/presenters/profile_presenter.rb

@@ -0,0 +1,9 @@
+require 'delegate'
+
+class ProfilePresenter < SimpleDelegator
+  def each(*)
+    super do |e|
+      yield ThemePresentation.wrap(e, ProfilePresenter)
+    end
+  end
+end

data/app/presenters/theme_presentation.rb

@@ -0,0 +1,51 @@
+require 'ostruct'
+
+class ThemePresentation
+  def self.wrap(data, *presenters)
+    normalized = normalize(data)
+    presenters = normalize_presenters(presenters)
+
+    wrapped_data = presenters.inject(normalized) do |wrapped, presenter|
+      presenter.new(wrapped)
+    end
+
+    class << wrapped_data
+      attr_accessor :wrapped_by
+    end
+
+    wrapped_data.wrapped_by = presenters
+
+    wrapped_data
+  end
+
+  def self.wrap_collection(collection, *presenters)
+    collection.collect { |item| wrap(item, *presenters) }
+  end
+
+  private
+
+  def self.normalize(data)
+    if data.is_a? Hash
+      OpenStruct.new(data)
+    else
+      data
+    end
+  end
+
+  def self.normalize_presenters(presenters)
+    presenters.reject!(&:nil?)
+    add_class_delegation(presenters)
+
+    presenters
+  end
+
+  def self.add_class_delegation(presenters)
+    presenters.each do |presenter|
+      presenter.class_eval do
+        def class
+          __getobj__.class
+        end
+      end
+    end
+  end
+end

data/app/views/layouts/theme.html.erb

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Woople</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+
+  <%= stylesheet_link_tag "woople-theme/theme", :media => "all" %>
+  <%= stylesheet_link_tag "woople-theme/theme-retina", media: 'only screen and (-webkit-min-device-pixel-ratio: 2)' %>
+  <%= javascript_include_tag "woople-theme/theme" %>
+  <%= application_javascript %>
+  <%= csrf_meta_tags %>
+
+  <script>
+    <%= 'var showingPlayer = true;' if @video.present? %>
+  </script>
+
+</head>
+<body>
+<%= yield :body_content %>
+
+<div class="container" id="navigation">
+  <div class="row">
+    <a href="#" class="close-navigation close">&times;</a>
+    <a href="#navigation" class="navigation"><i class="icon-th-list"></i></a>
+
+    <div id="masthead" class="span12">
+      <%= image_tag('woople-theme/logo.png', class: 'masthead-logo') %>
+      <%= profile %>
+    </div>
+
+    <%= menu %>
+
+    <div class="outer-content span9">
+      <div class="content">
+        <%= yield %>
+      </div>
+    </div>
+  </div>
+  <p class="copyright"><a href="<%t 'woople_theme.company.url' %>"><%=t 'woople_theme.company.name' %></a> &copy; <%= DateTime.now.strftime("%Y") %></p>
+</div>
+</body>
+</html>

data/app/views/woople-theme/_content_item.html.erb

@@ -0,0 +1,28 @@
+<div class="content-item row <%= content_item.completed %>">
+  <div class="content-item-image span1">
+    <a href="/course">
+      <% content_item.image do |url| %>
+        <%= image_tag(url) %>
+      <% end %>
+    </a>
+  </div>
+  <div class="content-item-content span7">
+    <h2><a href="/course"><%= content_item.name %></a></h2>
+
+    <div class="content-item-metadata row">
+      <div class="span2">
+        <em class="timeRemaining"><%= content_item.time_remaining %></em> / <%= content_item.time_total %>
+      </div>
+      <div class="span2">
+        <i class="icon-star"></i> <span class="popularity"><%= content_item.popularity %></span>
+      </div>
+
+      <% content_item.certification_metadata do |data| %>
+        <div class="span2">
+          <span class="badge certificationValue"><%= data %></span>
+        </div>
+      <% end %>
+    </div>
+  </div>
+  <div class="content-item-progress-bar" style="width:<%= content_item.percent_complete %>%"></div>
+</div>

data/app/views/woople-theme/_content_item_header.html.erb

@@ -0,0 +1,7 @@
+<% #NOTE: Only one sort should be possible at the same time. These need to sort server side due to pagination %>
+<div class="content-item-header row">
+  <div class="span1">&nbsp;</div>
+  <div class="span2"><a href="#" class="sortAsc"><%=t 'woople_theme.content_item_header.time_left' %> <i class="icon-chevron-up"></i><i class="icon-chevron-down"></i> </a></div>
+  <div class="span2"><a href="#" class="sortDesc"><%=t 'woople_theme.content_item_header.popularity' %> <i class="icon-chevron-up"></i><i class="icon-chevron-down"></i></a></div>
+  <div class="span2"><a href="#"><%=t 'woople_theme.content_item_header.points' %> <i class="icon-chevron-up"></i><i class="icon-chevron-down"></i></a></div>
+</div>

data/app/views/woople-theme/_menu.html.erb

@@ -0,0 +1,15 @@
+<div class="menu span3">
+  <div class="menu-content">
+    <ul class="nav nav-list">
+      <% menu.each do |section| %>
+        <% section.name do |name| %>
+          <li class="nav-header"><%= name %></li>
+        <% end %>
+        <% section.links.each do |link| %>
+          <li class="<%= link.css_class %>"><a href="<%= link.url %>"><%= link.featured_tag(link.name + link.badge + link.certification_badge) %></a></li>
+        <% end %>
+      <% end %>
+    </ul>
+  </div>
+</div>
+

data/app/views/woople-theme/_outline.html.erb

@@ -0,0 +1,19 @@
+<div class="outline">
+  <h2><%= outline.name %></h2>
+  <table class="table">
+    <thead>
+      <tr>
+        <th></th>
+        <th class="string"><%=t 'woople_theme.outline.name' %></th>
+        <th class="count"><%=t 'woople_theme.outline.duration' %></th>
+      </tr>
+    </thead>
+    <tbody>
+      <%= outline.render_downloads(self) %>
+      <%= outline.render_videos(self) %>
+    </tbody>
+  </table>
+  <% outline.assessment do |assessment_class| %>
+    <p class="<%= assessment_class %>"><a><%=t 'woople_theme.outline.start_assessment' %></a></p>
+  <% end %>
+</div>

data/app/views/woople-theme/_outline_download.html.erb

@@ -0,0 +1,6 @@
+<tr class="<%= outline_download.css_class %>">
+  <td><a class="action btn btn-primary" href="#"><i class="icon-white icon-download-alt"></i></a></td>
+  <td><a href="#"><%= outline_download.name %></a></td>
+  <td></td>
+</tr>
+

data/app/views/woople-theme/_outline_video.html.erb

@@ -0,0 +1,13 @@
+<tr id="<%= outline_video.slug %>" class="<%= outline_video.css_class %>">
+  <td>
+    <a class="action btn btn-primary" href="<%= outline_video.url %>">
+      <i class="icon-white icon-play">
+    </i></a>
+    <% outline_video.completed do %>
+      ✔
+    <% end %>
+  </td>
+  <td><a href="<%= outline_video.url %>" class="video_link"><%= outline_video.name %></a></td>
+  <td><%= outline_video.duration %></td>
+</tr>
+

data/app/views/woople-theme/_page_header.html.erb

@@ -0,0 +1,8 @@
+<header class="page-header">
+  <% header.image do |url| %>
+    <%= image_tag(url) %>
+  <% end %>
+
+  <h1><%= header.title %></h1>
+  <p><%= header.description %></p>
+</header>

data/app/views/woople-theme/_profile.html.erb

@@ -0,0 +1,20 @@
+<div class="profile">
+  <form class="search">
+    <a href="#" class='search-page'><i class="icon-search"></i></a>
+    <input type="text" class="search-query" placeholder="<%=t 'woople_theme.profile.search' %>">
+  </form>
+  <ul class="nav nav-pills profile-link">
+    <li class="dropdown">
+    <a class="dropdown-toggle" data-toggle="dropdown" href="#"><%= image_tag('woople-theme/missing-profile.png') %></a>
+    <ul id="menu1" class="dropdown-menu">
+      <% profile.each do |section| %>
+        <% section.each do |link| %>
+          <li><a href="<%= link.url %>"><%= link.name %></a></li>
+        <% end %>
+        <li class="divider"></li>
+      <% end %>
+    </ul>
+    </li>
+  </ul>
+</div>
+

data/app/views/woople-theme/_video_modal.html.erb

@@ -0,0 +1,20 @@
+<div id="myModal" class="modal hide">
+  <div class="modal-header">
+    <a class="close" data-dismiss="modal">×</a>
+    <% %>
+    <h3><%= video.name %></h3>
+  </div>
+  <div class="modal-body">
+    <div class="modal-video">
+      <% #TODO: this only works with youtube urls right now. obviously hack %>
+      <iframe src="<%= video.src %>" frameborder="0" allowfullscreen></iframe>
+    </div>
+  </div>
+  <div class="modal-footer">
+    <div class="btn-group" data-toggle="buttons-radio">
+      <button class="btn btn-primary"><i class="icon-thumbs-up"></i> <%=t 'woople_theme.video_modal.like' %></button>
+      <button class="btn btn-primary"><i class="icon-thumbs-down"></i> <%=t 'woople_theme.video_modal.dislike' %></button>
+    </div>
+  </div>
+</div>
+

data/config/locales/en.yml

@@ -0,0 +1,18 @@
+en:
+  woople_theme:
+    company:
+      name: "Woople"
+      url: http://woople.com
+    content_item_header:
+      time_left: Time Left
+      popularity: Popularity
+      points: Points
+    outline:
+      name: Name
+      duration: Duration
+      start_assessment: START ASSESSMENT
+    profile:
+      search: Search...
+    video_modal:
+      like: Like
+      dislike: Dislike

data/config/routes.rb

@@ -0,0 +1,2 @@
+Rails.application.routes.draw do
+end

data/lib/tasks/woople-theme_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :woople-theme do
+#   # Task goes here
+# end

data/lib/woople-theme.rb

@@ -0,0 +1,5 @@
+require 'woople-theme/engine'
+require 'woople-theme/configuration'
+
+module WoopleTheme
+end

data/lib/woople-theme/configuration.rb

@@ -0,0 +1,23 @@
+module WoopleTheme
+  class Configuration
+    attr_accessor :profile_helper, :menu_helper, :layout_javascript
+
+    def profile_helper
+      @profile_helper || :profile_helper
+    end
+
+    def menu_helper
+      @menu_helper || :menu_helper
+    end
+  end
+
+  class << self
+    attr_accessor :configuration
+  end
+
+  def self.configure
+    self.configuration ||= Configuration.new
+    yield(configuration)
+  end
+
+end