bandshell 0.0.21 → 0.8

data/lib/bandshell/application/public/stylesheets/sass/index-manifest.scss

@@ -0,0 +1,32 @@
+@import "common/variables";
+@import "common/mixins";
+@import "common/reset";
+@import "common/font-awesome";
+
+@import "components/scaffolding";
+@import "components/type";
+@import "components/forms";
+@import "components/tables";
+@import "components/navs";
+@import "components/buttons";
+@import "components/button-groups";
+@import "components/pagination";
+@import "components/jquery.timepicker";
+@import "components/sliders";
+@import "components/jquery.qtip2";
+@import "components/display-blocks";
+@import "components/lists-grid-stacked";
+@import "components/topmenu";
+@import "components/alerts-badges";
+@import "components/screenmodel";
+@import "components/datepicker";
+@import "components/tiles";
+
+@import "views/submissions";
+@import "views/users";
+@import "views/setup";
+
+@import "responsive/responsive-utilities";
+@import "responsive/responsive-767px-max";
+@import "responsive/responsive-768px-979px";
+@import "responsive/responsive-1200px-min";

data/lib/bandshell/application/public/stylesheets/sass/responsive/responsive-1200px-min.scss

@@ -0,0 +1,31 @@
+// LARGE DESKTOP & UP
+// ------------------
+
+@media (min-width: 1200px) {
+
+  // Fixed grid
+  @include gridCore($gridColumnWidthLarge, $gridGutterWidthLarge);
+
+  // Fluid grid
+  @include gridFluid($fluidGridColumnWidthLarge, $fluidGridGutterWidthLarge);
+
+  // Input grid
+  @include gridInput($gridColumnWidthLarge, $gridGutterWidthLarge);
+
+  // Thumbnails
+  .thumbnails {
+    margin-left: -30px;
+  }
+  .thumbnails > li {
+    margin-left: 30px;
+  }
+  .row-fluid .thumbnails {
+    margin-left: 0;
+  }
+
+  .content-frame {
+    margin: 0 auto;
+    max-width: 1000px;
+  }
+
+}

data/lib/bandshell/application/public/stylesheets/sass/responsive/responsive-767px-max.scss

