blacklight_rtl 1.0.0

data/app/assets/stylesheets/blacklight_rtl/_modal.css.scss

@@ -0,0 +1,27 @@
+.modal-header {
+	h1 {
+		font-size: 24px; line-height: 40px;
+	}
+}
+
+#ajax-modal {
+  #email_form {
+    width: auto;
+  }
+
+  .facet_pagination.top {
+  	display: none;
+  }
+
+  #sidebar {
+    display: none;
+  }
+
+  button.close {
+	display: block;
+  }
+}
+
+button.close {
+	display: none;
+}

data/app/assets/stylesheets/blacklight_rtl/_responsive.css.scss

@@ -0,0 +1,3 @@
+@import "blacklight_rtl/responsive_partials/_catalog";
+@import "blacklight_rtl/responsive_partials/_facets";
+@import "blacklight_rtl/responsive_partials/_header";

data/app/assets/stylesheets/blacklight_rtl/_search_history.css.scss

@@ -0,0 +1,42 @@
+/* Search History */
+.search_history
+{
+
+  .query > a 
+  {
+    display: block;
+    border-bottom: none;
+  }
+
+  .constraint 
+  {
+    display: block;
+    text-indent: -2em;
+    padding-right: 2em;
+    margin-left: 2em;
+
+    .search 
+    {
+      padding-left: 0.5em;
+      padding-right: 0.5em;
+    }
+
+    &:last-child 
+    {
+      margin-left: 0;
+    }
+  }
+
+  td 
+  {
+    vertical-align: top; 
+  }
+
+  .filterName, .filterSeparator
+  {
+    color: gray; 
+  }
+}
+
+
+

data/app/assets/stylesheets/blacklight_rtl/application.css

@@ -0,0 +1,13 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require_tree .
+ */

data/app/assets/stylesheets/blacklight_rtl/blacklight_defaults.css.scss

@@ -0,0 +1,48 @@
+/* Warning! If you want to change these, just copy them into your own theme css. But you want to remove the !default, which only will set them if not already set. */
+
+
+
+$background_image: 'blacklight/bg.png' !default;
+$logo_image: 'blacklight/logo.png' !default;
+$header_background_border: 'blacklight/border.png' !default;
+
+$navbar_background_color: #000000 !default;
+
+/* Various elements of search customization share these colors */
+
+$well_bg_color: #F5F5F5 !default;
+
+$search_ui_border_color: #FFFFFF !default;
+$search_ui_bg_color: #FFFFFF !default;
+
+$main_container_bg_color: #FFFFFF !default;
+
+/* separates documents, facets */
+$dotted_border_color: #CCC !default;
+
+/* background color of page */
+$page_bg_color: #2E4F81 !default;
+
+
+/* label (field names) */
+$field_name_color: #888 !default;
+
+
+/* constraint (you searched for:) details: */
+
+$constraint_bg_color: #E2EDFE !default;
+
+$constraint_border_color: #C4DAFE !default;
+$constraint_border_active_color: #FFD27A !default;
+
+/* dialog that pops up when you pick more on facets */
+$facet_extended_button_bg_color: #F6F6F6 !default;
+$facet_extended_button_border_color: #CCC !default;
+$facet_extended_disabled_button_bg_color: #E2EDFE !default;
+$facet_extended_disabled_border_color: #C4DAFE !default;
+$facet_extended_button_hover_bg_color: #DADADA !default;
+$facet_extended_button_hover_border_color: #999 !default;
+$facet_extended_button_hover_color: #212121 !default;
+
+/* border between items on marc view */
+$marc_item_separator: 1px solid #CCC !default;

data/app/assets/stylesheets/blacklight_rtl/blacklight_rtl.css.scss

@@ -0,0 +1,5 @@
+@charset "UTF-8";
+
+/* This is the default right to left blacklight theme. */
+
+@import 'blacklight_rtl/blacklight_rtl_base';

data/app/assets/stylesheets/blacklight_rtl/responsive_partials/_catalog.css.scss

@@ -0,0 +1,5 @@
+@media (max-width: 767px) {
+  #documents .documentFunctions {
+    margin-top: 0;
+  }
+}

data/app/assets/stylesheets/blacklight_rtl/responsive_partials/_facets.css.scss

@@ -0,0 +1,37 @@
+@media (max-width: 767px) {
+  #facets .btn-navbar {
+    display: block;
+  } 
+  .facets-collapse {
+    clear: both;
+    
+    &.in {
+
+    }
+
+    &, &.collapse {
+      overflow: hidden;
+      height: 0;
+    }
+
+    &.collapse.in {
+      height: auto !important;
+    }
+  }
+
+  .no-js .facets-collapse, .no-js .facets-collapse.collapse {
+    height: auto !important;
+    overflow: visible !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .facets-collapse.collapse {
+    height: auto !important;
+    overflow: visible !important;
+  }
+
+  .facet-collapse-toggle {
+    display: none;
+  }
+}

