imperavi-rails 0.0.2.beta

data/app/helpers/imperavi_rails/imperavi_helper.rb

@@ -0,0 +1,96 @@
+module ImperaviRails
+  module ImperaviHelper
+    include ActionView::Helpers::AssetTagHelper
+
+    def imperavi_stylesheet_path(source)
+      stylesheet_path("imperavi-rails/imperavi/#{source}")
+    end
+
+    def imperavi_javascript_path(source)
+      javascript_path("imperavi-rails/imperavi/#{source}")
+    end
+
+    def include_imperavi_stylesheet
+      stylesheet_link_tag imperavi_stylesheet_path('redactor')
+    end
+
+    def include_imperavi_javascript
+      javascript_include_tag imperavi_javascript_path('redactor')
+    end
+
+    def imperavi(element, options = {}, wrap = true)
+      result = %Q(
+        $(document).ready(function() {
+          $('##{element}').redactor(#{imperavi_options(options).to_json});
+        });
+      )
+
+      raw(wrap ? "<script>#{result}</script>" : result)
+    end
+
+    def imperavi_options(options)
+      imperavi_default_options.deep_merge!(options)
+    end
+
+    def imperavi_default_options
+      {
+        :air                 => false,
+        :autosave            => false,
+        :interval            => 20,   
+        :resize              => true,
+        :visual              => true,
+        :focus               => false,
+        :autoclear           => true,
+        :removeClasses       => false,
+        :removeStyles        => true,
+        :convertLinks        => true,
+        :autoformat          => true,
+        :clearOnInit         => false,
+        :overlay             => true, 
+        :fileUploadCallback  => false,
+        :imageUploadCallback => false,
+      
+        # Paths to various handlers
+        :paths => {
+          # Editor css
+          :stylesheets => [imperavi_stylesheet_path('wym')],
+
+          # Toolbar
+          :toolbar => imperavi_rails.toolbar_path(:format => :js),
+
+          # Interface translations
+          :language =>  imperavi_rails.language_path(:format => :js),
+
+          # Typograf
+          :typograf => imperavi_rails.typograf_path,
+
+          # Dialogs
+          # TODO Add dialogs sizes
+          :dialogs => {
+            :file      => imperavi_rails.file_path,
+            :fileEdit  => imperavi_rails.file_edit_path,
+            :image     => imperavi_rails.image_path,
+            :imageEdit => imperavi_rails.image_edit_path,
+            :link      => imperavi_rails.link_path,
+            :table     => imperavi_rails.table_path,
+            :video     => imperavi_rails.video_path,
+          },
+
+          # Images
+          :images => {
+            :upload   => '',#'/imperavi/images',
+            :download => '',#'/imperavi/images/777',
+            :list     => '',#'/imperavi/images.json'
+          },
+
+          # Files
+          :files => {
+            :upload   => '',#'/imperavi/files',
+            :download => '',#'/imperavi/files/777', # /tests/file_download.php?file=
+            :remove   => '',#'/imperavi/files/777'  # /tests/file_delete.php?delete=
+          }
+        }
+      }
+    end
+  end
+end

data/app/views/imperavi_rails/imperavi/file.html.erb

@@ -0,0 +1,3 @@
+<form id="redactorUploadFileForm" method="post" action="" enctype="multipart/form-data">
+	<input type="file" id="redactor_file" name="file" />
+</form>

data/app/views/imperavi_rails/imperavi/file_edit.html.erb

@@ -0,0 +1,11 @@
+<form id="redactorUploadFileForm" method="post" action="" enctype="multipart/form-data">
+
+<p><input style="width: 99%;" name="file" id="file" /></p>
+
+
+<p>
+<input type="button" name="download" id="redactorFileDownloadBtn" value="%RLANG.download%" />&nbsp;&nbsp;
+<input type="button" name="delete" id="redactorFileDeleteBtn" value="%RLANG._delete%" />&nbsp;&nbsp;&nbsp;&nbsp;
+<input type="button" name="" onclick="redactorActive.modalClose();" value="%RLANG.cancel%"  />
+</p>
+</form>

data/app/views/imperavi_rails/imperavi/image.html.erb

@@ -0,0 +1,27 @@
+<form id="redactorInsertImageForm" method="post" action="" enctype="multipart/form-data">
+    <input name="utf8" type="hidden" value="&#x2713;" />
+
+	<ul id="redactor_tabs">
+		<li><a href="javascript:void(null);" onclick="showRedactorTabs(this, 1);" class="redactor_tabs_act">%RLANG.choose%</a></li>
+		<li><a href="javascript:void(null);" onclick="showRedactorTabs(this, 2);">%RLANG.upload%</a></li>	
+		<li><a href="javascript:void(null);" onclick="showRedactorTabs(this, 3);">%RLANG.link%</a></li>		
+	</ul>
+	<div id="redactor_tabs1" class="redactor_tabs">
+		<div id="redactor_image_box"></div>
+	</div>
+	<div id="redactor_tabs2" class="redactor_tabs" style="display: none;">
+		<input type="file" id="redactor_file" name="image[image]" />
+	</div>
+	<div id="redactor_tabs3" class="redactor_tabs" style="display: none;">
+		<table class="redactor_ruler" width="100%">
+			<tr>
+				<td class="small">%RLANG.image_web_link%</td>
+				<td></td>
+			</tr>
+			<tr>
+				<td width="100%"><input name="image[image]" id="redactor_file_link"  style="width: 99%"  /></td>
+				<td><input type="button" name="upload" id="redactorUploadBtn" value="%RLANG.insert%" /></td>
+			</tr>
+		</table>
+	</div>
+</form>

data/app/views/imperavi_rails/imperavi/image_edit.html.erb

@@ -0,0 +1,28 @@
+<form id="redactorInsertImageForm" method="post" action="" enctype="multipart/form-data">
+<table class="redactor_ruler">
+	<tr>
+		<td colspan="2" style="padding-bottom: 15px;"><a href="" target="_blank" id="redactor_image_edit_src">%RLANG.image_view%</a></td>
+	</tr>
+	<tr>
+		<td nowrap class="small">%RLANG.title%</td>
+		<td><input id="redactor_file_alt" size="20" /></td>
+	</tr>
+	<tr>
+		<td nowrap class="small">%RLANG.image_position%</td>
+		<td width="100%">
+			<select id="redactor_form_image_align">
+				<option value="0">%RLANG.none%</option>
+				<option value="left">%RLANG.left%</option>
+				<option value="right">%RLANG.right%</option>
+			</select>
+		</td>
+	</tr>
+</table>
+
+
+<p>
+<input type="button" name="save" id="redactorSaveBtn" value="%RLANG.save%" />&nbsp;&nbsp;
+<input type="button" name=""  id="redactor_image_edit_delete" value="%RLANG._delete%"  />&nbsp;&nbsp;
+<input type="button" name="" onclick="redactorActive.modalClose();" value="%RLANG.cancel%"  />
+</p>
+</form>

data/app/views/imperavi_rails/imperavi/language.js.erb

@@ -0,0 +1,65 @@
+var RLANG = {
+	html: 'Код',
+	video: 'Видео',
+	image: 'Изображение',
+	table: 'Таблица',
+	link: 'Ссылка',
+	link_insert: 'Вставить ссылку ...',
+	unlink: 'Удалить ссылку',
+	styles: 'Стили',
+	paragraph: 'Обычный текст',
+	quote: 'Цитата',
+	code: 'Код',
+	header1: 'Заголовок 1',
+	header2: 'Заголовок 2',
+	format: 'Формат',
+	bold:  'Полужирный',
+	italic: 'Наклонный',
+	superscript: 'Надстрочный',
+	strikethrough: 'Зачеркнутый',
+	fontcolor: 'Цвет текста',
+	backcolor: 'Заливка текста',
+	removeformat: 'Удалить формат',
+	cleanstyles: 'Удалить стили MS Word',
+	lists: 'Списки',
+	unorderedlist: 'Обычный список',
+	orderedlist: 'Нумерованный список',	
+	outdent: 'Уменьшить отступ',
+	indent: 'Увеличить отступ',
+	redo: 'Повтор',
+	undo: 'Отмена',
+	cut: 'Кат / Врезка',
+	cancel: 'Отменить',	
+	insert: 'Вставить',
+	save: 'Сохранить',	
+	_delete: 'Удалить',
+	insert_table: 'Вставить таблицу',
+	insert_row_above: 'Добавить строку сверху',
+	insert_row_below: 'Добавить строку снизу',
+	insert_column_left: 'Добавить столбец слева',
+	insert_column_right: 'Добавить столбец справа',									
+	delete_column: 'Удалить столбец',									
+	delete_row: 'Удалить строку',									
+	delete_table: 'Удалить таблицу',
+	Rows: 'Строки',
+	Columns: 'Столбцы',	
+	add_head: 'Добавить заголовок',
+	delete_head: 'Удалить заголовок',	
+	title: 'Подсказка',
+	image_view: 'Скачать изображение',
+	image_position: 'Обтекание текстом',
+	none: 'нет',
+	left: 'слева',
+	right: 'справа',
+	image_web_link: 'Cсылка на изображение',
+	text: 'Текст',
+	mailto: 'Эл. почта',
+	web: 'URL',
+	video_html_code: 'Код видео ролика',
+	file: 'Файл',
+	upload: 'Загрузить',
+	download: 'Скачать',
+	choose: 'Выбрать',
+	or_choose: 'Или выберите',
+	drop_file_here: 'Перетащите файл сюда'		
+};

data/app/views/imperavi_rails/imperavi/link.html.erb

@@ -0,0 +1,29 @@
+<form id="redactorInsertLinkForm">
+<table class="redactor_ruler" style="margin-bottom: 6px;">
+	<tr>
+		<td style="white-space: nowrap;"><input value="link" name="redactor_link" id="redactor_link_id_url" type="radio" onclick="$('#redactor_link_url_name').text('URL')" checked="checked">&nbsp;<label for="redactor_link_id_url">%RLANG.web%</label></td>
+		<td width="100%"><input value="email" name="redactor_link" id="redactor_link_id_email" onclick="$('#redactor_link_url_name').text('%RLANG.mailto%')"  type="radio">&nbsp;<label for="redactor_link_id_email">%RLANG.mailto%</label></td>
+	</tr>
+</table>
+
+<table class="redactor_ruler">
+	<tr>
+		<td nowrap id="redactor_link_url_name">URL</td>
+		<td width="100%"><input name="redactor_link_url" id="redactor_link_url" style="width: 99%;"  /></td>
+	</tr>
+	<tr>
+		<td>%RLANG.text%</td>
+		<td><input name="redactor_link_text" id="redactor_link_text" style="width: 99%;" /></td>
+	</tr>
+	<tr>
+		<td>%RLANG.title%</td>
+		<td><input name="redactor_link_title" id="redactor_link_title"  style="width: 99%;"   /></td>
+	</tr>
+</table>
+
+
+</form>
+
+
+<input type="button" name="" id="" value="%RLANG.insert%" onclick="redactorActive.insertLink();" />&nbsp;&nbsp;
+<input type="button" name="" onclick="redactorActive.modalClose();" value="%RLANG.cancel%"  />

data/app/views/imperavi_rails/imperavi/table.html.erb

@@ -0,0 +1,13 @@
+
+<table class="redactor_ruler" width="99%">
+	<tr>
+		<td>%RLANG.Rows%:</td>
+		<td><input size="5" value="2" id="redactor_table_rows" /></td>
+		<td>%RLANG.Columns%:</td>
+		<td><input size="5" value="3" id="redactor_table_columns" /></td>
+	</tr>
+</table>
+
+
+<p><input type="button" name="" id="" value="%RLANG.insert%" onclick="redactorActive.insertTable();" />&nbsp;&nbsp;
+<input type="button" name=""  onclick="redactorActive.modalClose();" value="%RLANG.cancel%"  /></p>

data/app/views/imperavi_rails/imperavi/toolbar.js.erb

@@ -0,0 +1,69 @@
+var RTOOLBAR = {
+	html: { name: 'html', title: RLANG.html, func: 'toggle' },	
+	styles: 
+	{
+		name: 'styles', title: RLANG.styles, func: 'show', 
+		dropdown: 
+		{
+			p: 			{exec: 'formatblock', name: '<p>', title: RLANG.paragraph},
+			blockquote: {exec: 'formatblock', name: '<blockquote>', title: RLANG.quote},
+			code: 		{exec: 'formatblock', name: '<pre>', title: RLANG.code},
+			h2: 		{exec: 'formatblock', name: '<h2>', title: RLANG.header1, style: 'font-size: 18px;'},
+			h3: 		{exec: 'formatblock', name: '<h3>', title: RLANG.header2, style: 'font-size: 14px; font-weight: bold;'}																	
+		}
+	},
+	format: 
+	{
+		name: 'format', title: RLANG.format, func: 'show',
+		dropdown: 
+		{
+			bold: 		  {exec: 'bold', name: 'bold', title: RLANG.bold, style: 'font-weight: bold;'},
+			italic: 	  {exec: 'italic', name: 'italic', title: RLANG.italic, style: 'font-style: italic;'},
+			superscript:  {exec: 'superscript', name: 'superscript', title: RLANG.superscript},
+			strikethrough:  {exec: 'StrikeThrough', name: 'StrikeThrough', title: RLANG.strikethrough, style: 'text-decoration: line-through !important;'},
+			removeformat: {exec: 'removeformat', name: 'removeformat', title: RLANG.removeformat}
+		}						
+	},
+	lists: 	
+	{
+		name: 'lists', title: RLANG.lists, func: 'show',
+		dropdown: 
+		{
+			ul: 	 {exec: 'insertunorderedlist', name: 'insertunorderedlist', title: '&bull; ' + RLANG.unorderedlist},
+			ol: 	 {exec: 'insertorderedlist', name: 'insertorderedlist', title: '1. ' + RLANG.orderedlist},
+			outdent: {exec: 'outdent', name: 'outdent', title: '< ' + RLANG.outdent},
+			indent:  {exec: 'indent', name: 'indent', title: '> ' + RLANG.indent}
+		}			
+	},				
+	image: { name: 'image', title: RLANG.image, func: 'showImage' },
+	table:
+	{ 
+		name: 'table', title: RLANG.table, func: 'show',
+		dropdown: 
+		{
+			insert_table: { name: 'insert_table', title: RLANG.insert_table, func: 'showTable' },
+			separator_drop1: { name: 'separator' },	
+			insert_row_above: { name: 'insert_row_above', title: RLANG.insert_row_above, func: 'insertRowAbove' },
+			insert_row_below: { name: 'insert_row_below', title: RLANG.insert_row_below, func: 'insertRowBelow' },
+			insert_column_left: { name: 'insert_column_left', title: RLANG.insert_column_left, func: 'insertColumnLeft' },
+			insert_column_right: { name: 'insert_column_right', title: RLANG.insert_column_right, func: 'insertColumnRight' },												
+			separator_drop2: { name: 'separator' },	
+			add_head: { name: 'add_head', title: RLANG.add_head, func: 'addHead' },									
+			delete_head: { name: 'delete_head', title: RLANG.delete_head, func: 'deleteHead' },							
+			separator_drop3: { name: 'separator' },				
+			delete_column: { name: 'insert_table', title: RLANG.delete_column, func: 'deleteColumn' },									
+			delete_row: { name: 'delete_row', title: RLANG.delete_row, func: 'deleteRow' },									
+			delete_table: { name: 'delete_table', title: RLANG.delete_table, func: 'deleteTable' }																		
+		}		
+	},
+	video: { name: 'video', title: RLANG.video, func: 'showVideo' },
+	link: 
+	{
+		name: 'link', title: RLANG.link, func: 'show',
+		dropdown: 
+		{
+			link: 	{name: 'link', title: RLANG.link_insert, func: 'showLink'},
+			unlink: {exec: 'unlink', name: 'unlink', title: RLANG.unlink}
+		}			
+	}
+};

data/app/views/imperavi_rails/imperavi/video.html.erb

@@ -0,0 +1,13 @@
+<form id="redactorInsertVideoForm">
+<div style="font-size: 11px; margin-bottom: 3px;">%RLANG.video_html_code%</div>
+<table class="redactor_ruler" style="width: 99%;">
+	<tr>
+	 	<textarea name="redactor_insert_video_area" id="redactor_insert_video_area" style="width: 99%; height: 160px;"></textarea>
+	</tr>
+</table>
+</form>
+
+
+<p><input type="button" name="" id="" value="%RLANG.insert%" onclick="redactorActive.insertVideo();" />&nbsp;&nbsp;
+<input type="button" name="" onclick="redactorActive.modalClose();" value="%RLANG.cancel%"  /></p>
+

data/app/views/imperavi_rails/layouts/imperavi-rails/application.html.erb

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>ImperaviRails</title>
+  <%= stylesheet_link_tag    "imperavi-rails/application" %>
+  <%= javascript_include_tag "imperavi-rails/application" %>
+  <%= csrf_meta_tags %>
+</head>
+<body>
+
+<%= yield %>
+
+</body>
+</html>

data/config/routes.rb

@@ -0,0 +1,12 @@
+ImperaviRails::Engine.routes.draw do
+  get '/file'       => 'imperavi#file',       :as => :file
+  get '/file_edit'  => 'imperavi#file_edit',  :as => :file_edit
+  get '/image'      => 'imperavi#image',      :as => :image
+  get '/image_edit' => 'imperavi#image_edit', :as => :image_edit
+  get '/link'       => 'imperavi#link',       :as => :link
+  get '/table'      => 'imperavi#table',      :as => :table
+  get '/video'      => 'imperavi#video',      :as => :video
+  get '/toolbar'    => 'imperavi#toolbar',    :as => :toolbar
+  get '/language'   => 'imperavi#language',   :as => :language
+  get '/typograf'   => 'imperavi#typograf',   :as => :typograf
+end

data/lib/imperavi-rails/engine.rb

@@ -0,0 +1,5 @@
+module ImperaviRails
+  class Engine < Rails::Engine
+    isolate_namespace ImperaviRails
+  end
+end

data/lib/imperavi-rails/version.rb

@@ -0,0 +1,3 @@
+module ImperaviRails
+  VERSION = "0.0.2.beta"
+end

data/lib/imperavi-rails.rb

@@ -0,0 +1,8 @@
+require "imperavi-rails/engine"
+
+module ImperaviRails
+  if defined?(ActionController)
+    require File.join(File.dirname(__FILE__), '..', 'app', 'helpers', 'imperavi_rails', 'imperavi_helper')
+    ActionController::Base.helper(ImperaviHelper)
+  end
+end

data/lib/tasks/imperavi-rails_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :imperavi-rails do
+#   # Task goes here
+# end

data/spec/dummy/Rakefile

@@ -0,0 +1,7 @@
+#!/usr/bin/env rake
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+
+Dummy::Application.load_tasks

data/spec/dummy/app/assets/javascripts/application.js

@@ -0,0 +1,9 @@
+// This is a manifest file that'll be compiled into including all the files listed below.
+// Add new JavaScript/Coffee code in separate files in this directory and they'll automatically
+// be included in the compiled file accessible from http://example.com/assets/application.js
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+//= require jquery
+//= require jquery_ujs
+//= require_tree .

data/spec/dummy/app/assets/javascripts/pages.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.

data/spec/dummy/app/assets/stylesheets/application.css.scss

@@ -0,0 +1,35 @@
+/*
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require_self
+ *= require_tree . 
+*/
+
+@import "imperavi-rails/imperavi/imperavi-base";
+
+body {
+  width: 700px;
+  margin: 0 auto;
+
+  article {
+    overflow: hidden;
+    @include imperavi-base;
+
+    p, div {
+      border: 0;
+    }
+
+    p {
+      padding: 0;
+      margin: 0 0 1.5em 0;
+    }
+  }
+
+  form {
+    textarea {
+      width: 700px;
+      height: 600px;
+    }
+  }
+}

data/spec/dummy/app/assets/stylesheets/pages.css

@@ -0,0 +1,4 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/

data/spec/dummy/app/assets/stylesheets/scaffold.css

@@ -0,0 +1,56 @@
+body { background-color: #fff; color: #333; }
+
+body, p, ol, ul, td {
+  font-family: verdana, arial, helvetica, sans-serif;
+  font-size:   13px;
+  line-height: 18px;
+}
+
+pre {
+  background-color: #eee;
+  padding: 10px;
+  font-size: 11px;
+}
+
+a { color: #000; }
+a:visited { color: #666; }
+a:hover { color: #fff; background-color:#000; }
+
+div.field, div.actions {
+  margin-bottom: 10px;
+}
+
+#notice {
+  color: green;
+}
+
+.field_with_errors {
+  padding: 2px;
+  background-color: red;
+  display: table;
+}
+
+#error_explanation {
+  width: 450px;
+  border: 2px solid red;
+  padding: 7px;
+  padding-bottom: 0;
+  margin-bottom: 20px;
+  background-color: #f0f0f0;
+}
+
+#error_explanation h2 {
+  text-align: left;
+  font-weight: bold;
+  padding: 5px 5px 5px 15px;
+  font-size: 12px;
+  margin: -7px;
+  margin-bottom: 0px;
+  background-color: #c00;
+  color: #fff;
+}
+
+#error_explanation ul li {
+  font-size: 12px;
+  list-style: square;
+}

data/spec/dummy/app/controllers/application_controller.rb

@@ -0,0 +1,3 @@
+class ApplicationController < ActionController::Base
+  #protect_from_forgery
+end

data/spec/dummy/app/controllers/images_controller.rb

@@ -0,0 +1,40 @@
+class ImagesController < ApplicationController
+  respond_to :html, :json
+
+  def index
+    @images = Image.scoped
+
+    respond_with @images do |format|
+      format.json { render :json => json_images(@images), :layout => false }
+    end
+  end
+
+  def create
+    @image = Image.new(params[:image])
+
+    if @image.save
+      render :text => view_context.image_tag(resize_image(@image, 300, 250).url, :alt => '')
+    else
+      render :json => @image.errors
+    end
+  end
+
+private
+
+  def json_images(images)
+    json_images = []
+
+    images.each do |image|
+      json_images << {
+        :thumb => resize_image(image, 120, 100).url,
+        :image => resize_image(image, 300, 250).url
+      }
+    end
+
+    json_images
+  end
+
+  def resize_image(image, width = 100, height = 100, gravity = :c)
+    image.image.process(:resize_and_crop, :width => width, :height => height, :gravity => gravity.to_s)
+  end
+end