lcms-engine 0.1.0

data/app/views/lcms/engine/explore_curriculum/index.html.erb

@@ -0,0 +1,3 @@
+<div id=curriculumList>
+  <%= react_component 'ExploreCurriculumPage', @props %>
+</div>

data/app/views/lcms/engine/find_lessons/index.html.erb

@@ -0,0 +1 @@
+<%= react_component('FindLessonPageComponent', @props) %>

data/app/views/lcms/engine/materials/show.html.erb

@@ -0,0 +1,35 @@
+<% set_page_title @material.metadata['identifier'].html_safe %>
+
+<%if user_signed_in? && current_user.admin? %>
+  <div class="c-ld-page-header">
+    <div class="o-page o-materials-list">
+      <div>
+        <%= link_to 'Go to Materials Admin', admin_materials_path(request.query_parameters), class: 'button primary u-margin-right--base' %>
+        <%= link_to @material.file_url, class: 'button primary u-margin-right--base', target: '_blank' do %>
+            <i class="ub-icon ub-file-gdoc"></i> Google Doc
+        <% end %>
+        <%= render partial: 'lcms/engine/admin/materials/reimport', locals: { material: @material, btn_size: 'default' } %>
+      </div>
+      <% unless @material.pdf? %>
+        <div>
+          <%= link_to @material.pdf_preview_title, preview_pdf_material_path(@material), class: 'button warning', target: '_blank' %>
+          <%= link_to @material.gdoc_preview_title, preview_gdoc_material_path(@material), class: 'button warning', target: '_blank' %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% end %>
+
+<div class="u-bg--light">
+  <div class="o-page o-page--ld">
+    <div class="o-page__module u-bg--light c-ld u-padding-bottom--gutter">
+      <h1>Material: <%= @material.metadata['identifier'] %> </h1>
+      <h2 class="u-pdf-txt--m-header-title"><%= @material.title %></h2>
+      <% if @material.pdf? %>
+        <%= link_to 'Source PDF', @material.file_url , target: '_blank' %>
+      <% else %>
+        <%= raw @material.content_for(:default) %>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/lcms/engine/pages/_about_people_staff.html.erb

@@ -0,0 +1,27 @@
+<div class="c-stp-staff o-page__wrap--row">
+<% members.each_with_index do |member, i| %>
+  <div class="c-stp-staff__item">
+    <div class="c-stp-staff__intro" data-toggle="c-stp-staff-<%= "#{type}_#{i}" %>">
+      <div class="c-stp-media">
+        <div class="c-stp-media__img">
+          <%= image_tag(member.image_file.present? ? member.image_file : 'head.svg') %>
+        </div>
+        <div class="c-stp-media__body">
+          <h3><%= member.name %></h3>
+          <h4><%= member.position %></h4>
+          <!-- <h4><%= member.department %></h4> -->
+        </div>
+      </div>
+    </div>
+    <div class="c-stp-staff__dsc" id="c-stp-staff-<%= "#{type}_#{i}" %>" data-toggler="u-show">
+      <!--h5>Bio of <%= member.name %></h5-->
+      <div>
+        <%= member.bio.try(:html_safe) %>
+      </div>
+      <button class="close-button" aria-label="Dismiss alert" type="button" data-toggle="c-stp-staff-<%= "#{type}_#{i}" %>">
+        <span aria-hidden="true"><i class="ub-close"></i></span>
+      </button>
+    </div>
+  </div>
+<% end %>
+</div>

data/app/views/lcms/engine/pages/_leadership_in_action.html.erb

@@ -0,0 +1,25 @@
+<!-- Slider main container -->
+<div class="swiper-container c-ls-slides c-ls-slides--a">
+    <!-- Additional required wrapper -->
+    <div class="swiper-wrapper c-ls-slides__wrap">
+        <!-- Slides -->
+        <% ['//www.youtube.com/embed/elLeG1qeJKg','//www.youtube.com/embed/94kFoFnutyw'].each do |video_url| %>
+          <div class="swiper-slide c-ls-slides__slide c-ls-slides--a__slide">
+            <div class="o-media-video">
+              <%= embed_video(video_url) %>
+            </div>
+          </div>
+        <% end %>
+    </div>
+    <div class="c-ls-slides__overlay c-ls-slides__overlay--left">
+    </div>
+    <div class="c-ls-slides__overlay c-ls-slides__overlay--right">
+    </div>
+</div>
+<!-- If we need navigation buttons -->
+<div class="c-ls-slides--a__prev c-ls-slides--a__btn c-ls-slides__prev swiper-button-prev show-for-ipad">
+  <i class="fa-3x ub-angle-left"></i>
+</div>
+<div class="c-ls-slides--a__next c-ls-slides--a__btn c-ls-slides__next swiper-button-next show-for-ipad">
+  <i class="fa-3x ub-angle-right"></i>
+</div>

