Introduction

In order to understand how the woople-theme is meant to be used you'll have to read this guide.

Page Header

The page header is meant to be used at the top of each page. It has a description and an optional image.

<%= page_header(title: 'Page Header Title', description: 'Page Header Description') %>

Content Items

Standard Content Item:

<%= content_items([{name: 'Content Item Name', url: '/course', completed: true, time_remaining: '4:56', time_total: '12:34', popularity: 5000, percent_complete: 20, image: nil}]) %>

Content Item With Optional Metadata:

<%= content_items([{name: 'Content Item Name', url: '/course', completed: true, time_remaining: '4:56', time_total: '12:34', popularity: 5000, percent_complete: 20, image: nil, certification_metadata: 'Essential' }]) %>

Content Item Header

<%= content_item_header %>

Video Player

Not sure how to show this one. Check the example.

Outline

<%= outline({ name: 'Outline Name', enabled: true, downloads: [{ name: 'Training Supplement', enabled: true, url: '#' }], assessment: { enabled?: true, questions_asked: 7, pass_requirement: 75.0, estimated_duration: 7, startable?: true, url: '#', relearnings: [], history: [ OpenStruct.new({ completed_at: Time.parse('20120307 123456'), score: 75.0, passed: true, url: '#' }) ] }, videos: [ { id: 1, name: 'Video Name', url: '#', duration: 100000, completed: true, enabled: true }, { id: 1, name: 'Video Name', url: '#', duration: 100000, completed: false, enabled: true }, { id: 1, name: 'Video Name', url: '#', duration: 100000, completed: false, enabled: false }, ] }) do |outline| %> <%= outline.name %> <%= outline.downloads %> <%= outline.videos %> <%= outline.assessment %> <% end %>

Profile

<%= profile %>