@@ -0,0 +1,178 @@
+// UP TO LANDSCAPE PHONE
+// ---------------------
+
+@media (max-width: 480px) {
+
+  // Smooth out the collapsing/expanding nav
+  .nav-collapse {
+    -webkit-transform: translate3d(0, 0, 0); // activate the GPU
+  }
+
+  // Block level the page header small tag for readability
+  .page-header h1 small {
+    display: block;
+    line-height: $baseLineHeight;
+  }
+
+  // Update checkboxes for iOS
+  input[type="checkbox"], input[type="radio"] {
+    border: 1px solid #ccc;
+  }
+
+  // Remove the horizontal form styles
+  .form-horizontal .control-group > label {
+    float: none;
+    width: auto;
+    padding-top: 0;
+    text-align: left;
+  }
+  // Move over all input controls and content
+  .form-horizontal .controls {
+    margin-left: 0;
+  }
+  // Move the options list down to align with labels
+  .form-horizontal .control-list {
+    padding-top: 0; // has to be padding because margin collaspes
+  }
+  // Move over buttons in .form-actions to align with .controls
+  .form-horizontal .form-actions {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+
+  // Modals
+  .modal {
+    position: absolute;
+    top:   10px;
+    left:  10px;
+    right: 10px;
+    width: auto;
+    margin: 0;
+    &.fade.in { top: auto; }
+  }
+  .modal-header .close {
+    padding: 10px;
+    margin: -10px;
+  }
+
+  // Carousel
+  .carousel-caption {
+    position: static;
+  }
+
+  // fluid grid resets:
+  .row-fluid {
+    [class*="span"].collapse-right {
+      margin-right: 0px;
+    }
+  }
+
+  // nav resets:
+  .nav-drawer-left {
+    @include border-radius(12px !important);
+    border-right: solid 4px $grayLight !important;
+    margin-top: 0px;
+
+    > li:first-child > a {
+      @include border-radius(8px 8px 0 0 !important);
+    }
+    > li:last-child > a {
+      @include border-radius(0 0 8px 8px !important);
+    }
+  }
+
+}
+
+
+
+// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
+// --------------------------------------------------
+
+@media (max-width: 767px) {
+
+  // Negative indent the now static "fixed" navbar
+  .navbar-fixed-top, .navbar-fixed-bottom {
+    margin-left: -20px;
+    margin-right: -20px;
+  }
+  // Remove padding on container given explicit padding set on body
+  .container-fluid {
+    padding: 0;
+  }
+
+  // TYPOGRAPHY
+  // ----------
+  // Reset horizontal dl
+  .dl-horizontal {
+    dt {
+      float: none;
+      clear: none;
+      width: auto;
+      text-align: left;
+    }
+    dd {
+      margin-left: 0;
+    }
+  }
+
+  // GRID & CONTAINERS
+  // -----------------
+  // Remove width from containers
+  .container {
+    width: auto;
+  }
+  // Fluid rows
+  .row-fluid {
+    width: 100%;
+  }
+  // Undo negative margin on rows and thumbnails
+  .row, .thumbnails {
+    margin-left: 0;
+  }
+  // Make all grid-sized elements block level again
+  [class*="span"], .row-fluid [class*="span"] {
+    float: none;
+    display: block;
+    width: auto;
+    margin-left: 0;
+  }
+
+  // FORM FIELDS
+  // -----------
+  // Make span* classes full width
+  .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
+    @include input-block-level();
+  }
+  // But don't let it screw up prepend/append inputs
+  .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] {
+    display: inline-block; // redeclare so they don't wrap to new lines
+    width: auto;
+  }
+
+    // fluid grid resets:
+  .row-fluid {
+    [class*="span"].collapse-right {
+      margin-right: 0px;
+    }
+  }
+
+  // nav resets:
+  .nav-drawer-left {
+    @include border-radius(12px !important);
+    border-right: solid 4px $grayLight !important;
+    margin-top: 0px;
+
+    > li:first-child > a {
+      @include border-radius(8px 8px 0 0 !important);
+    }
+    > li:last-child > a {
+      @include border-radius(0 0 8px 8px !important);
+    }
+  }
+
+  .approval-info {
+    width: auto !important;
+    margin: 0 auto;
+  }
+
+}

data/lib/bandshell/application/public/stylesheets/sass/responsive/responsive-768px-979px.scss

@@ -0,0 +1,21 @@
+// PORTRAIT TABLET TO DEFAULT DESKTOP
+// ----------------------------------
+
+@media (min-width: 768px) and (max-width: 979px) {
+
+  // Fixed grid
+  @include gridCore($gridColumnWidthTablet, $gridGutterWidthTablet);
+
+  // Fluid grid
+  @include gridFluid($fluidGridColumnWidthTablet, $fluidGridGutterWidthTablet);
+
+  // Input grid
+  @include gridInput($gridColumnWidthTablet, $gridGutterWidthTablet);
+
+  // No need to reset .thumbnails here since it's the same $gridGutterWidth
+
+  .approval-info {
+    width: auto !important;
+    margin: 0 auto;
+  }
+}

data/lib/bandshell/application/public/stylesheets/sass/responsive/responsive-utilities.scss

@@ -0,0 +1,41 @@
+// RESPONSIVE CLASSES
+// ------------------
+
+// Hide from screenreaders and browsers
+// Credit: HTML5 Boilerplate
+.hidden {
+  display: none;
+  visibility: hidden;
+}
+
+// Visibility utilities
+
+// For desktops
+.visible-phone     { display: none !important; }
+.visible-tablet    { display: none !important; }
+.visible-desktop   { } // Don't set initially
+.hidden-phone      { }
+.hidden-tablet     { }
+.hidden-desktop    { display: none !important; }
+
+// Phones only
+@media (max-width: 767px) {
+  // Show
+  .visible-phone     { display: inherit !important; } // Use inherit to restore previous behavior
+  // Hide
+  .hidden-phone      { display: none !important; }
+  // Hide everything else
+  .hidden-desktop    { display: inherit !important; }
+  .visible-desktop   { display: none !important; }
+}
+
+// Tablets & small desktops only
+@media (min-width: 768px) and (max-width: 979px) {
+  // Show
+  .visible-tablet    { display: inherit !important; }
+  // Hide
+  .hidden-tablet     { display: none !important; }
+  // Hide everything else
+  .hidden-desktop    { display: inherit !important; }
+  .visible-desktop   { display: none !important ; }
+}