data/app/views/lcms/engine/pages/_leadership_why_i_lead.html.erb

@@ -0,0 +1,34 @@
+<!-- Slider main container -->
+<div class="swiper-container c-ls-slides c-ls-slides--l">
+  <!-- Additional required wrapper -->
+  <div class="swiper-wrapper c-ls-slides__wrap c-ls-slides__wrap--<%= leadership_posts.count %>">
+      <!-- Slides -->
+      <% leadership_posts.each do |post| %>
+        <div class="swiper-slide c-ls-slides__slide c-ls-slides--l__slide">
+          <div class="ls-post">
+            <div class="ls-post__img">
+              <%= image_tag(post.image_file) if post.image_file.present? %>
+            </div>
+            <div class="ls-post__body">
+              <div class="ls-post__title">
+                <%= post.name %>
+              </div>
+              <div class="ls-post__subtitle">
+                <%= post.school %>
+              </div>
+              <div class="ls-post__txt u-padding-top--base">
+                <%= post.description %>
+              </div>
+            </div>
+          </div>
+        </div>
+      <% end %>
+  </div>
+</div>
+<!-- If we need navigation buttons -->
+<div class="c-ls-slides--l__prev c-ls-slides--l__btn c-ls-slides__prev swiper-button-prev show-for-ipad">
+  <i class="fa-3x ub-angle-left"></i>
+</div>
+<div class="c-ls-slides--l__next c-ls-slides--l__btn c-ls-slides__next swiper-button-next show-for-ipad">
+  <i class="fa-3x ub-angle-right"></i>
+</div>

data/app/views/lcms/engine/pages/about.html.erb

@@ -0,0 +1,87 @@
+<% set_page_title @page.full_title %>
+<% set_page_description "We are dedicated to empowering teachers by providing free, high-quality standards-aligned resources for the classroom, the opportunity for immersive training through our Institute, and the option of support through our website offerings." %>
+
+<div class="c-ap">
+  <div class="c-ap-hero">
+  </div>
+  <!-- <div class="o-page">
+    <div class="o-page__module c-ap-hero">
+      <<div class="o-panel c-ap-hero__body">
+        <strong class="cs-txt--default-base">MISSION</strong>
+        <p>We provide educators with the high-quality educational and instructional resources they need to help their students achieve their potential.</p>
+      </div>
+    </div>
+  </div> -->
+  <div class="u-bg--light">
+    <div class="o-page">
+      <div class="o-page__module o-media u-margin-top--gutter">
+        <div class="o-media__body o-media__body--no-left o-media__body--full">
+          <h2>About UnboundEd</h2>
+          <div class="u-hr-small"></div>
+          <p>We know from experience the hard work teachers face every day as they strive to help their students meet the challenges set by higher standards.<br /><br />We are dedicated to empowering teachers by providing free, high-quality standards-aligned resources for the classroom, the opportunity for immersive training through our Institute, and the option of support through our website offerings.<br /><br />Our online curriculum resources for grades PreK-12 have been reviewed and sequenced by our math and ELA experts. With our professional learning experiences and resources, educators can integrate standards-based knowledge and content into their daily practice.</p>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="u-bg--base">
+    <div class="o-page">
+      <div class="o-page__module o-media u-margin-top--gutter">
+        <div class="o-media__img c-ap-img--hwa">
+        </div>
+        <div class="o-media__body o-media__body--no-right o-media__body--no-top-padding">
+          <h2>Who we are</h2>
+          <div class="u-hr-small u-hr-small--green"></div>
+          <p>We are a team of former classroom teachers, curriculum writers, school leaders and education experts who have worked in the public, private and nonprofit sectors.</p>
+          <%= link_to 'Our People', about_people_path, class: 'o-btn o-btn--green o-btn--xs-full' %>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="u-bg--light">
+    <div class="o-page">
+      <div class="o-page__module o-media u-margin-top--gutter">
+        <div class="o-media__body o-media__body--no-left o-media__body--no-top-padding">
+          <h2>Our partners</h2>
+          <div class="u-hr-small"></div>
+          <p>We proudly partner with non-profit organizations who provide ongoing support in schools and districts, and are dedicated to educator learning and growth.</p>
+        </div>
+        <div class="o-media__img c-ap-img--op">
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="u-bg--base">
+    <div class="o-page">
+      <div class="o-page__module o-media u-margin-top--gutter">
+        <div class="o-media__img c-ap-img--si">
+        </div>
+        <div class="o-media__body o-media__body--no-right o-media__body--no-top-padding">
+          <h2>Standards Institute</h2>
+          <div class="u-hr-small u-hr-small--green"></div>
+          <p>We unite educators from across the nation for multi-day, intensive, transformative learning experiences designed to build, improve, and sustain instructional excellence in their particular grade. Our Standards Institutes offer three pathways: an ELA pathway divided by grade bands focused on curriculum, planning, and instruction; a math pathway divided by grade levels focused on the same; and a leadership pathway aligned to both ELA and math with a focus on systems, structures, curriculum, and instructional support.</p>
+          <%= link_to 'Launch Website', 'http://standardsinstitutes.org', class: 'o-btn o-btn--green o-btn--xs-full', target: '_blank' %>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="u-bg--light">
+    <div class="o-page">
+      <div class="o-page__module c-ap-cta text-center">
+        <h2>Careers</h2>
+        <div class="u-hr-small float-center"></div>
+        <p>Interested in joining us as we work to close the achievement gap? We have positions open on several teams.</p>
+        <%= link_to 'View Open Positions', 'https://unbounded.workable.com/', class: 'o-btn o-btn--green o-btn--xs-full', target: '_blank' %>
+      </div>
+    </div>
+  </div>
+  <div class="u-bg--base u-padding-top--large u-padding-bottom--large">
+    <div class="o-page">
+      <div class="o-page__module c-ap-cta text-center">
+        <h2>Contact Us</h2>
+        <div class="u-hr-small u-hr-small--green float-center"></div>
+        <p>If you have a question or want to learn more about us, we'd love to hear from you.</p>
+        <%= react_component('FreshdeskBtn', {text: 'Get in Touch', cls: 'o-btn o-btn--green o-btn--xs-full'}) %>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/lcms/engine/pages/about_people.html.erb