data/app/assets/stylesheets/blacklight_rtl/responsive_partials/_header.css.scss

@@ -0,0 +1,30 @@
+@media (max-width: 979px) {
+  body {
+  	padding-top: 0;
+  }
+
+}
+@media (max-width: 979px) {
+  .submit-search-text {
+    display: none;
+  }
+
+
+  .navbar .brand {
+    width: 120px;
+  }
+
+  #search_field {
+    width: 50px;
+  }
+}
+
+@media (max-width: 480px) {
+  #search_field {
+    display: none;
+  }
+
+  .navbar .brand {
+    width: 35px;
+  }
+}

data/app/assets/stylesheets/bootstrap_rtl/_bootstrap_rtl_base.css.scss

@@ -0,0 +1,51 @@
+@charset "UTF-8";
+
+/* TODO: split this file into the correct partials inside the bootstrap folder */
+
+/* Button input with a left rounded corner */
+.input-append .btn:last-child {
+  @include border-radius($inputBorderRadius 0  0 $inputBorderRadius);
+}
+
+/* Input text with a right rounded corner */
+.input-append input {
+  @include border-radius(0 $inputBorderRadius $inputBorderRadius 0);
+}
+
+/* Close button used by the lightbox */
+.close {
+  float: left;
+}
+
+/* First and last button inside a button group */
+.btn-group > .btn:first-child {
+  @include border-top-left-radius(0);
+  @include border-bottom-left-radius(0);
+  @include border-top-right-radius($baseBorderRadius);
+  @include border-bottom-right-radius($baseBorderRadius);
+}
+
+.btn-group > .btn:last-child {
+  @include border-top-right-radius(0);
+  @include border-bottom-right-radius(0);
+  @include border-top-left-radius($baseBorderRadius);
+  @include border-bottom-left-radius($baseBorderRadius);
+}
+
+/* RTL each preview inside the documents div */
+.dl-horizontal {
+  dt {
+    float: right;
+    text-align: left;
+  }
+  dd {
+    margin-left: 0;
+    margin-right: $horizontalComponentOffset;
+  }
+}
+
+.form-inline .checkbox input[type="checkbox"] {
+  float: right;
+  margin-left: 3px;
+  margin-right: 0;
+}

data/app/assets/stylesheets/bootstrap_rtl/bootstrap_rtl.css.scss

@@ -0,0 +1,5 @@
+@charset "UTF-8";
+
+/* This is the customized right to left bootstrap theme. */
+
+@import 'bootstrap_rtl/bootstrap_rtl_base';

data/app/assets/stylesheets/improved-modal/bootstrap-modal.css