data/lib/bandshell/application/public/stylesheets/sass/views/setup.scss

@@ -0,0 +1,5 @@
+b.pronounced {
+  font-weight: bold;
+  font-size: 1.3em;
+  color: $black;
+}

data/lib/bandshell/application/public/stylesheets/sass/views/submissions.scss

@@ -0,0 +1,36 @@
+.approval {
+  text-align: center;
+  padding: 12px 0px;
+}
+
+.approval-info {
+  width: 800px !important;
+  margin: 0 auto;
+}
+
+.content-ticker {
+  background: $grayLightest;
+  border: solid 1px $grayLight;
+  text-align: center;
+  padding: 50px 20px 40px 20px;
+  @include border-radius(6px);
+  position: relative;
+
+  p {
+    font-size: 3em;
+    line-height: normal;
+  }
+
+  .quotemarks-top, .quotemarks-bottom {
+    position: absolute;
+    @include serif-font(bold, 30px, normal);
+  }
+  .quotemarks-top {
+    top: 15px;
+    left: 15px;
+  }
+  .quotemarks-bottom {
+    bottom: 0px;
+    right: 15px;
+  }
+}

data/lib/bandshell/application/public/stylesheets/sass/views/users.scss

@@ -0,0 +1,15 @@
+.is_orphan {
+  color: gray;
+}
+
+.is_approved {
+  color: green;
+}
+
+.is_pending {
+  color: blue;
+}
+
+.is_denied {
+  color: red;
+}

data/lib/bandshell/application/views/authenticate.erb

@@ -0,0 +1,15 @@
+<script src="/javascripts/authenticate.js"></script>
+<h1>Concerto Player Authentication</h1>
+<div id="no-js">
+  It looks like Javascript is disabled. The Concerto Display will not work.
+</div>
+<% unless @display_temp_token.nil? %>
+  <div id="instructions">
+    Please enter the following token when setting up the screen in the 
+    Concerto Panel:
+    <%= @display_temp_token %>
+  </div>
+<% end %>
+<div id="status">
+  Waiting for first update...
+</div>

data/lib/bandshell/application/views/main.erb

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title> - Concerto Player Network Configuration</title>
+  <meta name="application-name" content="Concerto Player Network Configuration"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" type="text/css" href="/stylesheets/concerto-styles.css">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
+</head>
+<body>
+  <%#= render :partial => "elements/topmenu_contents" %>
+  <%#= render :partial => "elements/render_flash" %>
+
+  <div id="main" class="container-fluid">
+
+    <section class="viewblock">
+      <header class="viewblock-header light-version">
+        <div class="default-padding" style="padding: 40px 12px; text-align: center;">
+          <h1 style="font-size: 5em; letter-spacing: -0.025em;">Welcome to Concerto Player.</h1>
+          <h3>Your Concerto Player has not yet been configured. Follow these instructions to get up and running fast.</h3>
+        </div>
+      </header>
+
+      <div class="viewblock-cont">
+        <div class="default-padding">
+
+          <div class="row-fluid">
+            <div class="span3">
+              &nbsp;
+            </div>
+            <div class="span6">
+
+              <br />
+              <%= yield %>
+              <br />
+
+            </div>
+            <div class="span3">
+              &nbsp;
+            </div>
+          </div>
+
+        </div>
+      </div>
+    </section>
+    <br />
+    <div class="center">
+      <img src="/images/elements/logomark.png" alt="Concerto Player" width="70" />
+    </div>
+
+  </div>
+
+</body>
+</html>

data/lib/bandshell/application/views/main.haml

@@ -1,6 +1,7 @@
+!!! 5
 %html
     %head
         %title="Concerto Player Network Configuration"
         %script{:src=>"https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"}
-        %link{:rel=>"stylesheet", :type=>"text/css", :href=>"/stylesheet.css"}
+        %link{:rel=>"stylesheet", :type=>"text/css", :href=>"/stylesheets/concerto-styles.css"}
     %body=yield