diff --git a/custom_announcement/.gitignore b/custom_announcement/.gitignore new file mode 100644 index 0000000..de5d954 --- /dev/null +++ b/custom_announcement/.gitignore @@ -0,0 +1,8 @@ +.bundle/ +log/*.log +pkg/ +test/dummy/db/*.sqlite3 +test/dummy/db/*.sqlite3-journal +test/dummy/log/*.log +test/dummy/tmp/ +test/dummy/.sass-cache diff --git a/custom_announcement/Gemfile b/custom_announcement/Gemfile new file mode 100644 index 0000000..df1126e --- /dev/null +++ b/custom_announcement/Gemfile @@ -0,0 +1,14 @@ +source "https://rubygems.org" + +# Declare your gem's dependencies in custom_bulletin.gemspec. +# Bundler will treat runtime dependencies like base dependencies, and +# development dependencies will be added by default to the :development group. +gemspec + +# Declare any dependencies that are still in development here instead of in +# your gemspec. These might include edge Rails or gems from your path or +# Git. Remember to move these dependencies to your gemspec before releasing +# your gem to rubygems.org. + +# To use debugger +# gem 'debugger' diff --git a/custom_announcement/Gemfile.lock b/custom_announcement/Gemfile.lock new file mode 100644 index 0000000..0b0b618 --- /dev/null +++ b/custom_announcement/Gemfile.lock @@ -0,0 +1,106 @@ +PATH + remote: . + specs: + custom_announcement (0.0.1) + mongoid (= 4.0.0.beta1) + rails (~> 4.1.0.rc2) + +GEM + remote: https://rubygems.org/ + specs: + actionmailer (4.1.0.rc2) + actionpack (= 4.1.0.rc2) + actionview (= 4.1.0.rc2) + mail (~> 2.5.4) + actionpack (4.1.0.rc2) + actionview (= 4.1.0.rc2) + activesupport (= 4.1.0.rc2) + rack (~> 1.5.2) + rack-test (~> 0.6.2) + actionview (4.1.0.rc2) + activesupport (= 4.1.0.rc2) + builder (~> 3.1) + erubis (~> 2.7.0) + activemodel (4.1.0.rc2) + activesupport (= 4.1.0.rc2) + builder (~> 3.1) + activerecord (4.1.0.rc2) + activemodel (= 4.1.0.rc2) + activesupport (= 4.1.0.rc2) + arel (~> 5.0.0) + activesupport (4.1.0.rc2) + i18n (~> 0.6, >= 0.6.9) + json (~> 1.7, >= 1.7.7) + minitest (~> 5.1) + thread_safe (~> 0.1) + tzinfo (~> 1.1) + arel (5.0.0) + atomic (1.1.16) + bson (2.2.1) + builder (3.2.2) + connection_pool (2.0.0) + erubis (2.7.0) + hike (1.2.3) + i18n (0.6.9) + json (1.8.1) + mail (2.5.4) + mime-types (~> 1.16) + treetop (~> 1.4.8) + mime-types (1.25.1) + minitest (5.3.1) + mongoid (4.0.0.beta1) + activemodel (>= 4.0.0) + moped (~> 2.0.beta6) + origin (~> 2.1) + tzinfo (>= 0.3.37) + moped (2.0.0.rc1) + bson (~> 2.2) + connection_pool (~> 2.0) + optionable (~> 0.2.0) + multi_json (1.9.2) + optionable (0.2.0) + origin (2.1.1) + polyglot (0.3.4) + rack (1.5.2) + rack-test (0.6.2) + rack (>= 1.0) + rails (4.1.0.rc2) + actionmailer (= 4.1.0.rc2) + actionpack (= 4.1.0.rc2) + actionview (= 4.1.0.rc2) + activemodel (= 4.1.0.rc2) + activerecord (= 4.1.0.rc2) + activesupport (= 4.1.0.rc2) + bundler (>= 1.3.0, < 2.0) + railties (= 4.1.0.rc2) + sprockets-rails (~> 2.0.0) + railties (4.1.0.rc2) + actionpack (= 4.1.0.rc2) + activesupport (= 4.1.0.rc2) + rake (>= 0.8.7) + thor (>= 0.18.1, < 2.0) + rake (10.2.2) + sprockets (2.12.0) + hike (~> 1.2) + multi_json (~> 1.0) + rack (~> 1.0) + tilt (~> 1.1, != 1.3.0) + sprockets-rails (2.0.1) + actionpack (>= 3.0) + activesupport (>= 3.0) + sprockets (~> 2.8) + thor (0.19.1) + thread_safe (0.3.1) + atomic (>= 1.1.7, < 2) + tilt (1.4.1) + treetop (1.4.15) + polyglot + polyglot (>= 0.3.1) + tzinfo (1.1.0) + thread_safe (~> 0.1) + +PLATFORMS + ruby + +DEPENDENCIES + custom_announcement! diff --git a/custom_announcement/MIT-LICENSE b/custom_announcement/MIT-LICENSE new file mode 100644 index 0000000..ea966ec --- /dev/null +++ b/custom_announcement/MIT-LICENSE @@ -0,0 +1,20 @@ +Copyright 2014 YOURNAME + +Permission is hereby granted, free of charge, to any person obtaining +a copy of this software and associated documentation files (the +"Software"), to deal in the Software without restriction, including +without limitation the rights to use, copy, modify, merge, publish, +distribute, sublicense, and/or sell copies of the Software, and to +permit persons to whom the Software is furnished to do so, subject to +the following conditions: + +The above copyright notice and this permission notice shall be +included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND +NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE +LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION +OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION +WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/custom_announcement/README.rdoc b/custom_announcement/README.rdoc new file mode 100644 index 0000000..abac94e --- /dev/null +++ b/custom_announcement/README.rdoc @@ -0,0 +1,3 @@ += CustomBulletin + +This project rocks and uses MIT-LICENSE. \ No newline at end of file diff --git a/custom_announcement/Rakefile b/custom_announcement/Rakefile new file mode 100644 index 0000000..cc90c74 --- /dev/null +++ b/custom_announcement/Rakefile @@ -0,0 +1,32 @@ +begin + require 'bundler/setup' +rescue LoadError + puts 'You must `gem install bundler` and `bundle install` to run rake tasks' +end + +require 'rdoc/task' + +RDoc::Task.new(:rdoc) do |rdoc| + rdoc.rdoc_dir = 'rdoc' + rdoc.title = 'CustomAnnouncement' + rdoc.options << '--line-numbers' + rdoc.rdoc_files.include('README.rdoc') + rdoc.rdoc_files.include('lib/**/*.rb') +end + + + + +Bundler::GemHelper.install_tasks + +require 'rake/testtask' + +Rake::TestTask.new(:test) do |t| + t.libs << 'lib' + t.libs << 'test' + t.pattern = 'test/**/*_test.rb' + t.verbose = false +end + + +task default: :test diff --git a/custom_announcement/app/assets/images/custom_announcement-default.jpg b/custom_announcement/app/assets/images/custom_announcement-default.jpg new file mode 100644 index 0000000..b6b82f0 Binary files /dev/null and b/custom_announcement/app/assets/images/custom_announcement-default.jpg differ diff --git a/custom_announcement/app/assets/images/custom_bulletin/.keep b/custom_announcement/app/assets/images/custom_bulletin/.keep new file mode 100644 index 0000000..e69de29 diff --git a/custom_announcement/app/assets/javascripts/admin/custom_announcements.js b/custom_announcement/app/assets/javascripts/admin/custom_announcements.js new file mode 100644 index 0000000..dee720f --- /dev/null +++ b/custom_announcement/app/assets/javascripts/admin/custom_announcements.js @@ -0,0 +1,2 @@ +// Place all the behaviors and hooks related to the matching controller here. +// All this logic will automatically be available in application.js. diff --git a/custom_announcement/app/assets/javascripts/custom_bulletin/.keep b/custom_announcement/app/assets/javascripts/custom_bulletin/.keep new file mode 100644 index 0000000..e69de29 diff --git a/custom_announcement/app/assets/javascripts/custom_bulletin/animsition-init.js b/custom_announcement/app/assets/javascripts/custom_bulletin/animsition-init.js new file mode 100644 index 0000000..5684ee5 --- /dev/null +++ b/custom_announcement/app/assets/javascripts/custom_bulletin/animsition-init.js @@ -0,0 +1,9 @@ +( function( $ ) { + 'use strict'; + $( document ).on( 'ready', function() { + var $settings = wpexAnimsition; + $settings.inDuration = parseInt( $settings.inDuration ); + $settings.outDuration = parseInt( $settings.outDuration ); + $( 'body' ).animsition( $settings ); + } ); +} ) ( jQuery ); \ No newline at end of file diff --git a/custom_announcement/app/assets/javascripts/custom_bulletin/animsition.js b/custom_announcement/app/assets/javascripts/custom_bulletin/animsition.js new file mode 100644 index 0000000..f60b120 --- /dev/null +++ b/custom_announcement/app/assets/javascripts/custom_bulletin/animsition.js @@ -0,0 +1,115 @@ +/*! + * animsition v4.0.2 + * A simple and easy jQuery plugin for CSS animated page transitions. + * http://blivesta.github.io/animsition + * License : MIT + * Author : blivesta (http://blivesta.com/) + */ +!function (t) { + "use strict"; + "function" == typeof define && define.amd ? define(["jquery"], t) : "object" == typeof exports ? module.exports = t(require("jquery")) : t(jQuery) +}(function (t) { + "use strict"; + var n = "animsition", + i = { + init: function (a) { + a = t.extend({ inClass: "fade-in", + outClass: "fade-out", + inDuration: 1500, + outDuration: 800, + linkElement: ".animsition-link", + loading: !0, + loadingParentElement: "body", + loadingClass: "animsition-loading", + loadingInner: "", + timeout: !1, + timeoutCountdown: 5e3, + onLoadEvent: !0, + browser: ["animation-duration", "-webkit-animation-duration"], + overlay: !1, + overlayClass: "animsition-overlay-slide", + overlayParentElement: "body", + transition: function (t) { window.location.href = t } }, a), + i.settings = { timer: !1, + data: { inClass: "animsition-in-class", + inDuration: "animsition-in-duration", + outClass: "animsition-out-class", + outDuration: "animsition-out-duration", overlay: "animsition-overlay" + }, + events: { inStart: "animsition.inStart", + inEnd: "animsition.inEnd", + outStart: "animsition.outStart", + outEnd: "animsition.outEnd" + } + }; + var o = i.supportCheck.call(this, a); + if (!o && a.browser.length > 0 && (!o || !this.length)) + return "console" in window || (window.console = {}, window.console.log = function (t) { return t }), this.length || console.log("Animsition: Element does not exist on page."), o || console.log("Animsition: Does not support this browser."), i.destroy.call(this); var e = i.optionCheck.call(this, a); return e && t("." + a.overlayClass).length <= 0 && i.addOverlay.call(this, a), a.loading && t("." + a.loadingClass).length <= 0 && i.addLoading.call(this, a), this.each(function () { var o = this, e = t(this), s = t(window), r = t(document), l = e.data(n); l || (a = t.extend({}, a), e.data(n, { options: a }), a.timeout && i.addTimer.call(o), a.onLoadEvent && s.on("load." + n, function () { i.settings.timer && clearTimeout(i.settings.timer), i["in"].call(o) }), s.on("pageshow." + n, function (t) { t.originalEvent.persisted && i["in"].call(o) }), s.on("unload." + n, function () { }), r.on("click." + n, a.linkElement, function (n) { n.preventDefault(); var a = t(this), e = a.attr("href"); 2 === n.which || n.metaKey || n.shiftKey || -1 !== navigator.platform.toUpperCase().indexOf("WIN") && n.ctrlKey ? window.open(e, "_blank") : i.out.call(o, a, e) })) }) + }, addOverlay: function (n) { + t(n.overlayParentElement).prepend('
') + }, addLoading: function (n) { + t(n.loadingParentElement).append('+ <%= b.status_for_table %> + | ++ <%= b.category.title rescue "" %> + <% if (b.category.disable rescue false) %> + <%= t(:disabled) %> + <% end %> + | +
+ <% if b.expired? || (b.category.disable rescue false)%>
+ <%= b.title.to_s.html_safe %>
+ <% else %>
+ <%= b.title.to_s.html_safe %>
+ <% end %>
+
+ <% if b.expired? %>
+ <%= t(:expired) %>
+ <% end %>
+
+ <% if b.reapproval %>
+ <%= t("custom_announcement.reapproval") + " " + t(:pending) %>
+ <% end %>
+ <% if b.rejected %>
+ <%= t(:rejected) %> : <%= b.rejection_reason rescue "" %>
+ <% end %>
+ <% if !b.approved? && !b.rejected %>
+ <%= t(:pending) %>
+ <% end %>
+
+
+
+ |
+ <%= format_value b.postdate %> | +"><%= format_value b.deadline %> | +<%= link_to b.custom_bulletin_comments.count.to_s,"/#{I18n.locale}/admin/custom_announcements/#{params[:custom_module]}#{params[:bind_uid].present? ? ('-'+params[:bind_uid]) : ''}/#{b.id}/comment" %> | +<%= b.update_user.user_name rescue ""%> | +
+ " class="footable-row-detail-inner" style="display: none;">
+
+
+ <%= t(:view_count) %> :
+ <%= b.view_count %>
+
+
+ <%= t(:tags) %> :
+ <% b.tags.each do |tag| %>
+ <%= tag.name %>
+ <% end %>
+
+
+ <%= t("custom_announcement.email_to") %> :
+ <% b.email_members.each do |member| %>
+ <%= member.name %>
+ <% end %>
+ <% unless b.other_mailaddress.nil? %>
+ <% b.other_mailaddress.split(',').each do |mailaddress| %>
+ <%= mailaddress %>
+ <% end %>
+ <% end %>
+
+ |
+
<%= t(:title) %> | +<%= t("custom_announcement.total_amount") %> | + + <% target_records.each do |record| %> +
---|---|
+ " title="<%=record.send(config.title_field)%>"><%= record.send(config.title_field) %> + | ++ <%= CustomBulletin.where(:custom_module=>params[:custom_module],:bind_uid=>uid).count %> + | +
#{prev_result['title'][I18n.locale]}
" + end + if now_index != sorted.length-1 + next_result = sorted[now_index+1] + next_url = params['url'] + '/' + next_result.to_param + next_content = "#{t('custom_announcement.next')}#{next_result['title'][I18n.locale]}
" + end + content = "<%= @data["submitter"] %> <%= t("custom_announcement.updated_annoucement") %> +<%= t("custom_announcement.click_here_to_see") %> \ No newline at end of file diff --git a/custom_announcement/app/views/email/rejection_email.html.erb b/custom_announcement/app/views/email/rejection_email.html.erb new file mode 100644 index 0000000..1603780 --- /dev/null +++ b/custom_announcement/app/views/email/rejection_email.html.erb @@ -0,0 +1,3 @@ +
<%= @data["rejector"] %> <%= t("annoucement.rejected_annoucement") %> : <%= @data["reason"].nil? || @data["reason"] == "" ? "" : "#{@data["reason"]}" %>
+<%= t("custom_announcement.click_here_to_see") %> \ No newline at end of file diff --git a/custom_announcement/bin/rails b/custom_announcement/bin/rails new file mode 100644 index 0000000..3edef2a --- /dev/null +++ b/custom_announcement/bin/rails @@ -0,0 +1,18 @@ +#!/usr/bin/env ruby +# This command will automatically be run when you run "rails" with Rails 4 gems installed from the root of your application. + +ENGINE_ROOT = File.expand_path('../..', __FILE__) +ENGINE_PATH = File.expand_path('../../lib/custom_announcement/engine', __FILE__) + +# Set up gems listed in the Gemfile. +ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__) +require 'bundler/setup' if File.exist?(ENV['BUNDLE_GEMFILE']) + +# require 'rails/all' +# require 'rails/engine/commands' +require "action_controller/railtie" +require "action_mailer/railtie" +require "sprockets/railtie" +require "rails/test_unit/railtie" +require 'rails/engine/commands' +require "mongoid/railtie" diff --git a/custom_announcement/config/initializers/scheduler.rb b/custom_announcement/config/initializers/scheduler.rb new file mode 100644 index 0000000..9af31b9 --- /dev/null +++ b/custom_announcement/config/initializers/scheduler.rb @@ -0,0 +1,9 @@ +require 'rufus-scheduler' + +scheduler = Rufus::Scheduler.new + +#return if defined?(Rails::Console) || Rails.env.test? || File.split($0).last == 'rake' + +scheduler.cron '43 2 * * *' do + system('bundle exec rake custom_bulletin:remove_preview_custom_bulletins') +end diff --git a/custom_announcement/config/locales/en.yml b/custom_announcement/config/locales/en.yml new file mode 100644 index 0000000..0fc3be1 --- /dev/null +++ b/custom_announcement/config/locales/en.yml @@ -0,0 +1,169 @@ +en: + module_name: + custom_announcement: CustomAnnouncement + restful_actions: + feed: Feed + import: Import + custom_announcement: + total_amount: Total amount + use_module: Use Module + use_content: Use Content + cover_image_display_setting: Cover Image display setting + full_width: Full width + up_left_corner: Up-left corner + up_right_corner: Up-right corner + all_tabs_setting: '"All" tab setting' + the_same_as_data_count: The same as data count + display_all_in_other_tabs: Display all contents in other tabs + read_more_position_options: '"read more" button position' + default: Default + upper_left: Upper left + lower_left: Lower left + upper_right: Upper right + lower_right: Lower right + tabs_options: Tabs options + not_enable_tabs: Not enable tabs + enable_tabs_with_categories_include_all: Enable tabs with categories(include all) + enable_tabs_with_categories: Enable tabs with categories + time: Time + send_comment: Send Comment + comment: Comment + account: Account + open_comment: Open for Comment + open: Open + comment_end_time: Comment End Time + comment_role: Comment Role + visitor: Visitor + all_member: All Member + add_to_calendar: Add to calendar + blank_to_set: (blank to use custom_announcement setting) + stime: start time + etime: end time + select_prompt: --select category-- + all: All + keywords: Keywords + enable_search: Enable search feature + 'yes': 'Yes' + 'no': 'No' + image: Cover Image + carousel_image: Carousel Image + carousel_image_title: Carousel Image(display at the bottom of show page) + picture_showing_size: Picture Showing Size + orignal_size: Original Size + small_size: Small Size + medium_size: Medium Size + showing_back_and_next: Show back and next + not_show: Not show + show_top: Show at top + show_bottom: Show at bottom + prev: previous + next: next + table: + title : Title + date : Date + status : Status + sub_title: Sub Title + category: Category + author: Author + link: Link + file: File + view_count: View Count + department: Department + add_new: Add New + export_to_excel: Export to Excel + export_all_custom_anns: Export all CustomAnnouncement + import_from_excel: Import from Excel + download_example_sheet_here: Download example sheet here + please_create_tags_cats: Please create all the tags and categories before hand. Only excel file is allowed + create_atleast_one_cat: Please create atleast one category before importing. + import_from_wp_xml: Import from WordPress XML + click_on_submit: Click on Submit to save the changes + approvers_list: Approvers List + click_set_sub_manager: Click here to set Sub Managers for this module + approver: Approver + top_limit: Top Limit + for_unlimited: Put 0 for unlimited + feed_name: Feed Name + rssfeed: RSS Feed Link + jsonfeed: JSON Feed Link + feed_list: Feed List + approve: Approve + all_articles: All Articles + settings: Settings + import: Import / Export + custom_announcement: CustomAnnouncement + approval_setting: Approval Setting + approve_custom_bulletin_fail: Approval Fail + approve_custom_bulletin_success: Approve Successfully + approval_waiting: Approval + submitted_new_custom_announcement: "%{poster} submitted a new custom_announcement waiting for your approval." + click_here_to_see: Please click the link below to view the custom_announcement. + rejected_annoucement: has rejected your custom_announcement, because + updated_annoucement: "%{poster} updated the rejected custom_announcement." + custom_announcement_subject: New custom_announcement waiting for approval + approval_site: Site + approval_mail_hi: Hello %{name}, + approval_custom_announcement_title: CustomAnnouncement Title + custom_bulletins: CustomBulletins + categories: Categories + create_custom_bulletin_success: Create CustomBulletin Successfully + create_custom_bulletin_category_success: Create Category Successfully + date: CustomAnnouncement Date + default_widget: + custom_bulletin_category_with_title: CustomBulletin Category with Title + postdate: Post Date + subtitle: Subtitle + title: Title + editing_custom_announcement: Edit CustomAnnouncement + editing_custom_announcement_category: Edit Category + file: Attachment + file_description: File Description + file_description_hint: 'File Description will display in the title of file link.(When placing mouse on the link,the title will display)' + file_name: File Name + frontend: + custom_bulletins: CustomAnnouncement front-end + search_result: Search result + link_name: Link Name + new_custom_bulletin_category: New CustomBulletin Category + picture: Cover Picture + search: Search + selected_file: Select File + update_custom_bulletin_category_success: Update Category Successfully + url: URL + widget: + custom_bulletins_and_web_links: Differential Nav. + index: Index + search: Search + more: More + more_: 'More ' + email_reminder: Email Reminder + activate_email_reminder: Activate Email Reminder + email_sentdate: Email Time + email_to: Email To + mail_subject: this is an custom_announcement reminder from【%{site_title}】 + view_count: View Counts + other_mailaddress: Other Email + other_mailaddress_note: Divide different email accounts with "," + mail_hi: Hi + mail_url_view: This email is the reminder of an custom_announcement, please click the link for the details + mail_source: Source + mail_time: Time + image_upload_size_note: The following recommendations %{image_upload_size} upload size + resend_mail: Re-send Email + is_external_link: Enable External Link + external_link: External Link + external_link_hint: "Make sure URL starts with http://" + display_subtitle: Display Subtitle in Content Page + display_img: Display Cover Image in Content Page + is_display_edit_only: Only display editable custom_announcements + only_manager_can_edit_status: Only manager can edit status of custom_announcements + layout_type: Layout type + custom_announcement_setting_for_iframe: CustomAnnouncement settings for iframe + url_generate: Url Generate + show_page: Show pagination + URL: URL + copy: Copy + status: + top: Important + hot: Hot + hidden: Hidden \ No newline at end of file diff --git a/custom_announcement/config/locales/zh_tw.yml b/custom_announcement/config/locales/zh_tw.yml new file mode 100644 index 0000000..9d6e110 --- /dev/null +++ b/custom_announcement/config/locales/zh_tw.yml @@ -0,0 +1,172 @@ +zh_tw: + module_name: + custom_announcement: 客製公告 + restful_actions: + feed: 供給 + import: 匯入 + custom_announcement: + total_amount: 總數 + use_module: 使用模組 + use_content: 使用內容 + cover_image_display_setting: 封面圖片顯示設定 + full_width: 滿版呈現 + up_left_corner: 左上角 + up_right_corner: 右上角 + all_tabs_setting: '"全部"頁籤設定' + the_same_as_data_count: 與Data count相同 + display_all_in_other_tabs: 顯示在其他頁籤的全部內容 + read_more_position_options: '"更多"按鈕的位置' + default: 預設 + upper_left: 左上 + lower_left: 左下 + upper_right: 右上 + lower_right: 右下 + tabs_options: 頁籤選項 + not_enable_tabs: 無頁籤 + enable_tabs_with_categories_include_all: 開啟頁籤(依類別,並包含全部所選類別之頁籤) + enable_tabs_with_categories: 開啟頁籤(依類別) + time: 時間 + send_comment: 送出留言 + comment: 留言內容 + account: 帳號 + open_comment: 開放評論 + open: 開放 + comment_end_time: 停止開放時間 + comment_role: 留言身分 + visitor: 訪客 + all_member: 全部會員 + add_to_calendar: 加入行事曆 + blank_to_set: (留白則使用公告設定) + stime: 開始時間 + etime: 結束時間 + select_prompt: --選取類別-- + all: 全部 + keywords: 關鍵字 + enable_search: 開啟搜尋功能 + 'yes': 是 + 'no': 否 + image: 封面圖片 + carousel_image: 輪播圖片 + carousel_image_title: 輪播圖片(在show頁面底部顯示) + picture_showing_size: 圖片顯示大小 + orignal_size: 原圖大小 + small_size: 小張縮圖 + medium_size: 中等縮圖 + showing_back_and_next: 顯示上下則 + not_show: 不顯示 + show_top: 顯示在最上面 + show_bottom: 顯示在最下面 + prev: 上一則 + next: 下一則 + table: + title : 標題 + date : 張貼日期 + status : 標籤 + sub_title: 副標題 + category: 類別 + author: 張貼人 + link: 超連結 + file: 檔案下載 + view_count: 瀏覽人次 + department: 單位 + add_new: 新建 + import: 匯入 + export_to_excel: 匯出至Excel檔 + export_all_custom_anns: 匯出所有公告 + import_from_excel: 從Excel檔匯入 + download_example_sheet_here: 在此下載範例 + please_create_tags_cats: 甲、 請事先建立所有標籤及分類。 僅限Excel檔。 + create_atleast_one_cat: 匯入前, 請先建立至少一個類別 + import_from_wp_xml: 從WordPress XML檔匯入 + top_limit: 最高設限 + for_unlimited: 歸零不設限 + click_on_submit: 點"提交"儲存變更 + approvers_list: 審核人名單 + click_set_sub_manager: 點這邊來設定這個模組的副管理者 + approver: 審核人 + approve: 通過 + feed_name: Feed 標題 + settings: 設定 + import: 匯入 / 匯出 + rssfeed: RSS 供給連結 + jsonfeed: JSON 供給連結 + feed_list: 訂閱清單 + all_articles: 文章列表 + custom_announcement: 客製公告 + approval_setting: 審核設定 + approve_custom_bulletin_fail: 審核失敗 + approve_custom_bulletin_success: 審核成功 + approval_waiting: 審核 + submitted_new_custom_announcement: 貴單位於全球資訊網有一則 %{poster} 張貼的最新消息待您審核發布, + click_here_to_see: 請您點擊以下網址,前往審核 + rejected_annoucement: 未通過您的公告審核,原因為 + updated_annoucement: 貴單位於全球資訊網有一則 %{poster} 被拒絕的最新消息已重新編輯待您審核發布, + custom_announcement_subject: 系統訊息 - 最新消息內容審核通知 + approval_mail_hi: 親愛的 %{name} 主管您好 + approval_site: 網址 + approval_custom_announcement_title: 消息標題 + custom_bulletins: 公告 + categories: 類別 + create_custom_bulletin_success: 建立公告成功 + create_custom_bulletin_category_success: 建立類別成功 + date: 起迄日期 + default_widget: + custom_bulletin_category_with_title: 公告類別及標題 + postdate: 張貼日期 + subtitle: 副標題 + title: 標題 + editing_custom_announcement: 編輯類別 + editing_custom_announcement_category: 編輯類別 + error: + no_avilb_cate_for_posting: 沒有可以張貼的類別 + file: 附加檔案 + file_description: 檔案描述 + file_description_hint: '檔案描述將會顯示在前台檔案連結的title(把滑鼠放在連結上會出現的文字)' + file_name: 檔案名稱 + frontend: + custom_bulletins: 公告前台 + search_result: 搜尋結果頁 + link_name: 連結名稱 + new_custom_bulletin_category: 新增公告類別 + picture: 刊頭圖片 + search: 搜尋 + selected_file: 選擇檔案 + update_custom_bulletin_category_success: 更新類別成功 + url: 連結位置 + widget: + custom_bulletins_and_web_links: 分眾頁籤 + index: 索引 + search: 搜尋 + more: 更多+ + more_: 更多 + email_reminder: 寄送提醒 + activate_email_reminder: 開啟寄送提醒 + email_sentdate: 寄送時間 + email_to: 寄送對象 + view_count: 瀏覽人次 + other_mailaddress: 其他Mail + other_mailaddress_note: 輸入多組mail時,請用","逗號隔開 + mail_subject: 來自【%{site_title}】的公告事件提醒 + mail_hi: 您好 + mail_url_view: 此封信件為公告事件提醒,請點選以下連結詳細觀看 + mail_source: 來源 + mail_time: 時間 + image_upload_size_note: 建議檔案小於%{image_upload_size} + resend_mail: 重新寄送提醒 + is_external_link: 連結外部網址 + external_link: 外部連結 + external_link_hint: "確定連結開頭為http://" + display_subtitle: 內容頁顯示副標題 + display_img: 內容頁顯示封面圖片 + is_display_edit_only: 只顯示可更新的公告 + only_manager_can_edit_status: 只有管理者可更新公告狀態 + layout_type: 頁面樣式 + custom_announcement_setting_for_iframe: 公告iframe設定 + url_generate: 網址生成 + show_page: 顯示頁碼 + URL: 網址 + copy: 複製 + status: + top: 重要 + hot: 熱門 + hidden: 隱藏 \ No newline at end of file diff --git a/custom_announcement/config/routes.rb b/custom_announcement/config/routes.rb new file mode 100644 index 0000000..10eb46c --- /dev/null +++ b/custom_announcement/config/routes.rb @@ -0,0 +1,59 @@ +Rails.application.routes.draw do + + locales = Site.first.in_use_locales rescue I18n.available_locales + + scope "(:locale)", locale: Regexp.new(locales.join("|")) do + namespace :admin do + post 'custom_announcement/preview', to: 'custom_announcements#preview' + post 'custom_announcement/createfeed', to: 'custom_announcements#createfeed' + post 'custom_announcement/importcustom_anns', to: 'custom_announcements#importcustom_anns' + post 'custom_announcement/import_from_xml', to: 'custom_announcements#import_from_xml' + get 'custom_announcement/excel_format', to: 'custom_announcements#excel_format' + get 'custom_announcement/export_excel', to: 'custom_announcements#export_excel' + patch 'custom_announcement/updatefeed', to: 'custom_announcements#updatefeed' + delete 'custom_announcement/deletefeed', to: 'custom_announcements#deletefeed' + get 'custom_announcement/destroy_preview/:slug_title-:uid', to: 'custom_announcements#destroy_preview' + post 'custom_announcement/approve_custom_bulletin', to: 'custom_announcements#approve_custom_bulletin' + get 'custom_announcement/feed', to: 'custom_announcements#feed' + get 'custom_announcements/feedform', to: 'custom_announcements#feedform' + get 'custom_announcement/settings', to: 'custom_announcements#settings' + get 'custom_announcement/import', to: 'custom_announcements#import' + post 'custom_announcement/createsettings', to: 'custom_announcements#createsettings' + patch 'custom_announcement/updatesettings', to: 'custom_announcements#updatesettings' + post 'custom_announcement/import_from_wp', to: 'custom_announcements#import_from_wp' + post 'custom_announcement/generate_iframe_url' => 'custom_announcements#generate_iframe_url' + resources :custom_announcements do + collection do + get "/:custom_module-:bind_uid" => "custom_announcements#index" + get "/:custom_module-:bind_uid/new" => "custom_announcements#new" + get "/:custom_module-:bind_uid/:id/edit" => "custom_announcements#edit" + delete "/:custom_module-:bind_uid/:id/destroy" => "custom_announcements#destroy" + get '/:custom_module-:bind_uid/:id/comment'=> 'custom_announcements#comment' + + get "/:custom_module" => "custom_announcements#index" + get "/:custom_module/new" => "custom_announcements#new" + get "/:custom_module/:id/edit" => "custom_announcements#edit" + delete "/:custom_module/:id/destroy" => "custom_announcements#destroy" + get '/:custom_module/:id/comment'=> 'custom_announcements#comment' + end + end + get 'custom_announcements/:id/comment'=> 'custom_announcements#comment' + get 'annc-comment-hidden/:id' => 'custom_announcements#comment_hidden' + end + + resources :custom_announcements do + collection do + get ':slug_title-:uid', to: 'custom_announcements#show', as: :display + end + end + + get "/xhr/custom_announcements/feed/:uid" => "custom_announcement_feeds#feed" + get "/xhr/custom_announcements/rssfeed/:uid" => "custom_announcement_feeds#rssfeed" + get "/xhr/custom_announcements/feeds" => "custom_announcement_feeds#feeds" + get '/xhr/custom_announcements/custom_announcement.json', to: 'custom_bulletins#get_custom_bulletins' + get '/xhr/panel/custom_announcement/widget/sync_data' => 'custom_announcements#show_widget' + get '/xhr/custom_announcements/:slug_title-:uid/comment', to: 'custom_announcements#comment' + get '/xhr/custom_announcements/file/:id/*f_name' => 'custom_announcements#get_file' + end + +end diff --git a/custom_announcement/custom_announcement.gemspec b/custom_announcement/custom_announcement.gemspec new file mode 100644 index 0000000..0a60965 --- /dev/null +++ b/custom_announcement/custom_announcement.gemspec @@ -0,0 +1,37 @@ +# encoding: UTF-8 +$:.push File.expand_path("../lib", __FILE__) + +# Maintain your gem's version: +require "custom_announcement/version" +require 'json' +bundle_update_flag = ARGV[0]=='update' || ARGV[0]=='install' +if bundle_update_flag + env_pwd = ENV['PWD'] + app_path = File.expand_path(__dir__) + template_path = env_pwd + '/app/templates' + all_template = Dir.glob(template_path+'/*/') + all_template.each do |folder| + if !folder.include?('mobile') + if Dir.exist?("#{folder}modules/") + Bundler.with_clean_env{system ('cp -r '+ app_path + '/modules/ ' + folder)} + end + end + end +end +# Describe your gem and declare its dependencies: +Gem::Specification.new do |s| + s.name = "custom_announcement" + s.version = CustomAnnouncement::VERSION + s.authors = ["RulingDigital"] + s.email = ["bohung@rulingcom.com"] + s.homepage = "http://www.rulingcom.com" + s.summary = "CustomAnnouncements for Orbit" + s.description = "CustomAnnouncements for Orbit" + s.license = "MIT" + + s.files = Dir["{app,config,db,lib}/**/*", "MIT-LICENSE", "Rakefile", "README.rdoc"] + s.test_files = Dir["test/**/*"] + + s.add_dependency "rufus-scheduler", "~> 3.6.0" + s.add_dependency "mimemagic" , "0.3.9" +end diff --git a/custom_announcement/lib/custom_announcement.rb b/custom_announcement/lib/custom_announcement.rb new file mode 100644 index 0000000..2bbb27f --- /dev/null +++ b/custom_announcement/lib/custom_announcement.rb @@ -0,0 +1,4 @@ +require "custom_announcement/engine" +module CustomAnnouncement + +end diff --git a/custom_announcement/lib/custom_announcement/engine.rb b/custom_announcement/lib/custom_announcement/engine.rb new file mode 100644 index 0000000..cc93985 --- /dev/null +++ b/custom_announcement/lib/custom_announcement/engine.rb @@ -0,0 +1,153 @@ +require "yaml" +module CustomAnnouncement + class Engine < ::Rails::Engine + initializer "custom_announcement" do + begin + translate_data = Dir["#{CustomAnnouncement::Engine.root}/config/locales/*.yml"] .map{|yaml_file| YAML.load(File.read(yaml_file))} + data = {} + key1 = {} + key2 = {} + key3 = {} + key4 = {} + key1_attr = [] + key2_attr = [] + key3_attr = [] + key4_attr = [] + data_item = {} + key_item1 = {} + key_item2 = {} + key_item3 = {} + value_item1 = {} + value_item2 = {} + value_item3 = {} + value2_item1 = {} + value2_item2 = {} + key1_options = ['small_size','medium_size','orignal_size'] + key2_options = ['not_enable_tabs','enable_tabs_with_categories_include_all','enable_tabs_with_categories'] + key3_options = ['default','upper_left','lower_left','upper_right','lower_right'] + key4_options = ['the_same_as_data_count','display_all_in_other_tabs'] + key1_options.each_with_index do |k,i| + key1_attr[i] = {} + end + key2_options.each_with_index do |k,i| + key2_attr[i] = {} + end + key3_options.each_with_index do |k,i| + key3_attr[i] = {} + end + key4_options.each_with_index do |k,i| + key4_attr[i] = {} + end + translate_data.each do |t_data| + v = t_data.values + k = t_data.keys[0] + key1[k] = v[0]['custom_announcement']['picture_showing_size'] + key2[k] = v[0]['custom_announcement']['tabs_options'] + key3[k] = v[0]['custom_announcement']['read_more_position_options'] + key4[k] = v[0]['custom_announcement']['all_tabs_setting'] + key1_options.each_with_index do |kk,i| + key1_attr[i][k] = v[0]['custom_announcement'][kk] + end + key2_options.each_with_index do |kk,i| + key2_attr[i][k] = v[0]['custom_announcement'][kk] + end + key3_options.each_with_index do |kk,i| + key3_attr[i][k] = v[0]['custom_announcement'][kk] + end + key4_options.each_with_index do |kk,i| + key4_attr[i][k] = v[0]['custom_announcement'][kk] + end + key_item1[k] = v[0]['custom_announcement']['showing_back_and_next'] + key_item2[k] = v[0]['custom_announcement']['enable_search'] + value_item1[k] = v[0]['custom_announcement']['not_show'] + value_item2[k] = v[0]['custom_announcement']['show_bottom'] + value_item3[k] = v[0]['custom_announcement']['show_top'] + value2_item1[k] = v[0]['custom_announcement']['no'] + value2_item2[k] = v[0]['custom_announcement']['yes'] + end + data[key1] = key1_attr + data[key2] = key2_attr + data[key3] = key3_attr + data[key4] = key4_attr + data_item[key_item1] = [value_item1,value_item2,value_item3] + data_item[key_item2] = [value2_item1,value2_item2] + require File.expand_path('../../../app/models/custom_anns_cache', __FILE__) + if defined? CustomAnnsCache + CustomAnnsCache.destroy_all + end + rescue => e + puts ['error in custom_announcement',e] + end + OrbitApp.registration "CustomAnnouncement", :type => "ModuleApp" do + module_label "custom_announcement.custom_announcement" + base_url File.expand_path File.dirname(__FILE__) + widget_methods ["widget","random_custom_announcement_widget", "tag_cloud"] + widget_settings [{"data_count"=>30,"enable_custom_widget_data"=>true}] + taggable "CustomBulletin" + categorizable + authorizable + frontend_enabled + feeds_url "/xhr/custom_announcements/feeds" + data_count 1..30 + begin + show_options data + show_option_items data_item + rescue => e + puts ['there_was_no_show_option_method',e] + end + side_bar do + head_label_i18n 'custom_announcement.custom_announcement', icon_class: "icons-megaphone" + available_for "users" + active_for_controllers (['admin/custom_announcements']) + head_link_path "admin_custom_announcements_path" + + context_link 'custom_announcement.all_articles', + :link_path=>"admin_custom_announcements_path" , + :priority=>1, + :active_for_action=>{'admin/custom_announcements'=>'index'}, + :available_for => 'users' + # context_link 'new_', + # :link_path=>"new_admin_custom_announcement_path" , + # :priority=>2, + # :active_for_action=>{'admin/custom_announcements'=>'new'}, + # :available_for => 'sub_managers' + context_link 'categories', + :link_path=>"admin_module_app_categories_path" , + :link_arg=>"{:module_app_id=>ModuleApp.find_by(:key=>'custom_announcement').id}", + :priority=>3, + :active_for_action=>{'admin/custom_announcements'=>'categories'}, + :active_for_category => 'CustomAnnouncement', + :available_for => 'managers' + context_link 'tags', + :link_path=>"admin_module_app_tags_path" , + :link_arg=>"{:module_app_id=>ModuleApp.find_by(:key=>'custom_announcement').id}", + :priority=>4, + :active_for_action=>{'admin/custom_announcements'=>'tags'}, + :active_for_tag => 'CustomAnnouncement', + :available_for => 'managers' + context_link 'custom_announcement.feed_list', + :link_path=>"admin_custom_announcement_feed_path" , + :priority=>5, + :active_for_action=>{'admin/custom_announcements'=>'feed'}, + :available_for => 'managers' + context_link 'custom_announcement.import', + :link_path=>"admin_custom_announcement_import_path" , + :priority=>6, + :active_for_action=>{'admin/custom_announcements'=>'import'}, + :available_for => 'managers' + context_link 'custom_announcement.settings', + :link_path=>"admin_custom_announcement_settings_path" , + :priority=>6, + :active_for_action=>{'admin/custom_announcements'=>'settings'}, + :available_for => 'managers' + end + + end + # temp = YAML.load_file(File.join(Rails.root,"config","mongoid.yml")) + # dbsettings = temp["production"]["sessions"]["default"] + # s = Moped::Session.new(dbsettings["hosts"]) + # s.use dbsettings["database"] + # s[:custom_bulletins].indexes.create({expirable_created_at: 1},{ expireAfterSeconds: 180 }) + end + end +end \ No newline at end of file diff --git a/custom_announcement/lib/custom_announcement/version.rb b/custom_announcement/lib/custom_announcement/version.rb new file mode 100644 index 0000000..ca643c0 --- /dev/null +++ b/custom_announcement/lib/custom_announcement/version.rb @@ -0,0 +1,3 @@ +module CustomAnnouncement + VERSION = "0.0.1" +end diff --git a/custom_announcement/lib/custom_bulletin_model/cache.rb b/custom_announcement/lib/custom_bulletin_model/cache.rb new file mode 100644 index 0000000..4f9c84d --- /dev/null +++ b/custom_announcement/lib/custom_bulletin_model/cache.rb @@ -0,0 +1,20 @@ +module CustomBulletinModel + module Cache + require 'active_support/concern' + extend ActiveSupport::Concern + included do + before_save :do_before_save + end + def do_before_save + if self.class == SubPart + CustomAnnsCache.where(parent_id:self.id).destroy + elsif self.class == CustomBulletin || (self.class == Page && self.module == "custom_announcement") + if self.class == CustomBulletin + tmp_tag_ids = (Array(self.tag_ids) + Array(self.org_tag_ids)).uniq + CustomBulletinFeedCache.where(:uid.in => CustomBulletinFeed.where(:tag_ids.in => tmp_tag_ids.collect{|v| v.to_s}).pluck(:uid)).destroy + end + CustomAnnsCache.all.destroy + end + end + end +end \ No newline at end of file diff --git a/custom_announcement/lib/tasks/custom_bulletin_tasks.rake b/custom_announcement/lib/tasks/custom_bulletin_tasks.rake new file mode 100644 index 0000000..e7b7693 --- /dev/null +++ b/custom_announcement/lib/tasks/custom_bulletin_tasks.rake @@ -0,0 +1,8 @@ +desc 'Remove duplicated custom_bulletins (custom_announcements) created by preview' + +namespace :custom_bulletin do + task :remove_preview_custom_bulletins => [:environment] do + custom_bulletins = CustomBulletin.where(is_preview: true) + custom_bulletins.destroy_all + end +end diff --git a/custom_announcement/modules/custom_announcement/_annc_widget1.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget1.html.erb new file mode 100644 index 0000000..7874f6a --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget1.html.erb @@ -0,0 +1,32 @@ + diff --git a/custom_announcement/modules/custom_announcement/_annc_widget10.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget10.html.erb new file mode 100644 index 0000000..8f355bb --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget10.html.erb @@ -0,0 +1,22 @@ + diff --git a/custom_announcement/modules/custom_announcement/_annc_widget11.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget11.html.erb new file mode 100644 index 0000000..8cb505b --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget11.html.erb @@ -0,0 +1,21 @@ + diff --git a/custom_announcement/modules/custom_announcement/_annc_widget12.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget12.html.erb new file mode 100644 index 0000000..c28572a --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget12.html.erb @@ -0,0 +1,27 @@ + \ No newline at end of file diff --git a/custom_announcement/modules/custom_announcement/_annc_widget13.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget13.html.erb new file mode 100644 index 0000000..8c84f35 --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget13.html.erb @@ -0,0 +1,27 @@ + \ No newline at end of file diff --git a/custom_announcement/modules/custom_announcement/_annc_widget14.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget14.html.erb new file mode 100644 index 0000000..e80bd4e --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget14.html.erb @@ -0,0 +1,29 @@ + diff --git a/custom_announcement/modules/custom_announcement/_annc_widget15.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget15.html.erb new file mode 100644 index 0000000..7d7dc70 --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget15.html.erb @@ -0,0 +1,162 @@ + + + diff --git a/custom_announcement/modules/custom_announcement/_annc_widget16.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget16.html.erb new file mode 100644 index 0000000..e8f44b7 --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget16.html.erb @@ -0,0 +1,47 @@ + diff --git a/custom_announcement/modules/custom_announcement/_annc_widget17.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget17.html.erb new file mode 100644 index 0000000..f89b735 --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget17.html.erb @@ -0,0 +1,31 @@ + \ No newline at end of file diff --git a/custom_announcement/modules/custom_announcement/_annc_widget18.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget18.html.erb new file mode 100644 index 0000000..059e48d --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget18.html.erb @@ -0,0 +1,86 @@ + + + \ No newline at end of file diff --git a/custom_announcement/modules/custom_announcement/_annc_widget2.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget2.html.erb new file mode 100644 index 0000000..ac0e8b9 --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget2.html.erb @@ -0,0 +1,34 @@ + diff --git a/custom_announcement/modules/custom_announcement/_annc_widget3.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget3.html.erb new file mode 100644 index 0000000..1dd7f21 --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget3.html.erb @@ -0,0 +1,34 @@ + diff --git a/custom_announcement/modules/custom_announcement/_annc_widget4.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget4.html.erb new file mode 100644 index 0000000..1c00e14 --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget4.html.erb @@ -0,0 +1,107 @@ + + + diff --git a/custom_announcement/modules/custom_announcement/_annc_widget5.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget5.html.erb new file mode 100644 index 0000000..836d1ee --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget5.html.erb @@ -0,0 +1,31 @@ + diff --git a/custom_announcement/modules/custom_announcement/_annc_widget6.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget6.html.erb new file mode 100644 index 0000000..78d2489 --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget6.html.erb @@ -0,0 +1,26 @@ + diff --git a/custom_announcement/modules/custom_announcement/_annc_widget7.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget7.html.erb new file mode 100644 index 0000000..f229ae5 --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget7.html.erb @@ -0,0 +1,26 @@ + diff --git a/custom_announcement/modules/custom_announcement/_annc_widget8.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget8.html.erb new file mode 100644 index 0000000..d251900 --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget8.html.erb @@ -0,0 +1,29 @@ + \ No newline at end of file diff --git a/custom_announcement/modules/custom_announcement/_annc_widget9.html.erb b/custom_announcement/modules/custom_announcement/_annc_widget9.html.erb new file mode 100644 index 0000000..008b072 --- /dev/null +++ b/custom_announcement/modules/custom_announcement/_annc_widget9.html.erb @@ -0,0 +1,29 @@ + \ No newline at end of file diff --git a/custom_announcement/modules/custom_announcement/annc_index1.html.erb b/custom_announcement/modules/custom_announcement/annc_index1.html.erb new file mode 100644 index 0000000..9623c45 --- /dev/null +++ b/custom_announcement/modules/custom_announcement/annc_index1.html.erb @@ -0,0 +1,25 @@ +{{category-head}} | +{{title-head}} | +{{date-head}} | +
---|---|---|
{{category}} | ++ + {{status}} + + {{title}} + | +{{postdate}} | +
{{title-head}} | +{{date-head}} | +
---|---|
+ + {{status}} + + {{title}} + | +{{postdate}} | +
{{date-head}} | +{{title-head}} | +
---|---|
{{postdate}} | ++ + {{status}} + + {{title}} + | +
{{date-head}} | +{{title-head}} | +{{view-count-head}} | +
---|---|---|
{{postdate}} | ++ + {{status}} + + {{title}} + | +{{view_count}} | +
{{date-head}} | +{{title-head}} | +{{link-head}} | +{{file-head}} | +
---|---|---|---|
{{postdate}} | ++ + {{status}} + + {{title}} + | +
+
|
+
+
|
+
{{category-head}} | +{{title-head}} | +{{date-head}} | +{{department-head}} | +
---|---|---|---|
{{category}} | ++ + {{status}} + + {{title}} + | +{{postdate}} | +{{department}} | +
{{category-head}} | +{{title-head}} | +{{date-head}} | +{{view-count-head}} | +
---|---|---|---|
{{category}} | ++ + {{status}} + + {{title}} + | +{{postdate}} | +{{view_count}} | +
{{date-head}} | +{{title-head}} | +{{category-head}} | +
---|---|---|
{{postdate}} | ++ + {{status}} + + {{title}} + | +{{category}} | +
{{date-head}} | +{{title-head}} | +{{category-head}} | +{{view-count-head}} | +
---|---|---|---|
{{postdate}} | ++ + {{status}} + + {{title}} + | +{{category}} | +{{view_count}} | +
{{subtitle}}
+{{subtitle}}
+{{subtitle}}
+{{subtitle}}
+You may have mistyped the address or the page may have moved.
+If you are the application owner check the logs for more information.
+Maybe you tried to change something you didn't have access to.
+If you are the application owner check the logs for more information.
+If you are the application owner check the logs for more information.
+" + currentPic.image.description + "
"); + if(currentPic.image.description == null){ + gt.descriptionArea.addClass("hide"); + }else{ + gt.descriptionArea.removeClass("hide"); + } + if (direction!=null){ + calculateHeight(gt.imageContainer.find(".gal-active")); + } + gt.thumbStrip.find("li.active").removeClass("active"); + gt.thumbStrip.find("li[data-index=" + currentPic.index + "]").addClass("active"); + + setStripToCenter(); + setNextPic(); + setPrevPic(); + } + + var calculateHeight = function(img){ + var h = 0, + w = 0, + new_width = 0; + if(!Modernizr.touch){ + if(typeof currentPic.image.height == "undefined"){ + h = img.height(); + currentPic.image.height = h; + w = img.width(); + currentPic.image.width = w; + }else{ + h = currentPic.image.height; + w = currentPic.image.width; + } + }else{ + h = img.height(); + w = img.width(); + } + if(h > (windowHeight - 150)){ + new_width = Math.round((windowHeight - 100) * w / h); + new_width = (new_width / windowWidth) * 100; + img.width(new_width + "%"); + }else{ + if(windowWidth < 770){ + img.width("90%"); + }else{ + img.width("65%"); + } + } + if (typeof set_custom_gallery_height != 'undefined'){ + set_custom_gallery_height(widget) + } + } + + var setStripToCenter = function(){ + left = (windowWidth / 2) - (66 * currentPic.index); + gt.thumbStrip.css("left",left + "px"); + } + + var setNextPic = function(){ + gt.imageContainer.find(".gal-next.temp").remove() + if(gt.hasNextImage()) { + var obj = gt.custom_albumData.images[currentPic.index + 1], + nextImg = $(""); + nextImg.attr("src",obj.file.theater.url); + nextImg.hide(); + gt.imageContainer.append(nextImg); + nextImg.on("load",function(){ + calculateHeight(nextImg); + nextPicLoading = 1; + nextImg.fadeIn(100); + }) + }else{ + nextPicLoading = 1; + } + } + + var setPrevPic = function(){ + gt.imageContainer.find(".gal-prev.temp").remove() + if(gt.hasPreviousImage()) { + var obj = gt.custom_albumData.images[currentPic.index - 1], + prevImg = $(""); + prevImg.attr("src",obj.file.theater.url); + prevImg.hide(); + gt.imageContainer.prepend(prevImg); + prevImg.on("load",function(){ + calculateHeight(prevImg); + prevPicLoading = 1; + prevImg.fadeIn(100); + }) + }else{ + prevPicLoading = 1; + } + } + + var l = function(x){ + console.log(x) + } + + initialize(); +} +if (typeof bind_custom_gallery_widget_slide == 'undefined'){ + function set_custom_gallery_height(widget){ + var h = widget.find('.custom_gallery-thumb-container').height()+widget.find('.custom_gallery-image.gal-active').height()+widget.find('.custom_gallery-actions').height()+widget.find('.theaterButton').height()+20 + widget.find('.show-custom_gallery-2.custom_gallery').css('height',h) + } + var bind_custom_gallery_widget_slide = function(){ + $('.widget-custom_gallery.widget5').each(function(){ + CustomGalleryTheaterWidget($(this)); + $(window).resize(function(){ + set_custom_gallery_height($(this)) + }); + }) + } + $(document).ready(function(){ + bind_custom_gallery_widget_slide() + }) +} + +// custom_gallery-image gal-prev gal-inactive \ No newline at end of file diff --git a/custom_gallery/app/assets/javascripts/theater_bak.js b/custom_gallery/app/assets/javascripts/theater_bak.js new file mode 100644 index 0000000..dcc64b2 --- /dev/null +++ b/custom_gallery/app/assets/javascripts/theater_bak.js @@ -0,0 +1,261 @@ +var CustomGalleryTheater = function(){ + var gt = this, + currentPic = {}, + windowHeight = 0, + windowWidth = 0; + gt.stage = null; + gt.closeBtn = null; + gt.mainStageImage = null; + gt.prevStageImage = null; + gt.nextStageImage = null; + gt.custom_albumData = {}; + gt.thumbStrip = null; + gt.isTheaterInitialized = false; + + var initialize = function(){ + gt.stage = $("#custom_gallery-theater-stage"); + gt.closeBtn = gt.stage.find(".custom_gallery-close"); + gt.switchBtn = gt.stage.find(".custom_gallery-theme-switch"); + gt.mainStageImage = gt.stage.find(".gal-active"); + gt.prevStageImage = gt.stage.find(".gal-prev"); + gt.nextStageImage = gt.stage.find(".gal-next"); + gt.thumbStrip = gt.stage.find(".custom_gallery-thumb-wrap"); + windowHeight = $(window).height(); + windowWidth = $(window).width(); + bindHandler(); + if(window.location.hash != "" && window.location.hash != "#"){ + var id = window.location.hash.split("#")[1]; + gt.createTheater("/xhr/custom_galleries/theater/" + id); + } + } + + var bindHandler = function(){ + // handler to close the theater + gt.closeBtn.on("click",function(){ + gt.destroyTheater(); + }) + + // handler to show theater + $("div[data-list=images] a").on("click",function(){ + gt.createTheater($(this).attr("href")); + return false; + }) + + // handler to show next image + gt.nextStageImage.on("click",function(){ + if($(this).attr("src") != "#"){ + gt.nextPic(); + } + }) + // handler to show prev image + gt.prevStageImage.on("click",function(){ + if($(this).attr("src") != "#"){ + gt.previousPic(); + } + }) + + // handler to go to next image on center image click + gt.mainStageImage.on("click",gt.nextPic); + + gt.switchBtn.on("click", function() { + var themeWhiteKlass = "theme-white", + nightKlass = "fa fa-circle", + dayKlass = "fa fa-circle-o", + $body = $("body"); + + if (!$(this).hasClass(themeWhiteKlass)) { + $(this) + .addClass(themeWhiteKlass) + .find("i") + .attr("class", dayKlass); + + $body.addClass(themeWhiteKlass); + + } else { + $(this) + .removeClass(themeWhiteKlass) + .find("i") + .attr("class", nightKlass); + + $body.removeClass(themeWhiteKlass); + + } + + }); + + //handler for window resize + $(window).resize(function(){ + windowHeight = $(window).height(); + windowWidth = $(window).width(); + }) + } + + var bindKeyHandlers = function(){ + $(document).on("keyup",function(e){ + switch(e.keyCode){ + case 39: + gt.nextPic(); + break; + case 37: + gt.previousPic(); + break; + case 27: + gt.destroyTheater(); + break; + } + }) + } + + var unBindKeyHandlers = function(){ + $(document).unbind("keypress"); + } + + gt.destroyTheater = function(){ + gt.stage.hide(); + $("body").removeClass("custom_gallery-mode-on"); + unBindKeyHandlers(); + window.location.hash = ""; + } + + gt.createTheater = function(link){ + gt.stage.show(); + $("body").addClass("custom_gallery-mode-on"); + bindKeyHandlers(); + if(!gt.isTheaterInitialized){ + $.ajax({ + url : link, + dataType : "json", + type : "get" + }).done(function(data){ + gt.custom_albumData = data.data; + var cp = gt.custom_albumData.images.filter(function(x){return x._id == gt.custom_albumData.image})[0]; + currentPic = {"image" : cp, "index" : gt.custom_albumData.images.indexOf(cp)}; + createThumbStrip(); + }) + }else{ + var id = link.split("/")[4], + cp = gt.custom_albumData.images.filter(function(x){return x._id == id})[0]; + currentPic = {"image" : cp, "index" : gt.custom_albumData.images.indexOf(cp)}; + createThumbStrip(); + } + } + + gt.nextPic = function(){ + if((currentPic.index + 1) <= (gt.custom_albumData.images.length - 1)){ + currentPic.image = gt.custom_albumData.images[currentPic.index + 1]; + currentPic.index = currentPic.index + 1; + setMainPic(); + } + } + + gt.previousPic = function(){ + if(currentPic.index > 0) { + currentPic.image = gt.custom_albumData.images[currentPic.index - 1]; + currentPic.index = currentPic.index - 1; + setMainPic(); + } + } + + var createThumbStrip = function(){ + if(!gt.isTheaterInitialized){ + $.each(gt.custom_albumData.images,function(index, image){ + var li = $(""), + a = $(""), + img = $(""); + a.on("click",function(){ + currentPic.image = gt.custom_albumData.images[index]; + currentPic.index = index; + setMainPic(); + return false; + }) + img.attr("src",image.file.thumb.url); + img.attr("alt",image.alt_title); + li.attr("data-index",index); + a.append(img); + li.append(a); + gt.thumbStrip.append(li); + }) + gt.isTheaterInitialized = true; + } + setMainPic(); + } + + var setMainPic = function(){ + var obj = currentPic.image; + gt.mainStageImage.fadeOut(100,function(){ + gt.mainStageImage.attr("src",obj.file.theater.url); + gt.mainStageImage.attr("alt",obj.alt_title); + gt.mainStageImage.one("load",function(){ + var h = 0, + w = 0, + new_width = 0; + if(typeof currentPic.image.height == "undefined"){ + h = gt.mainStageImage.height(); + currentPic.image.height = h; + w = gt.mainStageImage.width(); + currentPic.image.width = w; + }else{ + h = currentPic.image.height; + w = currentPic.image.width; + } + if(h > (windowHeight - 100)){ + new_width = Math.round((windowHeight - 100) * w / h); + new_width = (new_width / windowWidth) * 100; + gt.mainStageImage.width(new_width + "%"); + }else{ + if(windowWidth < 770){ + gt.mainStageImage.width("90%"); + }else{ + gt.mainStageImage.width("65%"); + } + } + gt.mainStageImage.fadeIn(100); + }) + }); + gt.thumbStrip.find("li.active").removeClass("active"); + gt.thumbStrip.find("li[data-index=" + currentPic.index + "]").addClass("active"); + changeUrl(); + setNextPic(); + setPrevPic(); + } + + var changeUrl = function(){ + window.location.hash = currentPic.image._id + } + + var setNextPic = function(){ + gt.nextStageImage.attr("src","#"); + if((currentPic.index + 1) <= (gt.custom_albumData.images.length - 1)) { + gt.nextStageImage.hide(); + var obj = gt.custom_albumData.images[currentPic.index + 1]; + gt.nextStageImage.attr("src",obj.file.theater.url); + gt.nextStageImage.on("load",function(){ + gt.nextStageImage.show(); + }); + }else{ + gt.nextStageImage.hide(); + } + } + + var setPrevPic = function(){ + gt.prevStageImage.attr("src","#"); + if(currentPic.index > 0) { + gt.prevStageImage.hide(); + var obj = gt.custom_albumData.images[currentPic.index - 1]; + gt.prevStageImage.attr("src",obj.file.theater.url); + gt.prevStageImage.on("load",function(){ + gt.prevStageImage.show(); + }); + }else{ + gt.prevStageImage.hide(); + } + } + + var l = function(x){ + console.log(x) + } + + $(document).ready(function(){ + initialize(); + }) +} \ No newline at end of file diff --git a/custom_gallery/app/assets/javascripts/upload.js b/custom_gallery/app/assets/javascripts/upload.js new file mode 100644 index 0000000..efaf107 --- /dev/null +++ b/custom_gallery/app/assets/javascripts/upload.js @@ -0,0 +1,39 @@ +//https://github.com/blueimp/jQuery-File-Upload + +$(function () { + + 'use strict'; + // Initialize the jQuery File Upload widget: + $('#fileupload').fileupload({ + acceptFileTypes:/(\.|\/)(jpe?g|png)$/i, + headers:{ + 'X-CSRF-Token': $('meta[name="csrf-token"]').attr("content") + } + }); + $('#fileupload').bind("fileuploadadd",function(e,data){$(".fileupload-content").css("background-image","none");}) + // Load existing files: +/* $.getJSON($('#fileupload form').prop('action'),{custom_albumid:pagevars['id']}, function (files) { + var fu = $('#fileupload').data('fileupload'); + fu._adjustMaxNumberOfFiles(-files.length); + fu._renderDownload(files) + .appendTo($('#fileupload .files')) + .fadeIn(function () { + // Fix for IE7 and lower: + $(this).show(); + }); + }); +*/ + // Open download dialogs via iframes, + // to prevent aborting current uploads: + $('#fileupload .files').delegate( + 'a:not([target^=_blank])', + 'click', + function (e) { + e.preventDefault(); + $('') + .prop('src', this.href) + .appendTo('body'); + } + ); + +}); \ No newline at end of file diff --git a/custom_gallery/app/assets/stylesheets/cropper.css b/custom_gallery/app/assets/stylesheets/cropper.css new file mode 100644 index 0000000..6c5dee5 --- /dev/null +++ b/custom_gallery/app/assets/stylesheets/cropper.css @@ -0,0 +1,304 @@ +/*! + * Cropper.js v1.5.5 + * https://fengyuanchen.github.io/cropperjs + * + * Copyright 2015-present Chen Fengyuan + * Released under the MIT license + * + * Date: 2019-08-04T02:26:27.232Z + */ + +.cropper-container { + direction: ltr; + font-size: 0; + line-height: 0; + position: relative; + -ms-touch-action: none; + touch-action: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.cropper-container img { + display: block; + height: 100%; + image-orientation: 0deg; + max-height: none !important; + max-width: none !important; + min-height: 0 !important; + min-width: 0 !important; + width: 100%; +} + +.cropper-wrap-box, +.cropper-canvas, +.cropper-drag-box, +.cropper-crop-box, +.cropper-modal { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} + +.cropper-wrap-box, +.cropper-canvas { + overflow: hidden; +} + +.cropper-drag-box { + background-color: #fff; + opacity: 0; +} + +.cropper-modal { + background-color: #000; + opacity: 0.5; +} + +.cropper-view-box { + display: block; + height: 100%; + outline: 1px solid #39f; + outline-color: rgba(51, 153, 255, 0.75); + overflow: hidden; + width: 100%; +} + +.cropper-dashed { + border: 0 dashed #eee; + display: block; + opacity: 0.5; + position: absolute; +} + +.cropper-dashed.dashed-h { + border-bottom-width: 1px; + border-top-width: 1px; + height: calc(100% / 3); + left: 0; + top: calc(100% / 3); + width: 100%; +} + +.cropper-dashed.dashed-v { + border-left-width: 1px; + border-right-width: 1px; + height: 100%; + left: calc(100% / 3); + top: 0; + width: calc(100% / 3); +} + +.cropper-center { + display: block; + height: 0; + left: 50%; + opacity: 0.75; + position: absolute; + top: 50%; + width: 0; +} + +.cropper-center::before, +.cropper-center::after { + background-color: #eee; + content: ' '; + display: block; + position: absolute; +} + +.cropper-center::before { + height: 1px; + left: -3px; + top: 0; + width: 7px; +} + +.cropper-center::after { + height: 7px; + left: 0; + top: -3px; + width: 1px; +} + +.cropper-face, +.cropper-line, +.cropper-point { + display: block; + height: 100%; + opacity: 0.1; + position: absolute; + width: 100%; +} + +.cropper-face { + background-color: #fff; + left: 0; + top: 0; +} + +.cropper-line { + background-color: #39f; +} + +.cropper-line.line-e { + cursor: ew-resize; + right: -3px; + top: 0; + width: 5px; +} + +.cropper-line.line-n { + cursor: ns-resize; + height: 5px; + left: 0; + top: -3px; +} + +.cropper-line.line-w { + cursor: ew-resize; + left: -3px; + top: 0; + width: 5px; +} + +.cropper-line.line-s { + bottom: -3px; + cursor: ns-resize; + height: 5px; + left: 0; +} + +.cropper-point { + background-color: #39f; + height: 5px; + opacity: 0.75; + width: 5px; +} + +.cropper-point.point-e { + cursor: ew-resize; + margin-top: -3px; + right: -3px; + top: 50%; +} + +.cropper-point.point-n { + cursor: ns-resize; + left: 50%; + margin-left: -3px; + top: -3px; +} + +.cropper-point.point-w { + cursor: ew-resize; + left: -3px; + margin-top: -3px; + top: 50%; +} + +.cropper-point.point-s { + bottom: -3px; + cursor: s-resize; + left: 50%; + margin-left: -3px; +} + +.cropper-point.point-ne { + cursor: nesw-resize; + right: -3px; + top: -3px; +} + +.cropper-point.point-nw { + cursor: nwse-resize; + left: -3px; + top: -3px; +} + +.cropper-point.point-sw { + bottom: -3px; + cursor: nesw-resize; + left: -3px; +} + +.cropper-point.point-se { + bottom: -3px; + cursor: nwse-resize; + height: 20px; + opacity: 1; + right: -3px; + width: 20px; +} + +@media (min-width: 768px) { + .cropper-point.point-se { + height: 15px; + width: 15px; + } +} + +@media (min-width: 992px) { + .cropper-point.point-se { + height: 10px; + width: 10px; + } +} + +@media (min-width: 1200px) { + .cropper-point.point-se { + height: 5px; + opacity: 0.75; + width: 5px; + } +} + +.cropper-point.point-se::before { + background-color: #39f; + bottom: -50%; + content: ' '; + display: block; + height: 200%; + opacity: 0; + position: absolute; + right: -50%; + width: 200%; +} + +.cropper-invisible { + opacity: 0; +} + +.cropper-bg { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC'); +} + +.cropper-hide { + display: block; + height: 0; + position: absolute; + width: 0; +} + +.cropper-hidden { + display: none !important; +} + +.cropper-move { + cursor: move; +} + +.cropper-crop { + cursor: crosshair; +} + +.cropper-disabled .cropper-drag-box, +.cropper-disabled .cropper-face, +.cropper-disabled .cropper-line, +.cropper-disabled .cropper-point { + cursor: not-allowed; +} diff --git a/custom_gallery/app/assets/stylesheets/custom_gallery.css b/custom_gallery/app/assets/stylesheets/custom_gallery.css new file mode 100644 index 0000000..904cb52 --- /dev/null +++ b/custom_gallery/app/assets/stylesheets/custom_gallery.css @@ -0,0 +1,554 @@ +#orbit_custom_gallery { + margin: 0; + padding: 0 0 10px; + list-style: none; +} +#orbit_custom_gallery .rgcustom_album { + position: relative; + float: left; + margin: 5px; + padding: 5px; + width: 200px; + background: #FFFFFF; + overflow: hidden; + -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1); + -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1); + box-shadow: 0px 0px 5px rgba(0, 0, 0, .1); + -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1); + -webkit-transition-property: left, right, top; + -moz-transition-property: left, right, top; + -ms-transition-property: left, right, top; + -o-transition-property: left, right, top; + transition-property: left, right, top; +} +#orbit_custom_gallery .rgcustom_album:hover { + box-shadow: 0px 0px 5px rgba(0,0,0,.2); +} +#orbit_custom_gallery .rgcustom_album > a { + position: relative; + display: block; + overflow: hidden; + margin: 0 0 10px; + width: 200px; + height: 200px; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + -o-transition: all .2s linear; + transition: all .2s linear; +} +#orbit_custom_gallery .rgcustom_album a img { + max-width: none; +} +#orbit_custom_gallery .rgcustom_album:hover a img { + -webkit-filter: blur(2px); +} +#orbit_custom_gallery .rgcustom_album > a:after { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: block; + margin: 0; + background-color: #000000; + opacity: .0; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + -o-transition: all .2s linear; + transition: all .2s linear; +} +#orbit_custom_gallery .rgcustom_album:hover a:after { + opacity: .4; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter: alpha(opacity=40); +} +#orbit_custom_gallery .rgcustom_album a .custom_albumname { + position: absolute; + bottom: 0; + margin: 0; + padding: 10px; + color: #F2F2F2; + text-shadow: 0px -1px 0 rgba(0,0,0,0.4); + letter-spacing: -0.5px; + font-size: 30px; + font-family: 'Playfair Display SC', sans-serif; + line-height: 28px; + z-index: 1; + opacity: .0; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + -o-transition: all .2s linear; + transition: all .2s linear; +} +#orbit_custom_gallery .rgcustom_album:hover a .custom_albumname { + opacity: 1; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + -o-transition: all .2s linear; + transition: all .2s linear; +} +#orbit_custom_gallery .rgcustom_album .custom_gallery_info { + margin: 0; + list-style: none; +} +#orbit_custom_gallery .rgcustom_album .custom_gallery_info li { + display: inline-block; + float: left; + color: #777777; + font-size: 1.2em; + line-height: 20px; + cursor: pointer; +} +#orbit_custom_gallery .rgcustom_album .custom_gallery_info li > a { + display: inline-block; + margin-left: 5px; + color: #777777; +} +#orbit_custom_gallery .rgcustom_album .custom_gallery_info li:hover > a { + color: #E41B2B; + text-decoration: none; +} +#orbit_custom_gallery .rgcustom_album .custom_gallery_info li:hover { + color: #0088CC; +} +#orbit_custom_gallery .rgcustom_album .custom_gallery_info li .icons-tag { + margin-left: 3px; +} +#orbit_custom_gallery .rgcustom_album .custom_gallery_info li.custom_albumcateg { + float: right; + overflow: hidden; + max-width: 125px; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; +} +#orbit_custom_gallery .rgcustom_album .custom_gallery_info li.view { + overflow: hidden; + max-width: 50px; + text-overflow: ellipsis; + white-space: nowrap; +} +#orbit_custom_gallery .rgcustom_album .custom_albumtag { + display: none; + overflow: hidden; + margin: 0; +} + + +/* CustomGallery Body */ +div.rgbody{ + margin-bottom:50px; +} +.rgbody .custom_gallery-info { + padding: 0 5px; +} +.rgbody .custom_gallery-info h3 { + margin: 5px 0 0; + color: #333; + text-shadow: 0 1px 0 #ffffff; + font-family: 'Playfair Display SC', sans-serif; +} +.rgbody .custom_gallery-info .muted { + font-family: 'Raleway', sans-serif; +} + +#imgholder { + margin: 0; + padding: 0 0 10px; + list-style: none; +} +.rgcustom_album .photo_edit{ + right: 100%; + transition-duration: 0.5s; +} +.rgcustom_album:hover .photo_edit{ + transform: translate(100%); +} +#imgholder .rgcustom_album { + position: relative; + float: left; + margin: 5px; + padding: 5px; + width: 200px; + background: #FFFFFF; + overflow: hidden; + -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1); + -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1); + box-shadow: 0px 0px 5px rgba(0, 0, 0, .1); + -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1); + -webkit-transition-property: left, right, top; + -moz-transition-property: left, right, top; + -ms-transition-property: left, right, top; + -o-transition-property: left, right, top; + transition-property: left, right, top; +} +#imgholder .rgcustom_album.active { + background-color: #51a351; +} +#imgholder .rgcustom_album.active-single { + background-color: #F89406; +} +#imgholder .rgcustom_album .photo-action { + margin: 0; + list-style: none; + left: 5px; + right: 5px; + height: 0; + position: absolute; + background-color: #FFF; + bottom: 5px; + opacity: .9; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; + filter: alpha(opacity=90); + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + -o-transition: all .2s linear; + transition: all .2s linear; +} +#imgholder .rgcustom_album:hover .photo-action { + padding: 5px; + height: 30px; +} +#imgholder .rgcustom_album .photo-action li { + display: inline-block; + float: left; + color: #777; + font-size: 11px; + line-height: 30px; + cursor: pointer; + width: 33%; + text-align: center; + font-size: 1.2em; +} +#imgholder .rgcustom_album .photo-action a { + color: #777; + display: block; + text-decoration: none; + width: 100%; + height: 100%; +} +#imgholder .rgcustom_album .photo-action li:hover a { + color: #08C; +} +#imgholder .rgcustom_album .photo-action .icons-star { + color: #F8A900; + font-size: 1.4em; + line-height: 1.4em; +} +#imgholder .rgcustom_album a { + display: block; + overflow: hidden; + margin: 0; + width: 200px; + height: 200px; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + -o-transition: all .2s linear; + transition: all .2s linear; +} +#imgholder .rgcustom_album a img { + max-width: none; +} + +#imgholder .rgcustom_album .check { + position: absolute; + top: 0; + right: 0; + width: 40px; + height: 40px; +} +#imgholder .rgcustom_album .check:after { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + color: #F2F2F2; + text-decoration: inherit; + content: "\f00c"; + line-height: 25px; + text-indent: 20px; + font-size: 1.3em; + position: absolute; + top: 0; + right: 0; + width: 0px; + height: 0px; + border-style: solid; + border-width: 0 40px 40px 0; + border-color: transparent #FFF transparent transparent; +} +#imgholder .rgcustom_album.active .check:after { + color: #FFF; + border-color: transparent #51a351 transparent transparent; +} +#imgholder .rgcustom_album.active-single .check:after { + color: #FFF; + border-color: transparent #F89406 transparent transparent; +} +#imgholder .rgcustom_album input[type="checkbox"] { + position: absolute; + top: 0; + right: 0; + z-index: 3; + display: block; + margin: 0; + width: 100%; + height: 100%; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); + opacity: 0; +} + +/* Page Silde */ +#view-photo-tags .phtot-tags { + margin: 0; + padding: 0; + list-style: none; +} +#view-photo-tags .phtot-tags li { + margin: 0 5px 5px 0; + white-space: nowrap; +} + +/* Dialog */ +.modal-body { + min-height: 80px; + line-height: 80px; + text-align: center; +} +.modal-body .spinning { + display: none; + position: absolute; + width: 70px; + height: 70px; + top: 50%; + left: 50%; + margin: -35px 0 0 -35px; +} + +/* File Upload */ +#upload-panel { + clear: both; +} +#upload-panel iframe { + width: 100%; + border: none; +} +#fileupload { + position: relative; + display: none; + clear: both; + overflow: hidden; + margin: 40px 0 15px; + height: 254px; + border: 1px solid #d4d4d4; + border-radius: 4px; + background-color: #FDFDFD; + /*-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .15) inset; + box-shadow: 0px 0px 10px rgba(0, 0, 0, .15) inset;*/ +} +#fileupload table { + margin: 0; +} +#fileupload .fileupload-buttonbar .navbar { + margin-bottom: 0; +} +#fileupload .fileupload-buttonbar .navbar .add-photo { + border: none; + border-right: 1px solid #d4d4d4; + background-color: transparent; + padding: 10px 15px 10px; + color: #777777; + text-decoration: none; + text-shadow: 0 1px 0 #ffffff; +} +#fileupload .fileupload-buttonbar .navbar .add-photo:hover { + color: #333333; + text-decoration: none; + background-color: #EDEDED; +} +#fileupload .fileupload-buttonbar .navbar .fileinput-button { + position: relative; + overflow: hidden; +} +#fileupload .fileupload-buttonbar .navbar .fileinput-button input { + position: absolute; + top: 0; + right: 0; + margin: 0; + font-size: 23px; + opacity: 0; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + cursor: pointer; + -webkit-transform: translate(-300px, 0) scale(4); + -moz-transform: translate(-300px, 0) scale(4); + -ms-transform: translate(-300px, 0) scale(4); + -o-transform: translate(-300px, 0) scale(4); + transform: translate(-300px, 0) scale(4); + direction: ltr; +} +#fileupload .fileupload-buttonbar .navbar-inner { + border-width: 0 0 1px; + border-radius: 4px 4px 0 0; + padding: 0; +} + +#fileupload .fileupload-progress .progress { + position: absolute; + right: 0; + left: 0; + margin-bottom: 0; + height: 5px; + border-radius: 0; + background-color: transparent; + background-image: none; +} +#fileupload .fileupload-progress .progress-success.progress-striped .bar { + background-color: #0088CC; +} +#fileupload .fileupload-progress .progress-extended { + position: absolute; + top: 1px; + right: 0; + padding-right: 15px; + color: #0088CC; + text-align: right; + text-shadow: 0 1px 0 #ffffff; + letter-spacing: -0.1em; + font-size: 12px; + font-family: 'Varela Round', sans-serif; + line-height: 40px; +} +#fileupload .fileupload-buttonbar { + position: relative; + z-index: 3; +} +#fileupload #dropzone { + margin: 15px 10px 10px; + padding: 30px; + text-align: center; + font-size: 2em; + font-family: 'Raleway'; + line-height: 1.2em; + color: #e4e4e4; +} +#fileupload #dropzone div[data-icons] { + font-size: 4em; + height: 70px; + padding-top: 30px; + text-shadow: 0px -1px 0px #ececec; + color: #f5f5f5; +} +#fileupload #dropzone.drop { + position: absolute; + top: 37px; + left: 0; + right: 0; + bottom: 0; + border: 2px dashed #0088CC; + border-radius: 10px; + color: #0088CC; + background-color: #FFFFFF; + z-index: 0; +} +#fileupload #dropzone.fade { + opacity: .3; +} +#fileupload #dropzone.in { + opacity: .7; + z-index: 2; + border-color: #faa732; + color: #faa732; +} +#fileupload #dropzone.drop div[data-icons] { + text-shadow: 0px -1px 0px #0c5f80; + color: #0088CC; +} +#fileupload #dropzone.in div[data-icons] { + text-shadow: 0px -1px 0px #a28a10; + color: #faa732; +} +#fileupload #file-list { + position: relative; + z-index: 1; + height: 209px; + margin: 2px 0; +} +#fileupload #file-list .pane { + margin-right: 2px; +} +#fileupload #file-list .files { + margin: 0; + padding: 10px 14px 10px 10px; + list-style: none; +} +#fileupload #file-list .files > li { + padding: 10px; +} +#fileupload #file-list .files > li:nth-child(even) { + background-color: #e9e9e9; + border-radius: 3px; +} +#fileupload #file-list .files ul { + position: relative; + margin: 0; + padding: 0; + list-style: none; +} +#fileupload #file-list .files ul li { + float: left; +} +#fileupload #file-list .files ul li.action-bnt { + float: right; +} +#fileupload #file-list .preview { + width: 80px; + min-height: 1px; + margin-right: 10px; + text-align: center; +} +#fileupload #file-list .name { + width: 150px; + max-width: 250px; + margin-left: 15px; +} +#fileupload #file-list .progress { + position: absolute; + left: -5px; + right: -5px; + bottom: -5px; + margin-bottom: 0; + height: 5px; + box-shadow: none; + background-color: transparent; + background-image: none; +} +#fileupload #file-list .size { + width: 80px; +} +#fileupload #file-list .action-bnt { + text-align: right; +} +.cke_contents.cke_reset{ + position: relative; +} +.order-edit-notification{ + background-color: #ffffd5; + z-index: 10; + display: none; + height: 25px; + margin-left: 40%; + position: fixed; + text-align: center; + margin-top: 5px; + top: 85px; + width: 250px; + font-size: 13px; +} \ No newline at end of file diff --git a/custom_gallery/app/assets/stylesheets/custom_gallery_card.css b/custom_gallery/app/assets/stylesheets/custom_gallery_card.css new file mode 100644 index 0000000..0bd9e7e --- /dev/null +++ b/custom_gallery/app/assets/stylesheets/custom_gallery_card.css @@ -0,0 +1,91 @@ +.custom_gallery.card-group .row { + position: relative; + display: flex; + flex-wrap: wrap; +} +.custom_gallery.card-group .card-back { + transform: rotateY(180deg) translateX(-100%); + position: absolute; + backface-visibility: hidden; + transition: transform 300ms; + transition-timing-function: linear; + display: block; + width: 100%; + height: 100%; + top: 0; + background: white; + color: black; +} +.custom_gallery.card-group .card.card-flip.h-100:nth-child(4n) { + margin-right: 0em; +} + +.custom_gallery.card-group .card.card-flip.h-100 { + position: relative; + overflow: hidden; + width: 25%; + width: calc( 25% - 0.75em); + background: white; + margin-right: 1em; + margin-bottom: 1em; +} +@media (max-width: 768px){ + .custom_gallery.card-group .card.card-flip.h-100 { + width: 50%; + width: calc( 50% - 0.5em); + } + .custom_gallery.card-group .card.card-flip.h-100:nth-child(2n) { + margin-right: 0em; + } +} +@media (max-width: 575px){ + .custom_gallery.card-group .card.card-flip.h-100 { + width: 100%; + margin-right: 0em; + } +} +.custom_gallery.card-group h3.card-title { + padding: 0.5em; + margin: 0; + font-size: 1.2em; +} +.custom_gallery.card-group .card-front{ + backface-visibility: hidden; + width: 100%; + height: 100%; +} +.custom_gallery.card-group .card.card-flip.h-100:hover .card-back { + transform: rotateY(0deg); +} +.custom_gallery.card-group .card-button-group{ + bottom: 0; + right: 0; + position: absolute; + display: flex; +} +.custom_gallery.card-group .card-body{ + width: 100%; + position: inherit; + display: flex; + flex-direction: column; + height: 100%; +} +.custom_gallery.card-group .card-button-group a { + color: #fff; + display: block; + background: #6c757d; + padding: 0.5em; + width: 2.3em; + height: 2.3em; + margin-right: 0.1em; + border-radius: 0; +} +.custom_gallery.card-group .card-button-group a:hover { + color: #fff; + background-color: #5a6268; + border-color: #545b62; +} +.custom_gallery.card-group .card-button-group a:focus { + color: #fff; + outline: 0.1em dotted !important; +} \ No newline at end of file diff --git a/custom_gallery/app/assets/stylesheets/custom_gallery_frontend.css b/custom_gallery/app/assets/stylesheets/custom_gallery_frontend.css new file mode 100644 index 0000000..286dcc6 --- /dev/null +++ b/custom_gallery/app/assets/stylesheets/custom_gallery_frontend.css @@ -0,0 +1,332 @@ +.rg, .rgp { + transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; +} +.rg input, .rgp input, .rg textarea, .rgp textarea { + resize: none; + margin: 0; + display: block; + font-size: 13px; + } +.rgp textarea { overflow: auto; } +.rg a, .rgp a { + text-decoration: none; + outline: none; + } +.rg a:hover { } + +/*.rg img { display: block; border: none; }*/ + +.rgmask { background: #000; width: 100%; position: fixed; top: 0; left: 0; } + +.rgui { + display: inline-block; + cursor: pointer; + } +.rghead, .rgbody { overflow: hidden; } +.rghead { + padding: 10px 0; + } +.rgtitle { + color: #333; + text-shadow: 0 1px 0 #ddd; + font-size: 2em; + padding: 0 8px; + } +.rgbody { + + } +.rgfn { overflow: hidden; } +.rgcustom_album, .rgphoto { float: left; margin: 0 10px 24px 0; } +.rgcustom_album { + margin: 0 16px 16px 0; + padding: 6px; + width: 138px; + height: 220px; + border: solid 1px #ccc; + + transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; +} +.rgcustom_album > a { + display: block; + float: none; + margin: -6px -6px 0 -6px; +} +.rgcustom_album img { + transition: all, 0.5s ease; + -webkit-transition: all, 0.5s ease; + -moz-transition: all 0.5s ease; + -ms-transition: all, 0.5s ease; + } +.rgphoto { } +.rgphoto a { + display: block; + + transition: all, 0.3s ease; + -webkit-transition: all, 0.3s ease; + -moz-transition: all, 0.3s ease; +} +.rgphoto a:hover img { + opacity: 0.85; +} +.rgphoto img, .rgphoto_edit img { + /*display: block;*/ + + transition: all, 0.3s ease; + -webkit-transition: all, 0.3s ease; + -moz-transition: all, 0.3s ease; + } +.rgcustom_album .custom_albumname { + font-size: 1.25em; + /*line-height: ;*/ + margin: 6px 0; + display: block; + height: 45px; + overflow: hidden; + transition: background 0.3s ease; + -webkit-transition: background 0.3s ease; + -moz-transition: background 0.3s ease; + -ms-transition: background 0.3s ease; + } +.rgcustom_album a:hover img { + opacity: 0.85; + } +.rgcustom_album .categoryname {} +.rgcustom_album .tagnames { + display: block; + margin-top: 8px; + padding-top: 8px; + line-height: 22px; + height: 22px; + overflow: hidden; + border-top: solid 1px #ccc; + color: #666; +} + +.taglist { + padding: 10px 0; +} +.taglist_title { + font-size: 1.5em; + margin: 0 0 10px 0; +} +.taglist ul { + padding: 10px 0; + border-top: solid 1px #ddd; + overflow: hidden; +} +.taglist li { + float: left; + margin: 0 8px 8px 0; +} + +.rgp .rgtitle { margin: 0 0 10px 0; } + + +/* Ruling Slide */ +.rslide { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; + background: #222; + clear: both; + /*z-index: 99;*/ + min-height: 250px; + + transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + } +.rslide.fullscreen { position: fixed; z-index: 99; } +.rslide.fullscreen .comp img{ + width: auto; +} +.rslideinside { + } +.comp { + width: 100%; + height: auto; + overflow: hidden; + position: relative; + + transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + } +.comp img{ display: block; width: 100%; height: auto; margin: 0 auto; cursor: pointer; min-height: 250px; } +.comp .full{ width: auto; height: auto; max-width: 100%; max-height: 100%; } +.rslidenav { + position: absolute; + top: 50%; + left: 0; + right: 0; + margin-top: -35px; + } +.rslidenav a { + position: absolute; + display: block; + width: 30px; + height: 40px; + overflow: hidden; + text-indent: -999px; + background: #000 0 center url(../../../assets/custom_gallery/slidenav.png) no-repeat; + background: rgba(0,0,0,0.9) 0 0 url(../../../assets/custom_gallery/slidenav.png) no-repeat; + + transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + } +.rslidenav a:hover { + background-color: #fff; + background-color: rgba(255,255,255,0.9); + } +.rslidenav .navP { left: 0; border-radius: 0 4px 4px 0; background-position: 0 -40px; } +.rslidenav .navN { right: 0; border-radius: 4px 0 0 4px; background-position: -30px 0; } +.rslidenav a.navP:hover { background-position: -30px -40px; } +.rslidenav a.navN:hover { background-position: 0 0; } +.slidectrl { + position: absolute; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 30px; + background: #000 left top url(../../../assets/custom_gallery/slidetitlebg.png) repeat-x; + background: rgba(0,0,0,0.9) left top url(../../../assets/custom_gallery/slidetitlebg.png) repeat-x; + /*z-index: 999;*/ + } +.slidectrl a { + display: block; + float: right; + text-indent: -9999px; + overflow: hidden; + width: 30px; + height: 30px; + background: transparent 0 0 url(../../../assets/custom_gallery/slideui.gif) no-repeat; + border-left: solid 1px #222; + } +.slidectrl a.togglelist { background-position: 0 -30px; } +.slidectrl a.togglescreen { background-position: 0 -90px; } +.slidectrl a.toinline { background-position: -30px 0; } +.slidectrl a.sharebt { background-position: -30px -30px; } +.slidectrl a.browserfullscreen { display:none;} +.slidectrl a.slidestop { background-position: 0 -60px; } +.fullscreen .slidectrl a.togglescreen { background-position: -30px -90px; } +.browserFullScreen .slidectrl a.browserfullscreen { background-position: -30px 0; } +.browserFullScreen .togglescreen { display: none; } +.slideinfo { + height: 30px; + line-height: 30px; + color: #fff; + font-size: 13px; + overflow: hidden; + } +.slideinfo .info { padding: 0 0 0 6px; text-transform: uppercase; } +.slideinfo span.info { color: #ccc; text-transform: none; } + +.slidelist { + position: absolute; + bottom: 30px; + z-index: 98; + width: 100%; + height: 0; + overflow: auto; + overflow-x: hidden; + background: transparent 0 0 url(../../../assets/custom_gallery/slidelistbg.png); + } +.slidelist ul { + margin: 0 auto; + padding: 10px 0 10px 10px; + list-style: none; + } +.slidelist li { + display: inline-block; + margin: 0 10px 10px 0; + } +.slidelist a { + border: solid 2px #fff; + display: block; + width: 120px; + height: 96px; + position: relative; + + box-shadow: 0 0 6px rgba(0,0,0,0.7); + -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.7); + -moz-box-shadow: 0 0 6px rgba(0,0,0,0.7); + -ms-box-shadow: 0 0 6px rgba(0,0,0,0.7); + } +.slidelist a.playall { + border: none; + width: 80px; + height: 32px; + margin: 31px 0 0 22px; + background: transparent 0 0 url(../../../assets/custom_gallery/playall.png) no-repeat; + + box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + } +.slidelist a.playall:hover { background-position: 0 -32px; } +#li_play_all { width: 124px; height: 94px; } +.slidelist img { + margin: 0; + background: #fff; + display: block; + + transition: all 0.2s ease; + -webkit-transition: all 0.2s ease; + -moz-transition: all 0.2s ease; + -ms-transition: all 0.2s ease; + } +.slidelist a:hover img { + padding: 4px; + margin: -4px; + } + +.dm { + background: #fff; + border: solid 1px #a4a4a4; + border-right-color: #666; + position: absolute; + overflow: hidden; + padding: 2px 0; + display: none; + + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + } +.dm ul { margin: 0; padding: 0; list-style: none !important; } +.dm li { + margin: 0; + padding: 0; + border-bottom: solid 1px #ccc; + list-style: none !important; + } +.dm li a { + display: block; + padding: 6px 10px; + font-size: 13px; + + transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + } +.dm li a:hover { background: #eee; } + + + +/* orbit style implementation */ +#orbit_custom_gallery { + margin: 0 -10px 30px -10px; +} \ No newline at end of file diff --git a/custom_gallery/app/assets/stylesheets/custom_gallery_old.css b/custom_gallery/app/assets/stylesheets/custom_gallery_old.css new file mode 100644 index 0000000..021fa5e --- /dev/null +++ b/custom_gallery/app/assets/stylesheets/custom_gallery_old.css @@ -0,0 +1,564 @@ +.rg, .rgp { + transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; +} +.rg input, .rgp input, .rg textarea, .rgp textarea { + resize: none; + margin: 0; + display: block; + font-size: 13px; + } +.rgp textarea { overflow: auto; } +.rg a, .rgp a { + text-decoration: none; + outline: none; + } +.rg a:hover { } + +/*.rg img { display: block; border: none;}*/ + +.rgmask { background: #000; width: 100%; position: fixed; top: 0; left: 0; } + +.rgui { + display: inline-block; + cursor: pointer; + } +.rghead, .rgbody { overflow: hidden; } +.rghead { + border-bottom: solid 1px #ccc; + padding: 10px 0; + background: #fff; + } +.rgtitle { + color: #333; + text-shadow: 0 1px 0 #ddd; + font-size: 2em; + padding: 0 8px; + } +.rgbody { + + } +.rgfn { overflow: hidden; padding: 4px 10px; } +.rgcustom_album, .rgphoto { float: left; margin: 0 10px 24px 0; } +.rgcustom_album { + padding: 16px; + margin: 0 8px 8px 0; + border: solid 1px #ccc; + width: 300px; + height: 120px; + border-radius: 4px; + + transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; +} +.rgcustom_album > a { + display: block; + float: left; + margin-right: 10px; +} +.rgcustom_album:hover { + box-shadow: 0 0 6px rgba(0,0,0,0.2); +} +.rgcustom_album img { + transition: all, 0.5s ease; + -webkit-transition: all, 0.5s ease; + -moz-transition: all 0.5s ease; + -ms-transition: all, 0.5s ease; + } +.rgphoto { } +.rgphoto a { + display: block; + padding: 4px; + border: solid 1px #ddd; + background-color: #fff; + border-radius: 4px; + transition: all, 0.3s ease; + -webkit-transition: all, 0.3s ease; + -moz-transition: all, 0.3s ease; +} +.rgphoto a:hover { + border-color: #999; + box-shadow: 0 3px 6px rgba(0,0,0,0.2); +} +.rgphoto img, .rgphoto_edit img { + /*display: block;*/ + border-radius: 3px; + transition: all, 0.3s ease; + -webkit-transition: all, 0.3s ease; + -moz-transition: all, 0.3s ease; + } +.rgcustom_album .custom_albumname { + font-size: 18px; + padding: 6px 0; + display: block; + transition: background 0.3s ease; + -webkit-transition: background 0.3s ease; + -moz-transition: background 0.3s ease; + -ms-transition: background 0.3s ease; + } +.rgcustom_album a:hover img { + opacity: 0.85; + } + +.rgp .rgtitle { margin: 0 0 10px 0; } + +/* Photo Edit */ +.custom_albumname_edit label, .custom_albumname_edit .rginput, .rgphoto_edit > a, .rgphoto_edit .rginput { float: left; } +.rgphoto_edit, .custom_albumname_edit { + clear: both; + overflow: hidden; + margin-bottom: 10px; +} +.custom_albumname_edit label { + width: 150px; + margin: 0 10px 0 0; + text-align: right; + padding: 0; + line-height: 24px; +} +.custom_albumname_edit .rginput { } +.rgphoto_edit img { margin: 0 10px 10px 0; } +.rgphoto_edit .rginput { margin-right: 10px; } +.rgphoto_edit .edit_fn { float: left; margin-bottom: 10px; } +.rgphoto_edit .edit_fn .bt-dels { } + +/* Delete List */ +.rglist { overflow: hidden; padding: 10px 0; } +.list { table-layout:fixed; width: 100%; margin: 0 0 12px 0; } +.list thead th { padding: 8px 4px; font-size: 30px; font-weight: bold; } +.list th img { width: 60px; height: 45px; } +.list .photoname { padding-left: 6px; } +.list .photofn { padding-right: 4px; } +.list .photofn a { float: right; margin-left: 4px; display: block; } +.list th { padding: 4px 0 4px 4px; } +.list tbody th, .list tbody td { border-bottom: solid 1px #ccc; } +.list .odd th, .list .odd td { background: #f6f6f6; } +.list .c1 { width: 64px; } +.list .c3 { width: 40px; } + +/* Ruling Slide */ +.rslide { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; + background: #222; + clear: both; + /*z-index: 99;*/ + min-height: 250px; + + transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + } +.rslide.fullscreen { position: fixed; z-index: 99; } +.rslideinside { + /* + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; + */ + } +.comp { + width: 100%; + height: auto; + overflow: hidden; + position: relative; + + transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + } +.comp img{ display: block; width: auto; height: auto; margin: 0 auto; cursor: pointer; min-height: 250px; } +.comp .full{ width: auto; height: auto; max-width: 100%; max-height: 100%; } +.rslidenav { + position: absolute; + top: 50%; + left: 0; + right: 0; + margin-top: -35px; + } +.rslidenav a { + position: absolute; + display: block; + width: 30px; + height: 40px; + overflow: hidden; + text-indent: -999px; + background: #000 0 center url(../../../assets/custom_gallery/slidenav.png) no-repeat; + background: rgba(0,0,0,0.9) 0 0 url(../../../assets/custom_gallery/slidenav.png) no-repeat; + + transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + } +.rslidenav a:hover { + background-color: #fff; + background-color: rgba(255,255,255,0.9); + } +.rslidenav .navP { left: 0; border-radius: 0 4px 4px 0; background-position: 0 -40px; } +.rslidenav .navN { right: 0; border-radius: 4px 0 0 4px; background-position: -30px 0; } +.rslidenav a.navP:hover { background-position: -30px -40px; } +.rslidenav a.navN:hover { background-position: 0 0; } +.slidectrl { + position: absolute; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 30px; + background: #000 left top url(../../../assets/custom_gallery/slidetitlebg.png) repeat-x; + background: rgba(0,0,0,0.9) left top url(../../../assets/custom_gallery/slidetitlebg.png) repeat-x; + /*z-index: 999;*/ + } +.slidectrl a { + display: block; + float: right; + text-indent: -9999px; + overflow: hidden; + width: 30px; + height: 30px; + background: transparent 0 0 url(../../../assets/custom_gallery/slideui.gif) no-repeat; + border-left: solid 1px #222; + } +.slidectrl a.togglelist { background-position: 0 -30px; } +.slidectrl a.togglescreen { background-position: 0 -90px; } +.slidectrl a.toinline { background-position: -30px 0; } +.slidectrl a.sharebt { background-position: -30px -30px; } +.slidectrl a.browserfullscreen { display:none;} +.slidectrl a.slidestop { background-position: 0 -60px; } +.fullscreen .slidectrl a.togglescreen { background-position: -30px -90px; } +.browserFullScreen .slidectrl a.browserfullscreen { background-position: -30px 0; } +.browserFullScreen .togglescreen { display: none; } +.slideinfo { + height: 30px; + line-height: 30px; + color: #fff; + font-size: 13px; + overflow: hidden; + } +.slideinfo .info { padding: 0 0 0 6px; text-transform: uppercase; } +.slideinfo span.info { color: #ccc; text-transform: none; } + +.slidelist { + position: absolute; + bottom: 30px; + z-index: 99; + width: 100%; + height: 0; + overflow: auto; + overflow-x: hidden; + background: transparent 0 0 url(../../../assets/custom_gallery/slidelistbg.png); + } +.slidelist ul { + margin: 0 auto; + padding: 10px 0 10px 10px; + list-style: none; + } +.slidelist li { + display: inline-block; + margin: 0 10px 10px 0; + } +.slidelist a { + border: solid 2px #fff; + display: block; + width: 150px; + height: 120px; + position: relative; + + box-shadow: 0 0 6px rgba(0,0,0,0.7); + -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.7); + -moz-box-shadow: 0 0 6px rgba(0,0,0,0.7); + -ms-box-shadow: 0 0 6px rgba(0,0,0,0.7); + } +.slidelist a.playall { + border: none; + width: 80px; + height: 32px; + margin: 31px 0 0 22px; + background: transparent 0 0 url(../../../assets/custom_gallery/playall.png) no-repeat; + + box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + } +.slidelist a.playall:hover { background-position: 0 -32px; } +#li_play_all { width: 124px; height: 94px; } +.slidelist img { + margin: 0; + background: #fff; + display: block; + + transition: all 0.2s ease; + -webkit-transition: all 0.2s ease; + -moz-transition: all 0.2s ease; + -ms-transition: all 0.2s ease; + } +.slidelist a:hover img { + padding: 4px; + margin: -4px; + } + +.dm { + background: #fff; + border: solid 1px #a4a4a4; + border-right-color: #666; + position: absolute; + overflow: hidden; + padding: 2px 0; + display: none; + + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + } +.dm ul { margin: 0; padding: 0; list-style: none !important; } +.dm li { + margin: 0; + padding: 0; + border-bottom: solid 1px #ccc; + list-style: none !important; + } +.dm li a { + display: block; + padding: 6px 10px; + font-size: 13px; + + transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + } +.dm li a:hover { background: #eee; } + +/* Ruling CustomGallery UI */ +.rgbt { + padding: 0 0 0 32px; + vertical-align: top; + + text-shadow: 0 1px 0 #fff; + -webkit-text-shadow: 0 1px 0 #fff; + -moz-text-shadow: 0 1px 0 #fff; + -ms-text-shadow: 0 1px 0 #fff; + } +.rgbt span { + padding: 0 12px 0 8px; + display: inline-block; + line-height: 30px; + height: 32px; + font-size: 14px; + } + +.rgbtsg { + padding: 6px; + } +.rgphoto_edit .rgbtsg.active { display: inline-block; } +.bt-finish { display: block; float: right; clear: both; } +.bt-addnew { + margin: 0 auto; + width: 98px; + height: 100px; + display: block; + } +.bt-next{ + background-position: 0 -258px; + display: block; + float: right; + clear: both; + } +.bt-next:hover { background-position: 0 -448px; } +.bt-next:active { background-position: 0 -638px; } +.bt-close { + position: absolute; + right: 6px; + top: 6px; + } + + +.inputui { + margin: 0 0 8px 0; + } +.inputui span { + padding: 0 4px 0 0; + display: block; + } +.rginput { max-width: 400px; } +.rginput input, .rginput textarea { color: #999; } +.rginput.focus input, .rginput.focus textarea { color: #333; } + +.rgih26 { width: 208px; } +.rgih26 span { } +.rgih26 input { width: 356px; } +.rgih26.focus { } +.rgih26.focus span { } +.rgih68 { width: 396px; } +.rgih68 span { padding: 3px 4px 3px 0; } +.rgih68 textarea { width: 392px; height: 62px; } +.rgih68.focus { } +.rgih68.focus span { } +.rgih98 { width: 396px; } +.rgih98 span { } +.rgih98 textarea { width: 356px; height: 110px; } +.rgih98.focus { } +.rgih98.focus span { } + +.w380 { width: 386px; } + +#imgholder { overflow: hidden; } + +/* upload panel */ +#upload_panel_holder { + display: none; + margin: 16px 0 0 0; + clear: both; + float: right; + width: 100%; +} +#upload_panel { + background-color: #ddd; +} + +/* tag panel */ +#tag_panel { + position: fixed; + right: -200px; + top: 31px; + width: 200px; + min-height: 100px; + border-left: solid 1px #ccc; + background-color: #fff; +} +#tag_panel .scrollbar { + right: 0px; + top: 0px; + width: 9px; +} +#tag_panel .viewport { + height: 100%; +} + +.tag_list { + margin: 0; + padding: 0; +} +.tag_list li { + padding: 4px 6px; + border-top: solid 1px #f6f6f6; +} +.tag_list li:first-child { + border: 0; +} +.tag_list li:hover { + background-color: #08c; +} +.tag_list li:hover label { + color: #fff; +} +.tag_list input[type=checkbox], .tag_list label { + display: inline-block; + vertical-align: middle; + text-transform: capitalize; + margin: 0; +} +.tag_list label { + padding: 0 6px; +} +.tag_search { + position: absolute; + left: -1px; + bottom: -30px; + width: 200px; + height: 32px; + background-color: #f5f5f5; + border-left: solid 1px #ccc; + border-top: solid 1px #ddd; +} +.tag_search input[type=text] { + box-shadow: none; + width: 92px; + height: 25px; + line-height: 25px; + padding: 3px 6px 3px 24px; + border: 0; + border-top: solid 1px #fff; +} +.tag_search input[type=text]:focus { + background-color: #fff; +} +.tag_search .icon-search { + position: absolute; + left: 6px; + top: 50%; + margin-top: -7px; +} +#tag_panel .tag_save { + position: absolute; + right: 0; + bottom: 0; + height: 31px; + border-left: solid 1px #ccc; + background-color: #fff; + padding: 2px 4px 0 4px; +} + + +/* orbit style implementation */ +#orbit_custom_gallery { + margin-bottom: 30px; +} +#orbit_custom_gallery .nav-tabs, #orbit_custom_gallery .tab-pane { + margin-left: 8px; + margin-right: 8px; +} +.tab_content .tab-pane{ + display: none; +} +.tab_content .active{ + display: block; +} +#orbit_custom_gallery .btn { margin: 0; } +#orbit_custom_gallery .btn i { margin-right: 4px; } +#orbit_custom_gallery .rgfn .btn { + margin-left: 8px; +} +#orbit_custom_gallery .form-actions { background-color: whiteSmoke; } + +.o_custom_gallery .tagnames { + display: block; + margin-top: 6px; +} +.o_custom_gallery .label-tags { + display: inline-block; + margin: 0 6px 6px 0; +} + +.o_custom_gallery .rgbody, .o_custom_album .rgbody { + padding: 10px 8px; +} + +#categories .add-custom_album .control-label { + text-align: left; + width: 100px; + padding-left: 12px; + padding-right: 12px; +} +.o_custom_album_edit form { + margin-left: 8px; +} + +#loading{ + background: #fff 0 center url("../../../assets/loading.gif") no-repeat; + height: 16px; + margin: auto; + width: 220px; +} diff --git a/custom_gallery/app/assets/stylesheets/custom_theater.css b/custom_gallery/app/assets/stylesheets/custom_theater.css new file mode 100644 index 0000000..9bc8102 --- /dev/null +++ b/custom_gallery/app/assets/stylesheets/custom_theater.css @@ -0,0 +1,536 @@ +@import url(https://fonts.googleapis.com/css?family=Roboto); + +/* Reset and basic styles */ + +body { + overflow-x: hidden; +} + +*, +*:before, +*:after { + box-sizing: border-box; +} + +.custom_gallery-mode-on { + /*overflow-y: hidden;*/ +} + + +/* CustomGallery */ + +#custom_gallery-theater-stage { + display: none; +} + +#custom_gallery-theater-stage > .custom_gallery { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: #000; + z-index: 2000; +} + +.custom_gallery-loader { + padding: 10px; + position: absolute; + display: none; + left: 50%; + top: 10px; + -webkit-transform: translate(-50%, 50%); + transform: translate(-50%, 50%); + border-radius: 2px; + z-index: 2000; + background-color: rgba(0, 0, 0, .6); + -webkit-transition: .3s all; + transition: .3s all; +} + +.spinner { + margin: 0 auto; + width: 50px; + height: 20px; + text-align: center; + font-size: 0.625rem; +} + +.spinner > div { + background-color: #e8e8e8; + height: 100%; + width: 4px; + display: inline-block; + -webkit-animation: stretchdelay 1.2s infinite ease-in-out; + animation: stretchdelay 1.2s infinite ease-in-out; +} + +.spinner .rect2 { + -webkit-animation-delay: -1.1s; + animation-delay: -1.1s; +} + +.spinner .rect3 { + -webkit-animation-delay: -1.0s; + animation-delay: -1.0s; +} + +.spinner .rect4 { + -webkit-animation-delay: -0.9s; + animation-delay: -0.9s; +} + +.spinner .rect5 { + -webkit-animation-delay: -0.8s; + animation-delay: -0.8s; +} + +@-webkit-keyframes stretchdelay { + 0%, + 40%, + 100% { + -webkit-transform: scaleY(0.4) + } + 20% { + -webkit-transform: scaleY(1.0) + } +} + +@keyframes stretchdelay { + 0%, + 40%, + 100% { + transform: scaleY(0.4); + -webkit-transform: scaleY(0.4); + } + 20% { + transform: scaleY(1.0); + -webkit-transform: scaleY(1.0); + } +} + +.custom_gallery-actions { + position: absolute; + right: 1rem; + top: 1rem; + cursor: pointer; + background: rgba(255, 255, 255, .7); + border-radius: 2px; + z-index: 2000; +} + +.custom_gallery-actions-btn { + padding: 8px 12px 8px 10px; + display: inline-block; +} + +.custom_gallery-actions-btn:hover { + color: #fff; +} + +.touch .custom_gallery-actions-btn { + padding: 12px 15px 12px 15px; +} + +.custom_gallery-toggle-desc.active { + color: #fff; +} + +.custom_gallery-theme-switch { + border-right: 1px solid rgba(255, 255, 255, .2); + border-left: 1px solid rgba(255, 255, 255, .2); +} + +.custom_gallery-close { + color: #000; +} + +.touch .image-container { + height: 100%; + padding-bottom: 150px; + z-index: 800; +} + +.custom_gallery-image { + position: fixed; + left: 50%; + top: 50%; + width: 60%; + height: auto; + cursor: pointer; +} + +.no-touch .custom_gallery-image { + -webkit-transition: .3s all; + transition: .3s all; +} + +.gal-prev { + display: none; + left: 0; + -webkit-transform: translate(-95%, -50%); + transform: translate(-95%, -50%); +} + +.gal-prev:hover { + -webkit-transform: translate(-94%, -50%); + transform: translate(-94%, -50%); +} + +.gal-next { + display: none; + left: auto; + right: 0; + -webkit-transform: translate(95%, -50%); + transform: translate(95%, -50%); +} + +.gal-next:hover { + -webkit-transform: translate(94%, -50%); + transform: translate(94%, -50%); +} + +.gal-inactive { + -webkit-transition: .3s all; + transition: .3s all; + opacity: .3; +} + +.gal-inactive:hover { + opacity: 1; +} + +.gal-active { + display: none; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + + +/* Thumbnails */ + +.custom_gallery-thumb-toggle { + position: absolute; + bottom: -1000px; +} + +.custom_gallery-thumb-wrap { + overflow-y: hidden; + overflow-x: hidden; + list-style: none; + margin: 0 auto; + padding: 10px 0; + text-align: center; + white-space: nowrap; + position: absolute; + left: 50%; + bottom: 0; + -webkit-transition: .3s all; + transition: .3s all; +} + +.custom_gallery-item { + margin-right: 1em; + display: inline-block; +} + +.custom_gallery-item.active { + border-radius: 2px; + border-radius: 0.125rem; + border: 5px solid #fff; +} + +.custom_gallery-thumb { + width: 50px; + height: 50px; + opacity: .5; + -webkit-transition: .3s opacity; + transition: .3s opacity; +} + +.custom_gallery-thumb:hover { + opacity: 1; +} + +.custom_gallery-thumb-container { + height: 80px; + position: fixed; + left: 0; + bottom: 0; + width: 100%; + background: #1b1b1b; +} + +.custom_gallery-thumb-navs { + display: none; +} + +.custom_gallery-thumb-navs.show { + display: block; +} + +.custom_gallery-thumb-nav { + position: absolute; + cursor: pointer; + font-size: 1.4rem; + color: rgba(255, 255, 255, .7); + background: #222; + height: 80px; + line-height: 80px; + width: 50px; + text-align: center; + z-index: 900; +} + +.custom_gallery-thumb-nav:hover { + color: #fff; +} + +.custom_gallery-thumb-prev { + left: 0; +} + +.custom_gallery-thumb-next { + right: 0; +} + +.active .custom_gallery-thumb { + opacity: 1; +} + +.custom_gallery-img-desc { + color: #000; + line-height: 1.7; + padding: 1rem 1.5rem; + font-family: 'Roboto', sans-serif; + font-size: 0.8125rem; + position: fixed; + top: 4rem; + left: 0; + right: 0; + margin: auto; + border-radius: 2px; + width: 90%; + background-color: #bdbdbd; + opacity: 0; + -webkit-transition: .3s all; + transition: .3s all; + z-index: 1000; +} + +.custom_gallery-img-desc p { + overflow: hidden; + height: 90px; +} + +.custom_gallery-img-desc:empty { + display: none; +} + +.custom_gallery-img-desc.active { + opacity: 1; +} + + +/* White theme */ + +.theme-white #custom_gallery-theater-stage > .custom_gallery { + background-color: #fffdf7; +} + +.theme-white .custom_gallery-actions { + background-color: #eee; + border: 1px solid #ddd; +} + +.theme-white .custom_gallery-toggle-desc.active { + color: #ff4444; +} + +.theme-white .custom_gallery-theme-switch { + border-right: 1px solid #ddd; + border-left: 1px solid #ddd; +} + +.theme-white .custom_gallery-thumb-toggle, +.theme-white .custom_gallery-thumb-toggle:before, +.theme-white .custom_gallery-thumb-toggle:after { + color: #777; + border-color: #aaa; +} + +.theme-white .custom_gallery-thumb-container { + background-color: #e2e2e2; + border-top: 1px solid #c7c7c7; +} + +.theme-white .custom_gallery-actions-btn { + color: #777; +} + +.theme-white .custom_gallery-actions-btn:hover { + color: #ff4444; +} + +.theme-white .custom_gallery-item.active { + border-color: #ff4444; +} + +.theme-white .custom_gallery-thumb-nav { + color: #777; + background-color: #eee; +} + +.theme-white .custom_gallery-thumb-prev { + border-right: 1px solid #c7c7c7; +} + +.theme-white .custom_gallery-thumb-next { + border-left: 1px solid #c7c7c7; +} + +.theme-white .custom_gallery-thumb-nav:hover { + color: #ff4444; +} + +.theme-white .custom_gallery-img-desc { + background-color: #eee; +} + +.theme-white .custom_gallery-loader { + background-color: #777; +} + +.theme-white .spinner > div { + color: #ff4444; +} + +@media screen and (max-width: 768px) { + .gal-prev { + -webkit-transform: translate(-101%, -50%); + transform: translate(-101%, -50%); + } + .gal-next { + -webkit-transform: translate(101%, -50%); + transform: translate(101%, -50%); + } + .custom_gallery-thumb-toggle { + bottom: 50px; + left: 0; + color: #fff; + width: 100%; + text-align: center; + -webkit-transition: .1s all; + transition: .1s all; + } + .custom_gallery-thumb-toggle.up { + bottom: 96px; + } + .custom_gallery-thumb-toggle:before { + content: ""; + position: absolute; + top: 50%; + left: 10%; + margin: auto; + width: 38%; + border-top: 1px solid rgba(255, 255, 255, .2); + height: 1px; + } + .custom_gallery-thumb-toggle:after { + content: ""; + position: absolute; + top: 50%; + right: 10%; + margin: auto; + width: 38%; + border-top: 1px solid rgba(255, 255, 255, .2); + height: 1px; + } + .custom_gallery-thumb-container { + bottom: -1000px; + -webkit-transition: .1s all; + transition: .1s all; + } + .custom_gallery-thumb-container.show { + bottom: 0; + } +} + +/* CSS for button */ + +@media(max-width: 769px){ + .custom_gallery .custom_gallery-thumb-toggle{ + display: none; + } + } + +/* 相本裡的左右控制鍵 */ +#theaterPlayButton,#theaterStopButton{ + left:30%; +} +#theaterStopButton{ + -webkit-text-stroke: 0.02em #ffbb35; + text-shadow: 0em 0em 0.2em #ff0000; +} +.theaterButton{ +position: absolute; +text-align: center; +width: 35%; +bottom: 1.8em; +background-color: transparent; +border: none; +color: white; +padding: 0.4em 1em; +text-align: center; +text-decoration: none; +display: inline-block; +font-size: 2.2rem; +margin: 4px 2px; +cursor: pointer; +border-radius: 5px; +-webkit-text-stroke: 1px #06a2ff; +text-shadow: 0em 0em 0.2em #8F7; +} + +#theaterNextButton{ +right:0; +} +#theaterPreviousButton{ +left:0; +} + +.show-custom_gallery-2 .custom_gallery-thumb-container{ + overflow: hidden; +} +.show-custom_gallery-2 img.custom_gallery-image{ + position: absolute; +} +.show-custom_gallery-2 .image-container{ + position: relative; + height: 100%; + width: 100%; +} +#custom_gallery-theater-stage > .show-custom_gallery-2.custom_gallery{ + position: relative; + height: 0; + width: 100%; + z-index: unset; + overflow: hidden; +} +.show-custom_gallery-2 .custom_gallery-thumb-container{ + position: absolute; +} +.show-custom_gallery-2 .custom_gallery-image { + top: 42%; +} +.show-custom_gallery-2 .custom_gallery-actions{ + display: none; +} +.show-custom_gallery-2 .custom_gallery-img-desc{ + position: absolute; +} +@media screen and (max-width: 768px){ + .show-custom_gallery-2 .custom_gallery-thumb-container { + bottom: 0px; + } +} \ No newline at end of file diff --git a/custom_gallery/app/assets/stylesheets/filter.css b/custom_gallery/app/assets/stylesheets/filter.css new file mode 100644 index 0000000..6e76a70 --- /dev/null +++ b/custom_gallery/app/assets/stylesheets/filter.css @@ -0,0 +1,84 @@ +/* Filter */ +#filter.open { + border-bottom: none; + padding-bottom: 10px; +} +#filter .filter-nav { + margin-bottom: 0px; +} +#filter.open .filter-nav { + margin-bottom: 10px; +} +#filter .filter-nav a { + text-decoration: none; +} +#filter .filter-nav .accordion-group { + border: none; +} +#filter .filter-nav .accordion-group.active { + background-color: #08c; + position: relative; +} +#filter .filter-nav .accordion-group.active a { + color: #FFF; +} +#filter .filter-nav .accordion-group.active:after { + display: block; + height: 0px; + width: 0px; + position: absolute; + bottom: -12px; + left: 50%; + margin-left: -5px; + content: ""; + border-style: solid; + border-width: 0 6px 6px 6px; + border-color: transparent transparent #e5e5e5 transparent; + z-index: 5 +} +#filter .filter-group { + clear: both; + border: none; + margin-bottom: 0px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; +} +#filter .filter-group .accordion-body { + background-color: #e5e5e5; + border-radius: 3px; +} +#filter .filter-group .accordion-body .filter-clear { + padding: 4px; + border-top: 1px solid #D5D5D5; + text-align: right; + -webkit-box-shadow: inset 0px 1px 0px #ECECEC; + -moz-box-shadow: inset 0px 1px 0px #ECECEC; + -o-box-shadow: inset 0px 1px 0px #ECECEC; + box-shadow: inset 0px 1px 0px #ECECEC; +} +#filter .filter-group .accordion-body .filter-clear a { + text-decoration: none; +} +#filter .filter-group .collapse.in { +} +#filter .filter-group .accordion-inner { + padding: 8px 8px 5px; + /*margin-top: 10px;*/ +} +#filter .filter-group .accordion-inner > .btn { + margin-bottom: 3px; +} + + +/* Responsive */ +@media (max-width: 480px) { + /* Filter */ + #filter .filter-nav { + float: left; + } + #filter .accordion-inner.pagination-right { + text-align: left; + } +} \ No newline at end of file diff --git a/custom_gallery/app/assets/stylesheets/jquery-ui.css b/custom_gallery/app/assets/stylesheets/jquery-ui.css new file mode 100644 index 0000000..759a187 --- /dev/null +++ b/custom_gallery/app/assets/stylesheets/jquery-ui.css @@ -0,0 +1,566 @@ +/* + * jQuery UI CSS Framework 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Theming/API + */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { display: none; } +.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } +.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } +.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } +.ui-helper-clearfix { display: inline-block; } +/* required comment for clearfix to work in Opera \*/ +* html .ui-helper-clearfix { height:1%; } +.ui-helper-clearfix { display:block; } +/* end clearfix */ +.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { cursor: default !important; } + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } +/* + * jQuery UI Accordion 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Accordion#theming + */ +/* IE/Win - Fix animation bug - #4615 */ +.ui-accordion { width: 100%; } +.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } +.ui-accordion .ui-accordion-li-fix { display: inline; } +.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } +.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } +.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } +.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } +.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } +.ui-accordion .ui-accordion-content-active { display: block; } +/* + * jQuery UI Autocomplete 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Autocomplete#theming + */ +.ui-autocomplete { position: absolute; cursor: default; } + +/* workarounds */ +* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ + +/* + * jQuery UI Menu 1.8.16 + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Menu#theming + */ +.ui-menu { + list-style:none; + padding: 2px; + margin: 0; + display:block; + float: left; +} +.ui-menu .ui-menu { + margin-top: -3px; +} +.ui-menu .ui-menu-item { + margin:0; + padding: 0; + zoom: 1; + float: left; + clear: left; + width: 100%; +} +.ui-menu .ui-menu-item a { + text-decoration:none; + display:block; + padding:.2em .4em; + line-height:1.5; + zoom:1; +} +.ui-menu .ui-menu-item a.ui-state-hover, +.ui-menu .ui-menu-item a.ui-state-active { + font-weight: normal; + margin: -1px; +} +/* + * jQuery UI Button 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Button#theming + */ +.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ +.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ +button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ +.ui-button-icons-only { width: 3.4em; } +button.ui-button-icons-only { width: 3.7em; } + +/*button text element */ +.ui-button .ui-button-text { display: block; line-height: 1.4; } +.ui-button-text-only .ui-button-text { padding: .4em 1em; } +.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } +.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } +.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } +.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } +/* no icon support for input elements, provide padding by default */ +input.ui-button { padding: .4em 1em; } + +/*button icon element(s) */ +.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } +.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } +.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } +.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } +.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } + +/*button sets*/ +.ui-buttonset { margin-right: 7px; } +.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } + +/* workarounds */ +button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ +/* + * jQuery UI Datepicker 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Datepicker#theming + */ +.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } +.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } +.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } +.ui-datepicker .ui-datepicker-prev { left:2px; } +.ui-datepicker .ui-datepicker-next { right:2px; } +.ui-datepicker .ui-datepicker-prev-hover { left:1px; } +.ui-datepicker .ui-datepicker-next-hover { right:1px; } +.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } +.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } +.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } +.ui-datepicker select.ui-datepicker-month-year {width: 100%;} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { width: 49%;} +.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } +.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } +.ui-datepicker td { border: 0; padding: 1px; } +.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } +.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } +.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } + +/* with multiple calendars */ +.ui-datepicker.ui-datepicker-multi { width:auto; } +.ui-datepicker-multi .ui-datepicker-group { float:left; } +.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } +.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } +.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } +.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } +.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } +.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } + +/* RTL support */ +.ui-datepicker-rtl { direction: rtl; } +.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } +.ui-datepicker-rtl .ui-datepicker-group { float:right; } +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } + +/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ +.ui-datepicker-cover { + display: none; /*sorry for IE5*/ + display/**/: block; /*sorry for IE5*/ + position: absolute; /*must have*/ + z-index: -1; /*must have*/ + filter: mask(); /*must have*/ + top: -4px; /*must have*/ + left: -4px; /*must have*/ + width: 200px; /*must have*/ + height: 200px; /*must have*/ +}/* + * jQuery UI Dialog 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Dialog#theming + */ +.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } +.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } +.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } +.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } +.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } +.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } +.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } +.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } +.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } +.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } +.ui-draggable .ui-dialog-titlebar { cursor: move; } +/* + * jQuery UI Progressbar 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Progressbar#theming + */ +.ui-progressbar { height:2em; text-align: left; } +.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* + * jQuery UI Resizable 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Resizable#theming + */ +.ui-resizable { position: relative;} +.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } +.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } +.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } +.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } +.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } +.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } +.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } +.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } +.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* + * jQuery UI Selectable 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Selectable#theming + */ +.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } +/* + * jQuery UI Slider 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Slider#theming + */ +.ui-slider { position: relative; text-align: left; } +.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } +.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } + +.ui-slider-horizontal { height: .8em; } +.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } +.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } +.ui-slider-horizontal .ui-slider-range-min { left: 0; } +.ui-slider-horizontal .ui-slider-range-max { right: 0; } + +.ui-slider-vertical { width: .8em; height: 100px; } +.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } +.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } +.ui-slider-vertical .ui-slider-range-min { bottom: 0; } +.ui-slider-vertical .ui-slider-range-max { top: 0; }/* + * jQuery UI Tabs 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Tabs#theming + */ +.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ +.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } +.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } +.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } +.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ +.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } +.ui-tabs .ui-tabs-hide { display: none !important; } +/* + * jQuery UI CSS Framework 1.8.16 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Theming/API + * + * To view and modify this theme, visit http://jqueryui.com/themeroller/ + */ + + +/* Component containers +----------------------------------*/ +.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } +.ui-widget .ui-widget { font-size: 1em; } +.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } +.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } +.ui-widget-content a { color: #222222/*{fcContent}*/; } +.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } +.ui-widget-header a { color: #222222/*{fcHeader}*/; } + +/* Interaction states +----------------------------------*/ +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } +.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; } +.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } +.ui-widget :active { outline: none; } + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } +.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } +.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } +.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } +.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } +.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } +.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } +.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } +.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } +.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } +.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } +.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } + +/* positioning */ +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-off { background-position: -96px -144px; } +.ui-icon-radio-on { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } +.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } +.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } +.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } + +/* Overlays */ +.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } +.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } \ No newline at end of file diff --git a/custom_gallery/app/assets/stylesheets/jquery.fileupload-ui.css b/custom_gallery/app/assets/stylesheets/jquery.fileupload-ui.css new file mode 100644 index 0000000..71b8d42 --- /dev/null +++ b/custom_gallery/app/assets/stylesheets/jquery.fileupload-ui.css @@ -0,0 +1,168 @@ +@charset 'UTF-8'; +/* + * jQuery File Upload UI Plugin CSS 5.0.6 + * https://github.com/blueimp/jQuery-File-Upload + * + * Copyright 2010, Sebastian Tschan + * https://blueimp.net + * + * Licensed under the MIT license: + * http://creativecommons.org/licenses/MIT/ + */ +body { margin: 0; } +#fileupload { position: relative; } +#fileupload form { margin: 0; } +.fileupload-buttonbar .ui-button input { + position: absolute; + top: 0; + right: 0; + margin: 0; + border: solid transparent; + border-width: 0 0 100px 200px; + opacity: 0; + filter: alpha(opacity=0); + -o-transform: translate(250px, -50px) scale(1); + -moz-transform: translate(-300px, 0) scale(4); + direction: ltr; + cursor: pointer; +} + +.fileinput-button { + overflow: hidden; +} + +/* Fix for IE 6: */ +/**html .fileinput-button { + padding: 2px 0; +}*/ + +/* Fix for IE 7: */ +/**+html .fileinput-button { + padding: 2px 0; +}*/ + +.fileupload-buttonbar { + height: 44px; + border-bottom: none; + background: transparent 0 0 url(../../../assets/custom_gallery/uppt.png) repeat-x; + position: relative; + z-index: 9; + } + +.fileupload-buttonbar .ui-button { + vertical-align: middle; + font-size: 13px; + font-family: mako; + border: none; + margin: 0; + padding: 0; + background: none; + } +.fileupload-buttonbar .ui-button .ui-button-text { + height: 40px; + line-height: 40px; + padding: 0 14px 0 26px; + background: transparent right center url(../../../assets/custom_gallery/upsep.png) no-repeat; + text-shadow: 1px 1px 0 #fff; + } + +.fileupload-content { + border-top-width: 0; + height: 250px; + overflow: auto; + overflow-x:hidden; + background: #FAFAFA center center url(../../../assets/custom_gallery/uploadbg.gif) no-repeat; + position: relative; + margin-top: -2px; + z-index: 2; + } + +.fileupload-content .ui-progressbar { + width: auto; + height: 18px; + } + +.fileupload-content .ui-progressbar-value { + background: url(../../../assets/custom_gallery/pbar-ani.gif); + height: 16px; + margin: 0; + border-left: none; + border-right: none; + border-radius: 6px; + } +.files .ui-progressbar-value { border: none; height: 18px; border-radius: 2px; } +.fileupload-content .fileupload-progressbar { + width: 400px; + margin: -20px 0 0 -202px; + padding: 2px; + background: rgba(0,0,0,0.8); + position: fixed; + top: 50%; + left: 50%; + border: 0; + border-radius: 4px; + box-shadow: 0 2px 3px rgba(0,0,0,0.4); + -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.4); + -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.4); + -ms-box-shadow: 0 2px 3px rgba(0,0,0,0.4); + } + +.files { + margin: 0; + border-collapse: collapse; + width: 100%; + table-layout:fixed; + font-family: mako; +} + +.files td { + padding: 5px 4px; + border-spacing: 0; + font-size: 13px; + } + +.files img { border: none; width: 80px; } + +.files .name { } + +.files .size { + text-align: right; + white-space: nowrap; + width: 100px; + } +.files .preview { width: 88px; } +/*.files .progress { width: ; }*/ +.files .start { width: 40px; } +.files .cancel { width: 40px; } + +.ui-state-disabled .ui-state-disabled { + opacity: 1; + filter: alpha(opacity=100); +} + +.ui-state-disabled input { + cursor: default; +} +.fileupload-buttonbar .ui-icon { + background: transparent center 0 url(../../../assets/custom_gallery/upicon.png) no-repeat; + height: 16px; + margin: 0; + padding: 12px 0; + top: 0; + } +.ui-icon.ui-icon-plusthick {} +.ui-button:hover .ui-icon.ui-icon-plusthick { background-position: center -40px; } +.ui-icon.ui-icon-circle-arrow-e { background-position: center -80px; } +.ui-button:hover .ui-icon.ui-icon-circle-arrow-e { background-position: center -120px; } +.ui-icon.ui-icon-cancel { background-position: center -160px; } +.ui-button:hover .ui-icon.ui-icon-cancel { background-position: center -200px; } +.ui-icon.ui-icon-trash { background-position: center -240px; } +.ui-button:hover .ui-icon.ui-icon-trash { background-position: center -280px; } + +.files .ui-icon { background: transparent center 0 url(../../../assets/custom_gallery/upicon.png) no-repeat; } +.files .ui-icon.ui-icon-circle-arrow-e { background-position: center -91px; } +.files .ui-button:hover .ui-icon.ui-icon-circle-arrow-e { background-position: center -131px; } +.files .ui-icon.ui-icon-cancel { background-position: center -171px; } +.files .ui-button:hover .ui-icon.ui-icon-cancel { background-position: center -211px; } +.files .ui-icon.ui-icon-trash { background-position: center -251px; } +.files .ui-button:hover .ui-icon.ui-icon-trash { background-position: center -291px; } \ No newline at end of file diff --git a/custom_gallery/app/assets/stylesheets/jquery.minicolors.css b/custom_gallery/app/assets/stylesheets/jquery.minicolors.css new file mode 100644 index 0000000..a281101 --- /dev/null +++ b/custom_gallery/app/assets/stylesheets/jquery.minicolors.css @@ -0,0 +1,432 @@ +.minicolors { + position: relative; +} + +.minicolors-sprite { + background-image: url(jquery.minicolors.png); +} + +.minicolors-swatch { + position: absolute; + vertical-align: middle; + background-position: -80px 0; + border: solid 1px #ccc; + cursor: text; + padding: 0; + margin: 0; + display: inline-block; +} + +.minicolors-swatch-color { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.minicolors input[type=hidden] + .minicolors-swatch { + width: 28px; + position: static; + cursor: pointer; +} + +.minicolors input[type=hidden][disabled] + .minicolors-swatch { + cursor: default; +} + +/* Panel */ +.minicolors-panel { + position: relative; + width: 173px; + background: white; + border: solid 1px #CCC; + box-shadow: 0 0 20px rgba(0, 0, 0, .2); + z-index: 99999; + box-sizing: content-box; + display: none; +} + +.minicolors-panel.minicolors-visible { + display: block; +} + +/* Panel positioning */ +.minicolors-position-top .minicolors-panel { + top: -154px; +} + +.minicolors-position-right .minicolors-panel { + right: 0; +} + +.minicolors-position-bottom .minicolors-panel { + top: auto; +} + +.minicolors-position-left .minicolors-panel { + left: 0; +} + +.minicolors-with-opacity .minicolors-panel { + width: 194px; +} + +.minicolors .minicolors-grid { + position: relative; + top: 1px; + left: 1px; /* LTR */ + width: 150px; + height: 150px; + margin-bottom: 2px; + background-position: -120px 0; + cursor: crosshair; +} +[dir=rtl] .minicolors .minicolors-grid { + right: 1px; +} + +.minicolors .minicolors-grid-inner { + position: absolute; + top: 0; + left: 0; + width: 150px; + height: 150px; +} + +.minicolors-slider-saturation .minicolors-grid { + background-position: -420px 0; +} + +.minicolors-slider-saturation .minicolors-grid-inner { + background-position: -270px 0; + background-image: inherit; +} + +.minicolors-slider-brightness .minicolors-grid { + background-position: -570px 0; +} + +.minicolors-slider-brightness .minicolors-grid-inner { + background-color: black; +} + +.minicolors-slider-wheel .minicolors-grid { + background-position: -720px 0; +} + +.minicolors-slider, +.minicolors-opacity-slider { + position: absolute; + top: 1px; + left: 152px; /* LTR */ + width: 20px; + height: 150px; + background-color: white; + background-position: 0 0; + cursor: row-resize; +} +[dir=rtl] .minicolors-slider, +[dir=rtl] .minicolors-opacity-slider { + right: 152px; +} + +.minicolors-slider-saturation .minicolors-slider { + background-position: -60px 0; +} + +.minicolors-slider-brightness .minicolors-slider { + background-position: -20px 0; +} + +.minicolors-slider-wheel .minicolors-slider { + background-position: -20px 0; +} + +.minicolors-opacity-slider { + left: 173px; /* LTR */ + background-position: -40px 0; + display: none; +} +[dir=rtl] .minicolors-opacity-slider { + right: 173px; +} + +.minicolors-with-opacity .minicolors-opacity-slider { + display: block; +} + +/* Pickers */ +.minicolors-grid .minicolors-picker { + position: absolute; + top: 70px; + left: 70px; + width: 12px; + height: 12px; + border: solid 1px black; + border-radius: 10px; + margin-top: -6px; + margin-left: -6px; + background: none; +} + +.minicolors-grid .minicolors-picker > div { + position: absolute; + top: 0; + left: 0; + width: 8px; + height: 8px; + border-radius: 8px; + border: solid 2px white; + box-sizing: content-box; +} + +.minicolors-picker { + position: absolute; + top: 0; + left: 0; + width: 18px; + height: 2px; + background: white; + border: solid 1px black; + margin-top: -2px; + box-sizing: content-box; +} + +/* Swatches */ +.minicolors-swatches, +.minicolors-swatches li { + margin: 5px 0 3px 5px; /* LTR */ + padding: 0; + list-style: none; + overflow: hidden; +} +[dir=rtl] .minicolors-swatches, +[dir=rtl] .minicolors-swatches li { + margin: 5px 5px 3px 0; +} + +.minicolors-swatches .minicolors-swatch { + position: relative; + float: left; /* LTR */ + cursor: pointer; + margin:0 4px 0 0; /* LTR */ +} +[dir=rtl] .minicolors-swatches .minicolors-swatch { + float: right; + margin:0 0 0 4px; +} + +.minicolors-with-opacity .minicolors-swatches .minicolors-swatch { + margin-right: 7px; /* LTR */ +} +[dir=rtl] .minicolors-with-opacity .minicolors-swatches .minicolors-swatch { + margin-right: 0; + margin-left: 7px; +} + +.minicolors-swatch.selected { + border-color: #000; +} + +/* Inline controls */ +.minicolors-inline { + display: inline-block; +} + +.minicolors-inline .minicolors-input { + display: none !important; +} + +.minicolors-inline .minicolors-panel { + position: relative; + top: auto; + left: auto; /* LTR */ + box-shadow: none; + z-index: auto; + display: inline-block; +} +[dir=rtl] .minicolors-inline .minicolors-panel { + right: auto; +} + +/* Default theme */ +.minicolors-theme-default .minicolors-swatch { + top: 5px; + left: 5px; /* LTR */ + width: 18px; + height: 18px; +} +[dir=rtl] .minicolors-theme-default .minicolors-swatch { + right: 5px; +} +.minicolors-theme-default .minicolors-swatches .minicolors-swatch { + margin-bottom: 2px; + top: 0; + left: 0; /* LTR */ + width: 18px; + height: 18px; +} +[dir=rtl] .minicolors-theme-default .minicolors-swatches .minicolors-swatch { + right: 0; +} +.minicolors-theme-default.minicolors-position-right .minicolors-swatch { + left: auto; /* LTR */ + right: 5px; /* LTR */ +} +[dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-swatch { + right: auto; + left: 5px; +} +.minicolors-theme-default.minicolors { + width: auto; + display: inline-block; +} +.minicolors-theme-default .minicolors-input { + height: 20px; + width: auto; + display: inline-block; + padding-left: 26px; /* LTR */ +} +[dir=rtl] .minicolors-theme-default .minicolors-input { + text-align: right; + unicode-bidi: plaintext; + padding-left: 1px; + padding-right: 26px; +} +.minicolors-theme-default.minicolors-position-right .minicolors-input { + padding-right: 26px; /* LTR */ + padding-left: inherit; /* LTR */ +} +[dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-input { + padding-right: inherit; + padding-left: 26px; +} + +/* Bootstrap theme */ +.minicolors-theme-bootstrap .minicolors-swatch { + z-index: 2; + top: 3px; + left: 3px; /* LTR */ + width: 28px; + height: 28px; + border-radius: 3px; +} +[dir=rtl] .minicolors-theme-bootstrap .minicolors-swatch { + right: 3px; +} +.minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch { + margin-bottom: 2px; + top: 0; + left: 0; /* LTR */ + width: 20px; + height: 20px; +} +[dir=rtl] .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch { + right: 0; +} +.minicolors-theme-bootstrap .minicolors-swatch-color { + border-radius: inherit; +} +.minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch { + left: auto; /* LTR */ + right: 3px; /* LTR */ +} +[dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left > .minicolors-swatch { + right: auto; + left: 3px; +} +.minicolors-theme-bootstrap .minicolors-input { + float: none; + padding-left: 44px; /* LTR */ +} +[dir=rtl] .minicolors-theme-bootstrap .minicolors-input { + text-align: right; + unicode-bidi: plaintext; + padding-left: 12px; + padding-right: 44px; +} +.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input { + padding-right: 44px; /* LTR */ + padding-left: 12px; /* LTR */ +} +[dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left .minicolors-input { + padding-right: 12px; + padding-left: 44px; +} +.minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch { + top: 4px; + left: 4px; /* LTR */ + width: 37px; + height: 37px; + border-radius: 5px; +} +[dir=rtl] .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch { + right: 4px; +} +.minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch { + width: 24px; + height: 24px; +} +.minicolors-theme-bootstrap .minicolors-input.input-xs + .minicolors-swatch { + width: 18px; + height: 18px; +} +.input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input { + border-top-left-radius: 0; /* LTR */ + border-bottom-left-radius: 0; /* LTR */ +} +[dir=rtl] .input-group .minicolors-theme-bootstrap .minicolors-input { + border-radius: 4px; +} +[dir=rtl] .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +[dir=rtl] .input-group .minicolors-theme-bootstrap:not(:last-child) .minicolors-input { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +/* bootstrap input-group rtl override */ +[dir=rtl] .input-group .form-control, +[dir=rtl] .input-group-addon, +[dir=rtl] .input-group-btn > .btn, +[dir=rtl] .input-group-btn > .btn-group > .btn, +[dir=rtl] .input-group-btn > .dropdown-toggle { + border: 1px solid #ccc; + border-radius: 4px; +} +[dir=rtl] .input-group .form-control:first-child, +[dir=rtl] .input-group-addon:first-child, +[dir=rtl] .input-group-btn:first-child > .btn, +[dir=rtl] .input-group-btn:first-child > .btn-group > .btn, +[dir=rtl] .input-group-btn:first-child > .dropdown-toggle, +[dir=rtl] .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +[dir=rtl] .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0; +} +[dir=rtl] .input-group .form-control:last-child, +[dir=rtl] .input-group-addon:last-child, +[dir=rtl] .input-group-btn:last-child > .btn, +[dir=rtl] .input-group-btn:last-child > .btn-group > .btn, +[dir=rtl] .input-group-btn:last-child > .dropdown-toggle, +[dir=rtl] .input-group-btn:first-child > .btn:not(:first-child), +[dir=rtl] .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +/* Semantic Ui theme */ +.minicolors-theme-semanticui .minicolors-swatch { + top: 0; + left: 0; /* LTR */ + padding: 18px; +} +[dir=rtl] .minicolors-theme-semanticui .minicolors-swatch { + right: 0; +} +.minicolors-theme-semanticui input { + text-indent: 30px; +} diff --git a/custom_gallery/app/assets/stylesheets/widget_custom_gallery.css b/custom_gallery/app/assets/stylesheets/widget_custom_gallery.css new file mode 100644 index 0000000..c9537eb --- /dev/null +++ b/custom_gallery/app/assets/stylesheets/widget_custom_gallery.css @@ -0,0 +1,70 @@ +.widget_custom_gallery { + margin-bottom: 20px; +} +.widget_custom_gallery:after { + display: table; + width: 100%; + content: ''; +} +.widget_custom_gallery ul { + list-style: none; + margin: 0; + padding: 0; +} +.widget_custom_gallery li a { + display: block; +} +.widget_custom_gallery li a img { + height: auto; + display: block; +} + +/* widget 1 */ +.w1 ul { + margin: 0 -1%; +} +.w1 li { + float: left; + margin: 1%; +} +.w1.c2 li { width: 48%; } +.w1.c3 li { width: 31.3333%; } +.w1.c4 li { width: 23%; } +.w1.c5 li { width: 18%; } +.w1.c6 li { width: 14.6666%; } +.w1 li a { + -webkit-transition: opacity 0.3s ease; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} +.w1 li a:hover { + opacity: 0.8; + position: relative; +} +.w1 li a img { + width: 100%; +} + +/* widget 2 */ +.w2 li { + width: 100%; +} +.w2 li a img { + width: 100%; + height: auto; +} +.w2 li a { + position: relative; + overflow: hidden; + color: #fff; + text-transform: capitalize; +} +.w2 li a .desc { + position: absolute; + bottom: -60px; + opacity: 0; + display: block; + width: 100%; + padding: 5%; + background-color: rgba(8, 166, 255, 0.8); +} \ No newline at end of file diff --git a/custom_gallery/app/controllers/.keep b/custom_gallery/app/controllers/.keep new file mode 100644 index 0000000..e69de29 diff --git a/custom_gallery/app/controllers/admin/custom_galleries_controller.rb b/custom_gallery/app/controllers/admin/custom_galleries_controller.rb new file mode 100644 index 0000000..0dfeeac --- /dev/null +++ b/custom_gallery/app/controllers/admin/custom_galleries_controller.rb @@ -0,0 +1,673 @@ +require 'rubyXL' +class Admin::CustomGalleriesController < OrbitAdminController + include Admin::CustomGalleriesHelper + before_filter :setup_vars + before_action :authenticate_user, :except => "imgs" + before_action :log_user_action + layout :compute_layout + find_tag = Tag.all.select{|value| value.name==I18n.t('custom_gallery.not_show_desc')} + if find_tag.length==0 + module_app_id = ModuleApp.where(:key=>"custom_gallery").first[:_id] + tags = ModuleApp.where(:key=>"custom_gallery").first.tags + tag0 = Tag.new(is_default: false,module_app_ids: [module_app_id]) + tag1 = Tag.new(is_default: false,module_app_ids: [module_app_id]) + nowlocale = I18n.locale + I18n.available_locales.each do |locale| + I18n.locale = locale + tag0.name = I18n.t('custom_gallery.show_desc') + tag1.name = I18n.t('custom_gallery.not_show_desc') + end + I18n.locale = nowlocale + tag0.save + tag1.save + tags << tag0 + tags << tag1 + elsif find_tag.length>1 + show_tags = Tag.all.select{|value| value.name==I18n.t('custom_gallery.show_desc')} + show_tags.each_with_index do |show_tag,index1| + if index1>0 + if show_tag.taggings.count==0 + show_tag.delete + end + end + end + find_tag.each_with_index do |not_show_tag,index1| + if index1>0 + if not_show_tag.taggings.count==0 + not_show_tag.delete + end + end + end + end + def compute_layout + if action_name== 'index' && !params['page_no'].nil? + false + else + 'back_end' + end + end + def get_tag + custom_album = CustomAlbum.find(params['ele_id']) rescue nil + if !custom_album.nil? + text = custom_album.tags.collect do |tag| + "#{custom_album.description}
" : "")} + } + end + def iterate_data(*args) + tmp = nil + args.each do |arg| + if !arg.blank? && arg != 'transparent' + tmp = arg + break + end + end + tmp + end + def self.custom_widget_data + @custom_configs = CustomAlbumConfig.all.to_a + ac = ActionController::Base.new + ac.render_to_string("custom_galleries/custom_widget_data",:locals=>{:@custom_data_field=>@custom_data_field,:@custom_configs=>@custom_configs,:@field_name=>@field_name}) + end + def custom_album_widget + @custom_album_setting = CustomAlbumSetting.first + params = OrbitHelper.params + tags = OrbitHelper.widget_tags.empty? ? ["all"] : OrbitHelper.widget_tags + custom_album_tp = CustomAlbum.filter_by_widget_categories(OrbitHelper.widget_categories,false).filter_by_tags(tags) + all_count = custom_album_tp.count + page_data_count = OrbitHelper.widget_data_count + no_order_count = custom_album_tp.where(:order.in=>[-1,nil]).count + with_order_count = all_count - no_order_count + with_order_total_pages = (with_order_count.to_f / page_data_count).ceil + custom_albums_with_order = custom_album_tp.asc(:order).where(:order.ne=>-1).and(:order.ne=>nil).to_a rescue [] + page_no = (params[:page_no] || 1).to_i + if page_no < with_order_total_pages + custom_albums_no_order = [] + custom_albums_with_order = custom_albums_with_order[(page_no-1)*page_data_count...page_no*page_data_count] + elsif page_no == with_order_total_pages + if custom_albums_with_order.count == page_data_count + custom_albums_no_order = [] + else + custom_albums_no_order = custom_album_tp.desc(:created_at).where(:order.in=>[-1,nil]).page(nil).per(all_count)[0...(page_data_count - custom_albums_with_order.count)] + end + else + custom_albums_with_order = [] + start_index = (page_data_count - (with_order_count % page_data_count) + page_data_count*(page_no - 1 - with_order_total_pages)) + custom_albums_no_order = custom_album_tp.desc(:created_at).where(:order.in=>[-1,nil]).page(nil).per(all_count)[start_index...(start_index+page_data_count)].to_a + end + custom_albums = custom_albums_with_order.concat(custom_albums_no_order) + custom_album_color_map = CustomAlbumColor.where(:custom_album_id.in=> custom_albums.map{|v| v.id}).pluck(:custom_album_id,:color,:custom_album_card_background_color,:custom_album_card_text_color).map{|v| [v[0],v[1..-1]]}.to_h + custom_galleries = custom_albums.collect.with_index do |a,i| + doc = Nokogiri::HTML(a.description.to_s) + alt_text = doc.text.empty? ? 'custom_gallery image' : doc.text.strip + colors = custom_album_color_map[a.id] + thumb_src = a.cover_path || "/assets/custom_gallery/default.jpg" + cover_image = CustomAlbumImage.find(a.cover) rescue a.custom_album_images.first + image_description = a.description + image_short_description = a.name + { + "link_text" => a.name, + "custom_album-name" => a.name, + "custom_album-description" => a.description, + "alt_title" => alt_text, + "link_to_show" => OrbitHelper.widget_more_url + "/" + a.to_param + "#" + (cover_image.id.to_s rescue ""), + "src" => thumb_src.gsub("thumb_",""), + "thumb-src" => thumb_src, + "thumb-large-src" => thumb_src.gsub("thumb_","thumb_large_"), + "mobile-src" => thumb_src.gsub("thumb_","mobile_"), + "theater-src" => thumb_src.gsub("thumb_","theater_"), + "image_description" => image_description, + "image_short_description" => image_short_description, + "custom_album_color" => iterate_data(colors[1],colors[0],@custom_album_setting.custom_album_card_background_color,'transparent'), + "custom_album_card_text_color" => iterate_data(colors[2],@custom_album_setting.custom_album_card_text_color), + "i" => i + } + end + { + "images" => custom_galleries, + "extras" => {"widget-title"=>"CustomGallery","more_url" => OrbitHelper.widget_more_url,"more_text"=>(locale == :en ? 'more' : '更多照片')} + } + end + def widget + @custom_album_setting = CustomAlbumSetting.first + tags = OrbitHelper.widget_tags.empty? ? ["all"] : OrbitHelper.widget_tags + custom_album_ids = CustomAlbum.filter_by_widget_categories(OrbitHelper.widget_categories,false).filter_by_tags(tags).pluck(:id) + custom_album_color_map = CustomAlbumColor.where(:custom_album_id.in=> custom_album_ids).pluck(:custom_album_id,:color,:custom_album_card_background_color,:custom_album_card_text_color).map{|v| [v[0],v[1..-1]]}.to_h + params = OrbitHelper.params + counts = OrbitHelper.widget_data_count + images = CustomAlbumImage.where({custom_album_id:{"$in"=>custom_album_ids}}).desc(:id).limit(counts *5).sample(counts) + images = images.each_with_index.collect do |a,i| + colors = custom_album_color_map[a.custom_album_id] + alt_text = (a.description.blank? ? "custom_gallery image" : Nokogiri::HTML(a.description).text().strip) + { + "link_text" => "", + "link_to_show" => OrbitHelper.widget_more_url + "/" + a.custom_album.to_param + "#" + a.id.to_s, + "alt_title" => alt_text, + "src" => a.file.url, + "thumb-src" => a.file.thumb.url, + "thumb-large-src" => a.file.thumb_large.url, + "image_description" => a.description, + "image_short_description" => a.title, + "mobile-src" => a.file.mobile.url, + "theater-src" => a.file.theater.url, + "custom_album-name" => a.custom_album.name_translations[I18n.locale], + "custom_album_color" => iterate_data(colors[1],colors[0],@custom_album_setting.custom_album_card_background_color,'transparent'), + "custom_album_card_text_color" => iterate_data(colors[2],@custom_album_setting.custom_album_card_text_color), + "i" => i + } + end + { + "images" => images, + "extras" => {"widget-title"=>"CustomGallery","more_url" => OrbitHelper.widget_more_url,"more_text"=>(locale == :en ? 'more' : '更多照片')} + } + end + def imgs(custom_album_id) + custom_album = CustomAlbum.find(custom_album_id) + tag_names = Array.new + images = custom_album.custom_album_images.asc(:order) + output = Array.new + images.each do |values| + alt_text = (values.description.nil? || values.description == "" ? "custom_gallery image" : values.description) + output << { _id: values.id.to_s, + description: values.description, + title: values.title, + alt_title: alt_text, + url: values.file.url, + file: values.file.as_json[:file], + custom_gallery_custom_album_id: values.custom_album_id, + tags: values.tags} + end + return output + end + def theater + if params[:id].include?('page=') + custom_album = CustomAlbum.where(uid: params[:id].sub('page=','')).first + custom_albumid = custom_album.id + image = custom_album.custom_album_images.first + else + image = CustomAlbumImage.find(params[:id]) + custom_albumid = image.custom_album_id + custom_album = CustomAlbum.find(custom_albumid) + end + images = custom_album.custom_album_images.asc(:order) + data = { + "custom_album" => custom_album, + "image" => image.id.to_s, + "images" => imgs(custom_albumid) + } + render :json => {"data" => data}.to_json + end + + private + + def show_desc? + tags = OrbitHelper.page_tags if tags.blank? + tags = [tags].flatten.uniq + flag = true + tag_temp = Tag.all.select{|value| tags.include? value.id.to_s} + tag_temp_length = 0 + tag_temp.each do |value| + if value.name==I18n.t('custom_gallery.show_desc') + flag = true + elsif value.name==I18n.t('custom_gallery.not_show_desc') + flag = false + end + end + flag + end +end \ No newline at end of file diff --git a/custom_gallery/app/helpers/.keep b/custom_gallery/app/helpers/.keep new file mode 100644 index 0000000..e69de29 diff --git a/custom_gallery/app/helpers/admin/custom_galleries_helper.rb b/custom_gallery/app/helpers/admin/custom_galleries_helper.rb new file mode 100644 index 0000000..5e6434f --- /dev/null +++ b/custom_gallery/app/helpers/admin/custom_galleries_helper.rb @@ -0,0 +1,46 @@ +module Admin::CustomGalleriesHelper + def back_end_breadcrumb + if params[:controller] == "admin/custom_galleries" + res = '' + divider = "/" + res << "<%= custom_album.name %>
+ +<%= t(:title) %> | +<%= t("custom_gallery.total_amount") %> | + + <% target_records.each do |record| %> +
---|---|
+ " title="<%=record.send(config.title_field)%>"><%= record.send(config.title_field) %> + | ++ <%= CustomAlbum.where(:custom_module=>params[:custom_module],:bind_uid=>uid).count %> + | +
<%= @custom_album.description.html_safe %>
+{{image-description}}
+You may have mistyped the address or the page may have moved.
+If you are the application owner check the logs for more information.
+Maybe you tried to change something you didn't have access to.
+If you are the application owner check the logs for more information.
+If you are the application owner check the logs for more information.
+
+