merged pretty styling

This commit is contained in:
Tyrel Souza 2014-04-25 12:15:23 -04:00
commit f7bd18de33
9 changed files with 315 additions and 224 deletions

View File

@ -1,3 +1,17 @@
section {
margin-top: 70px;
}
ul {
list-style: none;
padding-left: 0;
}
.help-block {
font-size: .85em;
}
$medgray: #3A9AC9;
.videolisting {
@ -5,61 +19,68 @@ $medgray: #3A9AC9;
color: #fff;
}
input {
border: 2px inset;
// input {
// border: 2px inset;
// }
.nested-fields {
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
margin-bottom: 1em;
padding: 1em;
.help-block, strong, p {
color: #ffffff;
}
}
.nested-fields:nth-of-type(odd){
background-color: #395C84;
padding: 10px;
.help-block{
color: #ccc;
}
}
.nested-fields:nth-of-type(even) {
background-color: lighten(#456A92, 10);
padding: 10px;
background-color: lighten(#395C84, 10%);
}
.even, .odd {
.help-block{
color: #ccc;
.blah {
a {
color: #ffffff;
font-weight: bold;
}
}
}
.campaigns {
input {
input, select, textarea {
width: 100%;
}
input[type="submit"] {
width: 131px
margin-bottom: 1em;
width: auto;
}
textarea {
width: 100%;
height: 5em;
}
select {
width: 100%;
.control-group {
margin-bottom: 1em;
}
.campaign-item, .videolisting-item {
display: block;
strong {
display: block;
}
span {
padding-left: 2em;
}
span.list-item {
display: block;
}
}
// .campaign-item, .videolisting-item {
// display: block;
// strong {
// display: block;
// }
// span {
// padding-left: 2em;
// }
// span.list-item {
// display: block;
// }
// }
span.tag.label.label-info {
display: block;
margin-bottom: 1px;

View File

@ -6,7 +6,7 @@
}) do |frm| %>
<% if @campaign.errors.any? %>
<div class="row">
<div class="col-md-10 error_explanation">
<div class="col-md-12 error_explanation">
<h2><%= pluralize(@campaign.errors.count, "error") %> prohibited this campaign from being saved:</h2>
<ul>
<% @campaign.errors.full_messages.each do |msg| %>
@ -17,9 +17,8 @@
</div>
<% end %>
<div class="row">
<div class="col-md-5">
<div class="col-md-6">
<%= frm.input :advertisername,
label: 'Advertiser Name',
hint: "The name of the company." %>
@ -86,17 +85,16 @@
hint: "Toll-free phone number of business. Used in video creation." %>
</div>
<div class="col-md-5 videolisting">
<div class="col-md-6 videolisting">
<%= frm.simple_fields_for(:videolistings, html: {class: 'form-horizontal'}) do |videolisting| %>
<%= render 'videolisting_fields', :f => videolisting %>
<% end %>
<div class="links">
[<%= link_to_add_association 'Add Videolisting', frm, :videolistings %>]
<%= link_to_add_association 'Add Video Listing', frm, :videolistings %>
</div>
</div>
</div>
<div class="actions">
<%= frm.submit %>
</div>

View File

@ -1,29 +1,34 @@
<li>
<span class="videolisting-item">
<strong>Video Code</strong>
<span><%= videolisting.videocode %></span>
</span>
<span class="videolisting-item">
<strong>Voiceover Selection</strong>
<span><%= voiceoverselection_list item:videolisting.voiceoverselection %></span>
</span>
<span class="videolisting-item">
<strong>Music Selection</strong>
<span><%= musicselection_list item:videolisting.musicselection %></span>
</span>
<span class="videolisting-item">
<strong>Client Provided Script</strong>
<span><%= videolisting.clientprovidedscript %></span>
</span>
<span class="videolisting-item">
<strong>Production Notes</strong>
<span><%= videolisting.notes %></span>
</span>
<span class="videolisting-item">
<strong>Asset URLs</strong>
<% videolisting.asseturls_array.each do |asset| %>
<span class="list-item"><%= asset[:asseturl] %></span>
<% end %>
</span>
</li>
<ul>
<li>
<p><strong>Video Code</strong><br>
<%= videolisting.videocode %></p>
</li>
<li>
<p><strong>Voiceover Selection</strong><br>
<%= voiceoverselection_list item:videolisting.voiceoverselection %></p>
</li>
<li>
<p><strong>Music Selection</strong><br>
<%= musicselection_list item:videolisting.musicselection %></p>
</li>
<% unless videolisting.clientprovidedscript.empty? %>
<li>
<p><strong>Client Provided Script</strong><br>
<%= videolisting.clientprovidedscript %></p>
</li>
<% end %>
<% unless videolisting.notes.empty? %>
<li>
<p><strong>Production Notes</strong><br>
<%= videolisting.notes %></p>
</li>
<% end %>
<% unless videolisting.asseturls.empty? %>
<li>
<p><strong>asseturls</strong><br>
<% videolisting.asseturls_array.each do |asset| %>
<%= asset[:asseturl] %></p>
<% end %>
</li>
<% end %>
</ul>

View File

@ -21,5 +21,5 @@
label: 'Asset Urls',
hint: "A list of all file assets. Comma Separated, (press backspace or click the x to remove)",
input_html: {data: {role: "tagsinput" }, value: ""} %>
{<%= link_to_remove_association "Remove Videolisting", f %>}
<div class="blah"><%= link_to_remove_association "Remove Video Listing", f %></div>
</div>

View File

@ -1,6 +1,11 @@
<%= link_to 'Show', campaign_path(@campaign.listingcode) %> |
<%= link_to 'Back', campaigns_path %>
<h1>Editing <%= @campaign.advertisername %></h1>
<%= render 'form' %>
<div class="container">
<section>
<div class="pull-right">
<%= link_to 'Cancel Edit Campaign', campaign_path(@campaign.listingcode) %> |
<%= link_to 'Back to Campaigns', campaigns_path %>
</div>
<h1>Edit <%= @campaign.advertisername %></h1>
<hr>
<%= render 'form' %>
</section>
</div>

View File

@ -1,36 +1,37 @@
<h1>Listing campaigns</h1>
<table class="table table-striped">
<thead>
<tr>
<th>Listing Code(Form Hash)</th>
<th>Processed?</th>
<th>Billing Code</th>
<th>Address</th>
<th>City</th>
<th>State</th>
<th>ZIP</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<% @campaigns.each do |campaign| %>
<tr>
<td><%= link_to campaign.listingcode, campaign_path(campaign.listingcode) %></td>
<td><i class="glyphicon glyphicon-<% if campaign.processed? %>ok<% else %>remove<% end %>"></i> </td>
<td><%= campaign.billingcode %></td>
<td><%= campaign.address %></td>
<td><%= campaign.city %></td>
<td><%= campaign.state %></td>
<td><%= campaign.zip %></td>
<td><%= link_to 'Edit', edit_campaign_path(campaign.listingcode) %></td>
<td><%= link_to 'Destroy', campaign_path(campaign.listingcode), method: :delete, data: { confirm: 'Are you sure?' } %></td>
</tr>
<% end %>
</tbody>
</table>
<br>
<%= link_to 'New Campaign', new_campaign_path %>
<div class="container">
<section>
<h1>Campaigns</h1>
<hr>
<table class="table table-striped">
<thead>
<tr>
<th>Listing Code (Form Hash)</th>
<th>Processed?</th>
<th>Billing Code</th>
<th>Address</th>
<th>City</th>
<th>State</th>
<th>ZIP</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<% @campaigns.each do |campaign| %>
<tr>
<td><%= link_to campaign.listingcode, campaign_path(campaign.listingcode) %></td>
<td><i class="glyphicon glyphicon-<% if campaign.processed? %>ok<% else %>remove<% end %>"></i> </td>
<td><%= campaign.billingcode %></td>
<td><%= campaign.address %></td>
<td><%= campaign.city %></td>
<td><%= campaign.state %></td>
<td><%= campaign.zip %></td>
<td><%= link_to 'Edit', edit_campaign_path(campaign.listingcode) %></td>
<td><%= link_to 'Destroy', campaign_path(campaign.listingcode), method: :delete, data: { confirm: 'Are you sure?' } %></td>
</tr>
<% end %>
</tbody>
</table>
<%= link_to 'New Campaign', new_campaign_path %>
</section>
</div>

View File

@ -1,8 +1,10 @@
<%= link_to 'Back', campaigns_path %>
<div class="col-md-offset-1 col-md-10">
<h1>New campaign</h1>
<%= render 'form' %>
<div class="container">
<section>
<div class="pull-right">
<%= link_to 'Cancel New Campaign', campaigns_path %>
</div>
<h1>New Campaign</h1>
<hr>
<%= render 'form' %>
</section>
</div>

View File

@ -1,104 +1,147 @@
<%= link_to 'Edit', edit_campaign_path(@campaign.listingcode) %> |
<%= link_to 'Back', campaigns_path %>
<div class="col-md-12">
<h1>
<%= @campaign.advertisername %>
</h1>
<p id="notice"><%= notice %></p>
<div class="container">
<section>
<div class="pull-right">
<%= link_to 'Edit Campaign', edit_campaign_path(@campaign.listingcode) %> |
<%= link_to 'Back to Campaigns', campaigns_path %>
</div>
<div class="col-md-4 col-md-offset-1 col-xs-6">
<span class="campaign-item">
<strong>Listing Code</strong>
<span><%= @campaign.listingcode %></span>
</span>
<span class="campaign-item">
<strong>Description</strong>
<span><%= @campaign.description %></span>
</span>
<span class="campaign-item">
<strong>Products & Services</strong>
<span><%= @campaign.productsandservices %></span>
</span>
<span class="campaign-item">
<strong>Websiteurl</strong>
<span><%= @campaign.websiteurl %></span>
</span>
<span class="campaign-item">
<strong>Client Services Rep</strong>
<span><%= @campaign.vpa %></span>
</span>
<span class="campaign-item">
<strong>Billing Code</strong>
<span><%= @campaign.billingcode %></span>
</span>
<span class="campaign-item">
<strong>Email Address</strong>
<span><%= @campaign.emailaddress %></span>
</span>
<span class="campaign-item">
<strong>Business Phone</strong>
<span><%= number_to_phone @campaign.businessphone %></span>
</span>
<span class="campaign-item">
<strong>Contact Phone</strong>
<span><%= number_to_phone @campaign.contactphone %></span>
</span>
<span class="campaign-item">
<strong>Customer First Name</strong>
<span><%= @campaign.customerfirstname %></span>
</span>
<span class="campaign-item">
<strong>Customer Last Name</strong>
<span><%= @campaign.customerlastname %></span>
</span>
<span class="campaign-item">
<strong>Address</strong>
<span><%= @campaign.address %></span>
</span>
<span class="campaign-item">
<strong>City, State, Zip</strong>
<span><%= @campaign.city %>, <%= us_states item: @campaign.state %>, <%= @campaign.zip %></span>
</span>
<span class="campaign-item">
<strong>Awards</strong>
<span><%= @campaign.awards %></span>
</span>
<span class="campaign-item">
<strong>Background</strong>
<span><%= @campaign.background %></span>
</span>
<span class="campaign-item">
<strong>Industry Categories</strong>
<span><%= @campaign.categories %></span>
</span>
<span class="campaign-item">
<strong>Company Colors</strong>
<span><%= @campaign.companycolors %></span>
</span>
<span class="campaign-item">
<strong>Facebook URL</strong>
<span><%= @campaign.facebookurl %></span>
</span>
<span class="campaign-item">
<strong>Target Audience</strong>
<span><%= @campaign.targetaudience %></span>
</span>
<span class="campaign-item">
<strong>Tollfree Phone</strong>
<span><%= @campaign.tollfreephone %></span>
</span>
</div>
<div class="col-md-4 col-xs-6">
<h1><%= @campaign.advertisername %></h1>
<hr>
<p id="notice"><%= notice %></p>
<div class="row">
<div class="col-md-6">
<ul>
<% @campaign.videolistings.each do |videolisting| %>
<%= render 'videolisting', videolisting: videolisting %>
<% end %>
<% if @campaign.videolistings.empty? %>
<li>No Video Listings for this Campaign.</li>
<% end %>
<% unless @campaign.listingcode.empty? %>
<li>
<p><strong>Listing Code</strong><br>
<%= @campaign.listingcode %></p>
</li>
<% end %>
<% unless @campaign.description.empty? %>
<li>
<p><strong>Description</strong><br>
<%= @campaign.description %></p>
</li>
<% end %>
<% unless @campaign.productsandservices.empty? %>
<li>
<p><strong>Products & Services</strong><br>
<%= @campaign.productsandservices %></p>
</li>
<% end %>
<% unless @campaign.websiteurl.empty? %>
<li>
<p><strong>Websiteurl</strong><br>
<%= @campaign.websiteurl %></p>
</li>
<% end %>
<% unless @campaign.vpa.empty? %>
<li>
<p><strong>Client Services Rep</strong><br>
<%= @campaign.vpa %></p>
</li>
<% end %>
<% unless @campaign.billingcode.empty? %>
<li>
<p><strong>Billing Code</strong><br>
<%= @campaign.billingcode %></p>
</li>
<% end %>
<% unless @campaign.emailaddress.empty? %>
<li>
<p><strong>Email Address</strong><br>
<%= @campaign.emailaddress %></p>
</li>
<% end %>
<% unless @campaign.businessphone.empty? %>
<li>
<p><strong>Business Phone</strong><br>
<%= number_to_phone @campaign.businessphone %></p>
</li>
<% end %>
<% unless @campaign.contactphone.empty? %>
<li>
<p><strong>Contact Phone</strong><br>
<%= number_to_phone @campaign.contactphone %></p>
</li>
<% end %>
<% unless @campaign.customerfirstname.empty? %>
<li>
<p><strong>Customer First Name</strong><br>
<%= @campaign.customerfirstname %></p>
</li>
<% end %>
<% unless @campaign.customerlastname.empty? %>
<li>
<p><strong>Customer Last Name</strong><br>
<%= @campaign.customerlastname %></p>
</li>
<% end %>
<% unless @campaign.address.empty? %>
<li>
<p><strong>Address</strong><br>
<%= @campaign.address %></p>
</li>
<% end %>
<% if @campaign.city.empty? || @campaign.state || @campaign.zip %>
<li>
<p><strong>City, State, Zip</strong><br>
<%= @campaign.city %>, <%= us_states item: @campaign.state %>, <%= @campaign.zip %></p>
</li>
<% end %>
<% unless @campaign.awards %>.empty?
<li>
<p><strong>Awards</strong><br>
<%= @campaign.awards %></p>
</li>
<% end %>
<% unless @campaign.background.empty? %>
<li>
<p><strong>Background</strong><br>
<%= @campaign.background %></p>
</li>
<% end %>
<% unless @campaign.categories.empty? %>
<li>
<p><strong>Industry Categories</strong><br>
<%= @campaign.categories %></p>
</li>
<% end %>
<% unless @campaign.companycolors.empty? %>
<li>
<p><strong>Company Colors</strong><br>
<%= @campaign.companycolors %></p>
</li>
<% end %>
<% unless @campaign.facebookurl.empty? %>
<li>
<p><strong>Facebook URL</strong><br>
<%= @campaign.facebookurl %></p>
</li>
<% end %>
<% unless @campaign.targetaudience.empty? %>
<li>
<p><strong>Target Audience</strong><br>
<%= @campaign.targetaudience %></p>
</li>
<% end %>
<% unless @campaign.tollfreephone.empty? %>
<li>
<p><strong>Tollfree Phone</strong><br>
<%= @campaign.tollfreephone %></p>
</li>
<% end %>
</ul>
</div>
<div class="col-md-6 videolisting">
<ul class="nested-fields">
<% @campaign.videolistings.each do |videolisting| %>
<li><%= render 'videolisting', videolisting: videolisting %></li>
<% end %>
<% if @campaign.videolistings.empty? %>
<li><p>No Video Listings for this Campaign.</p></li>
<% end %>
</ul>
</div>
</div>
</section>
</div>

View File

@ -1,7 +1,23 @@
<% if user_signed_in? %>
<%= link_to "Profile", edit_user_registration_path %>
<%= link_to "Logout", destroy_user_session_path, :method => :delete %>
<% else %>
<%= link_to "Sign in", new_user_session_path %>
<% end %>
-----
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">VidPush</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<% if user_signed_in? %>
<li><%= link_to "Profile", edit_user_registration_path %></li>
<li><%= link_to "Logout", destroy_user_session_path, :method => :delete %></li>
<% else %>
<li><%= link_to "Sign in", new_user_session_path %></li>
<% end %>
</ul>
</div>
</div>
</div>