@@ -0,0 +1,27 @@
+<% set_page_title @page.full_title %>
+<% set_page_description "We are a team of former classroom teachers, curriculum writers, school leaders and education experts who have worked in the public, private and nonprofit sectors." %>
+
+<div class="o-page u-margin-top--xlarge u-margin-bottom--xlarge">
+  <div class="o-page__module c-stp-header">
+    <div class="c-stp-header__title">ABOUT UNBOUNDED</div>
+    <div class="u-hr-small"></div>
+    <h1>Our People</h1>
+    <p class="u-txt--teaser">We are a team of former classroom teachers, curriculum writers, school leaders and education experts who have worked in the public, private and nonprofit sectors.</p>
+  </div>
+  <div class="o-page__module o-tab u-margin-top--xlarge">
+    <nav class="o-tab__navigation">
+      <ul class="tabs o-tab-menu" data-tabs id="st-tabs">
+        <li class="tabs-title is-active o-tab-menu__item"><a href="#st-tab-staff" aria-selected="true">Staff</a></li>
+        <!-- <li class="tabs-title o-tab-menu__item"><a href="#st-tab-board">Board</a></li> -->
+      </ul>
+    </nav>
+    <div class="tabs-content" data-tabs-content="st-tabs">
+      <div class="o-tab__panel tabs-panel is-active" id="st-tab-staff">
+        <%= render partial: 'lcms/engine/about_people_staff', locals: {members: StaffMember.staff.order_by_name_with_precedence, type: 's'} %>
+      </div>
+      <!-- <div class="o-tab__panel tabs-panel" id="st-tab-board">
+        <%= render partial: 'lcms/engine/about_people_staff', locals: {members: StaffMember.board.order_by_name, type: 'b'} %>
+      </div> -->
+    </div>
+  </div>
+</div>

data/app/views/lcms/engine/pages/forthcoming.html.erb

@@ -0,0 +1,9 @@
+<% set_page_title t('lcms.engine.pages.not_found.page_title') %>
+
+<div class="o-filterbar-title">
+  <h2>This resource is forthcoming</h2>
+
+  <div class="o-filterbar-title__subheader">
+
+  </div>
+</div>