@@ -0,0 +1,217 @@
+@charset "UTF-8";
+
+/*!
+ * Bootstrap Modal
+ *
+ * Copyleft Jordan Schroter
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ */
+
+.modal-open {
+	position: relative; /* safari */
+	overflow: hidden;
+}
+
+
+/* add a scroll bar to stop page from jerking around */
+.modal-open.page-overflow .page-container,
+.modal-open.page-overflow .page-container .navbar-fixed-top,
+.modal-open.page-overflow .page-container .navbar-fixed-bottom,
+.modal-open.page-overflow .modal-scrollable {
+	overflow-y: scroll;
+}
+
+@media (max-width: 979px) {
+	.modal-open.page-overflow .page-container .navbar-fixed-top,
+	.modal-open.page-overflow .page-container .navbar-fixed-bottom  {
+		overflow-y: visible;
+	}
+}
+
+
+.modal-scrollable {
+	position: fixed;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	left: 0;
+	overflow: auto;
+}
+
+.modal {
+	outline: none;
+	position: absolute;
+	margin-top: 0;
+	top: 50%;
+	overflow: visible; /* allow content to popup out (i.e tooltips) */
+}
+
+.modal.fade {
+	top: -100%;
+	-webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;	
+	   -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
+	     -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
+	        transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
+}
+
+.modal.fade.in {
+	top: 50%;
+}
+
+.modal-body {
+	max-height: none;
+	overflow: visible;
+}
+
+.modal.modal-absolute {
+	position: absolute;
+	z-index: 950;
+}
+
+.modal .loading-mask {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	left: 0;
+	background: #fff;
+	border-radius: 6px;
+}
+
+.modal-backdrop.modal-absolute{
+	position: absolute;
+	z-index: 940;
+}
+
+.modal-backdrop, 
+.modal-backdrop.fade.in{
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+	background: #fff;
+}
+
+.modal.container {
+  width: 940px;
+  margin-right: -470px;
+}
+
+/* Modal Overflow */
+
+.modal-overflow.modal {
+	top: 1%;
+}
+
+.modal-overflow.modal.fade {
+	top: -100%;
+}
+
+.modal-overflow.modal.fade.in {
+	top: 1%;
+}
+
+.modal-overflow .modal-body {
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+}
+
+/* Responsive */
+
+@media (min-width: 1200px) {
+	.modal.container {
+		width: 1170px;
+		margin-right: -585px;
+	}
+}
+
+@media (max-width: 979px) {
+	.modal, 
+	.modal.container,
+	.modal.modal-overflow 	{
+		top: 1%;
+		left: 1%;
+		right: 1%;
+		bottom: auto;
+		width: auto !important;
+		height: auto !important;
+		margin: 0 !important;
+		padding: 0 !important;
+	}
+	
+	.modal.fade.in, 
+	.modal.container.fade.in,
+	.modal.modal-overflow.fade.in {
+		top: 1%;
+		bottom: auto;
+	}
+	
+	.modal-body,
+	.modal-overflow .modal-body {
+		position: static;
+		margin: 0;
+		height: auto !important;
+		max-height: none !important;
+		overflow: visible !important;
+	}
+	
+	.modal-footer,
+	.modal-overflow .modal-footer {
+		position: static;
+	}
+}
+
+.loading-spinner {
+	position: absolute;
+	top: 50%;
+	right: 50%;
+	margin: -12px 0 0 -12px;
+}
+
+/*
+Animate.css - http://daneden.me/animate
+Licensed under the ☺ license (http://licence.visualidiot.com/)
+
+Copyleft (c) 2012 Dan Eden*/
+
+.animated {
+	-webkit-animation-duration: 1s;
+	   -moz-animation-duration: 1s;
+	     -o-animation-duration: 1s;
+	        animation-duration: 1s;
+	-webkit-animation-fill-mode: both;
+	   -moz-animation-fill-mode: both;
+	     -o-animation-fill-mode: both;
+	        animation-fill-mode: both;
+}
+
+@-webkit-keyframes shake {
+	0%, 100% {-webkit-transform: translateX(0);}
+	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
+	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
+}
+
+@-moz-keyframes shake {
+	0%, 100% {-moz-transform: translateX(0);}
+	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
+	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
+}
+
+@-o-keyframes shake {
+	0%, 100% {-o-transform: translateX(0);}
+	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
+	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
+}
+
+@keyframes shake {
+	0%, 100% {transform: translateX(0);}
+	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
+	20%, 40%, 60%, 80% {transform: translateX(10px);}
+}
+
+.shake {
+	-webkit-animation-name: shake;
+	-moz-animation-name: shake;
+	-o-animation-name: shake;
+	animation-name: shake;
+}

data/app/controllers/blacklight_rtl/application_controller.rb

@@ -0,0 +1,4 @@
+module BlacklightRtl
+  class ApplicationController < ActionController::Base
+  end
+end

data/app/helpers/blacklight_rtl/application_helper.rb

@@ -0,0 +1,4 @@
+module BlacklightRtl
+  module ApplicationHelper
+  end
+end

data/app/views/catalog/_per_page_widget.html.erb

@@ -0,0 +1,15 @@
+<% if show_sort_and_per_page? and !blacklight_config.per_page.blank? %>
+<div id="per_page-dropdown" class="dropdown pull-left  hidden-phone">
+  <span class="hide-text"><%= t('blacklight.search.per_page.title') %></span>
+  <ul class="css-dropdown">
+    <li class="btn">
+      <%= link_to(t(:'blacklight.search.per_page.button_label', :count => current_per_page), "#") %> <span class="caret"></span>
+      <ul>
+        <%- blacklight_config.per_page.each do |count| %>
+          <li><%= link_to(t(:'blacklight.search.per_page.label', :count => count).html_safe, url_for(params_for_search(:per_page => count))) %></li>
+        <%- end -%>
+      </ul>
+    </li>
+  </ul>
+</div>
+<% end %>

data/app/views/catalog/_previous_next_doc.html.erb

@@ -0,0 +1,16 @@
+<% #Using the Bootstrap Pagination class  -%>
+<% if @previous_document || @next_document %>
+	<div class="well" id="previousNextDocument">
+    <%= link_to_previous_document @previous_document %> |
+
+    <%= item_page_entry_info %> |
+
+    <%= link_to_next_document @next_document %>
+
+<div class="pull-left">
+      <%= link_back_to_catalog %>
+      |
+      <%=link_to "#{t('blacklight.search.start_over')}", catalog_index_path, :id=>"startOverLink" %>
+  </div>
+	</div>
+<% end %>