data/app/views/lcms/engine/pages/leadership.html.erb

@@ -0,0 +1,82 @@
+<div class="c-ls-hero">
+  <div class="o-page">
+    <div class="o-page__module c-ls-hero__wrap">
+      <div class="c-ls-hero__body">
+        <div class="u-txt--ls-subhead">SCHOOL LEADERSHIP</div>
+        <h1>Build a culture of learning and achievement, every day</h1>
+        <p>Empower your school community to meet today's higher standards with our free curricular and professional learning resources.</p>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="u-bg--light">
+  <div class="o-page">
+    <div class="c-ls-cblock c-ls-block">
+      <div class="c-ls-cblock__body">
+        <h2>Leadership in Action</h2>
+        <div class="u-hr-small u-hr-small--ls float-center"></div>
+        <p>
+          Learn from our community of school leaders as they share their triumphs and challenges of leading and supporting their teams in an age of new, higher standards.
+        </p>
+      </div>
+      <div class="c-ls-cblock__carousel">
+        <%= render partial: 'lcms/engine/leadership_in_action' %>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="u-bg--ls">
+  <div class="o-page">
+    <div class="o-page__module o-media c-ls-block">
+      <div class="o-media__body o-media__body--no-left o-media__body--no-padding">
+        <h2>Support Your Team</h2>
+        <div class="u-hr-small u-hr-small--ls"></div>
+        <p>Use our Math and ELA content guides and multimedia to deepen content knowledge and learn alongside your team. Join us at a transformative in-person Institute or browse our collection of PD-ready materials from prior Institutes.</p>
+        <%= link_to t('nav.instructions'), enhance_instruction_index_path, class: 'o-btn o-btn--yellow u-margin-right--base' %>
+        <%= link_to t('ui.standards_institute'), 'http://www.standardsinstitutes.org', class: 'o-btn o-btn--bordered-yellow u-color--base', target: '_blank' %>
+      </div>
+      <div class="o-media__img c-ls-img--syt">
+      </div>
+    </div>
+  </div>
+</div>
+<div class="u-bg--light">
+  <div class="o-page">
+    <div class="o-page__module o-media c-ls-block">
+      <div class="o-media__img c-ls-img--eyc">
+      </div>
+      <div class="o-media__body o-media__body--no-right o-media__body--no-padding u-margin-bottom--gutter2x">
+        <h2>Enrich Your Curriculum</h2>
+        <div class="u-hr-small u-hr-small--ls"></div>
+        <p>Explore comprehensive, sequenced and aligned K-12 ELA and math curriculum that can be adapted or adopted for your school.</p>
+        <%= link_to t('nav.curriculum'), explore_curriculum_index_path, class: 'o-btn o-btn--yellow' %>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="u-bg--ls">
+  <div class="o-page">
+    <div class="c-ls-cblock c-ls-block">
+      <div class="c-ls-cblock__body c-ls-cblock__body--smaller">
+        <h2>Why I Lead</h2>
+        <div class="u-hr-small u-hr-small--ls float-center"></div>
+        <p>
+          Join our leadership movement on social media! Learn from and be inspired by our community of school leaders who are doing the rewarding work of leading their schools toward high achievement for all students.
+        </p>
+      </div>
+      <div class="c-ls-cblock__carousel">
+        <%= render partial: 'lcms/engine/leadership_why_i_lead', locals: { leadership_posts: @leadership_posts } %>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="u-bg--light">
+  <div class="o-page">
+    <div class="o-page__module c-lk-cta c-ls-block text-center">
+      <h2 class="u-margin-bottom--base">Say Hello!</h2>
+      <div class="u-hr-small u-hr-small--ls float-center"></div>
+      <p>If you have a question or want to learn more about us, we'd love to hear from you.</p>
+      <%= react_component('FreshdeskBtn', {text: 'Get in Touch', cls: 'o-btn o-btn--yellow'}) %>
+    </div>
+  </div>
+</div>

data/app/views/lcms/engine/pages/not_found.html.erb

@@ -0,0 +1,9 @@
+<% set_page_title t('lcms.engine.pages.not_found.page_title') %>
+
+<div class="o-filterbar-title">
+  <h2><%= t('lcms.engine.pages.not_found.page_header') %></h2>
+
+  <div class="o-filterbar-title__subheader">
+    You can try the <strong><%= link_to 'Search page', search_path %></strong>
+  </div>
+</div>

data/app/views/lcms/engine/pages/privacy.html.erb