data/app/views/catalog/_search_form.html.erb

@@ -0,0 +1,21 @@
+<%= form_tag search_action_url, :method => :get, :class => 'search-query-form form-inline clearfix' do %>
+<%= search_as_hidden_fields(:omit_keys => [:q, :search_field, :qt, :page]).html_safe %>
+
+<% unless search_fields.empty? %>
+<div class="pull-right">
+	<label for="search_field" class="hide-text"><%= t('blacklight.search.form.search_field.label') %></label>
+	<%= select_tag(:search_field, options_for_select(search_fields, h(params[:search_field])), :title => t('blacklight.search.form.search_field.title'), :class=>"search_field input-small") %>
+	<span class="hide-text"><%= t('blacklight.search.form.search_field.post_label') %></span>
+</div>
+<% end %>
+<div class="input-append pull-right">
+	<label for="q" class="hide-text"><%= t('blacklight.search.form.q') %></label>
+	<%= text_field_tag :q, params[:q], :placeholder => t('blacklight.search.form.q'), :class => "search_q q", :id => "q"%>
+	<button type="submit" class="btn btn-primary search-btn" id="search">
+		<span class="submit-search-text"><%= t('blacklight.search.form.submit')%></span>
+		<i class="icon-search icon-white"></i>
+	</button>
+
+</div>
+
+<% end %>

data/app/views/catalog/_sort_widget.html.erb

@@ -0,0 +1,14 @@
+<% if show_sort_and_per_page? and !blacklight_config.sort_fields.blank? %>
+<div id="sort-dropdown" class="dropdown pull-left hidden-phone">
+  <ul class="css-dropdown">
+    <li class="btn">
+      <%= link_to(t('blacklight.search.sort.label', :field =>current_sort_field.label), "#") %> <span class="caret"></span>
+      <ul>
+        <%- blacklight_config.sort_fields.each do |sort_key, field| %>
+          <li><%= link_to(field.label, url_for(params_for_search(:sort => sort_key))) %></li>
+        <%- end -%>
+      </ul>
+    </li>
+  </ul>
+</div>
+<% end %>

data/app/views/catalog/index.html.erb

@@ -0,0 +1,29 @@
+<div id="sidebar" class="span9">
+	<% unless has_search_parameters? %>
+	<%# if there are no input/search related params, display the "home" partial -%>
+	<%= render 'home' %>
+	<% else %>
+
+	<h2 class="hide-text top-content-title"><%= t('blacklight.search.search_results_header') %></h2>
+
+	<% @page_title = t('blacklight.search.title', :application_name => application_name) %>
+
+	<% extra_head_content << render_opensearch_response_metadata.html_safe %>
+
+	<%= render :partial => 'did_you_mean' %>
+
+	<%= render :partial => 'constraints' %>
+
+	<%= render 'sort_and_per_page' %>
+
+	<h2 class="hide-text"><%= t('blacklight.search.search_results') %></h2>
+	<%= render_document_index %>
+
+	<%= render 'results_pagination' %>
+
+	<% end %>
+</div><!--/well -->
+
+<div id="content" class="span3">
+	<%= render :partial=>'facets' %>
+</div>

data/app/views/layouts/blacklight_rtl/application.html.erb

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>BlacklightRtl</title>
+  <%= stylesheet_link_tag    "blacklight_rtl/application", media: "all" %>
+  <%= javascript_include_tag "blacklight_rtl/application" %>
+  <%= csrf_meta_tags %>
+</head>
+<body>
+
+<%= yield %>
+
+</body>
+</html>

data/app/views/shared/_header_navbar.html.erb

@@ -0,0 +1,27 @@
+<div id="header-navbar-fixed-top" class="navbar navbar-fixed-top">
+	<div class="navbar-inner">
+		<div class="container">
+			<div class="row">
+				
+				<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+					<span class="icon-bar"></span>
+					<span class="icon-bar"></span>
+					<span class="icon-bar"></span>
+				</a>
+				
+				<div class="span3">
+					<%= render :partial=>'/user_util_links' %>
+				</div>
+				
+				<div class="span6 clearfix" id="searchbar">
+					<%= render_search_bar  %>
+				</div>
+
+				<div class="span3 nav-collapse">
+					<%= link_to application_name, root_path, :class => "brand" %>
+				</div>
+				
+			</div>
+		</div>
+	</div>
+</div>