@@ -0,0 +1,9 @@
+<% set_page_title @page.full_title %>
+<% set_page_description "We will treat your data carefully, preserving your privacy according to the rules laid out in this document, and to the best of our ability." %>
+
+<div class="o-page o-page--centered o-page--margin-to-top">
+  <div class="o-page__content">
+  	<h1><%= @page.title %></h1>
+  	<%= @page.body.html_safe %>
+  </div>
+</div>

data/app/views/lcms/engine/pages/show.html.erb

@@ -0,0 +1,8 @@
+<% set_page_title @page.full_title %>
+
+<div class=container>
+  <div class=row>
+    <h2 class=text-center><%= @page.title %></h2>
+    <div class=page-body><%= @page.body.html_safe %></div>
+  </div>
+</div>

data/app/views/lcms/engine/pages/tos.html.erb

@@ -0,0 +1,9 @@
+<% set_page_title @page.full_title %>
+<% set_page_description "By accessing or using the Service you agree to be bound by these Terms. If you disagree with any part of the terms then you may not access the Service." %>
+
+<div class="o-page o-page--centered o-page--margin-to-top">
+  <div class="o-page__content">
+  	<h1><%= @page.title %></h1>
+  	<%= @page.body.html_safe %>
+  </div>
+</div>

data/app/views/lcms/engine/resources/_children_list.html.erb

@@ -0,0 +1,25 @@
+<% unless resource.lesson? %>
+  <h3><%= t('resources.title.children', type: type_name(resource)) %></h3>
+  <%= 'No children items.' if resource.children.blank? %>
+  <ul class="o-resource__list o-resource__list--icons o-resource__list--<%= color_code %>">
+    <% resource.children.each do |item| %>
+      <li>
+        <i class="fa fa-square"></i>
+        <span>
+          <% title = "#{item.short_title}: " %>
+          <% if item.document.present? %>
+            <%= link_to document_path(item.document) do %>
+              <span class="u-text--capitalized"><%= title %></span>
+              <%= item.title %>
+            <% end%>
+          <% else %>
+            <%= link_to show_with_slug_path(item.slug) do %>
+              <span class="u-text--capitalized"><%= title %></span>
+              <%= item.title %>
+            <% end%>
+          <% end%>
+        </span>
+      </li>
+    <% end %>
+  </ul>
+<% end %>

data/app/views/lcms/engine/resources/_copyright_icons_generic.html.erb

@@ -0,0 +1,9 @@
+<% cc_types = [{ icon: 'cc-zero', title: 'You can copy, modify, distribute and perform the work, even for commercial purposes, all without asking permission.' }] %>
+
+<% if resource.copyrights.present? %>
+  <% cc_types.each do |cc_type| %>
+    <span data-tooltip data-template-classes="u-resource-tooltip cs-tint-bg--<%= color_code(resource, base: true) %>" aria-haspopup="true" title="<%= cc_type[:title] %>">
+        <i class="fa-lg ub-<%= cc_type[:icon] %>"></i>
+    </span>
+  <% end %>
+<% end %>

data/app/views/lcms/engine/resources/_download.html.erb

@@ -0,0 +1,28 @@
+<li>
+  <% if download.download.attachment_content_type == 'pdf' %>
+    <span>
+      <%= link_to preview_download_path(id: download, slug: resource.slug), class: 'resource-attachment',
+        data: { no_turbolink: true, heap_data: download_heap_data(download, pdf_preview: true) }, target: '_blank' do %>
+        <i class="ub-icon ub-eye" aria-hidden="true"></i>
+      <% end %>
+    </span>
+  <% end %>
+  <% id = SecureRandom.hex(4) %>
+  <span data-toggle="<%= id %>">
+    <%= link_to download_path(download, slug: resource.slug), class: 'resource-attachment', data: { no_turbolink: true, heap_data: download_heap_data(download) } do %>
+      <i class="ub-icon fa-lg file-<%= "#{file_icon(download.download.attachment_content_type)} #{indent}" %>"></i>
+      <%= download.download.title %>
+    <% end %>
+  </span>
+  <% if (description = download.description).present? %>
+    <span class="dropdown-pane o-ld-dropdown"
+          data-dropdown
+          data-hover="true"
+          data-hover-delay="0"
+          data-hover-pane="true"
+          data-v-offset="12"
+          id="<%= id %>">
+      <%= description %>
+    </span>
+  <% end %>
+</li>