commit
e4e683d59b
@ -0,0 +1,33 @@
|
|||||||
|
module Mobile
|
||||||
|
module Entities
|
||||||
|
class Member < Grape::Entity
|
||||||
|
include ApplicationHelper
|
||||||
|
include ApiHelper
|
||||||
|
def self.member_expose(f)
|
||||||
|
expose f do |u,opt|
|
||||||
|
if u.is_a?(Hash) && u.key?(f)
|
||||||
|
u[f]
|
||||||
|
elsif u.is_a?(::Member)
|
||||||
|
if u.respond_to?(f)
|
||||||
|
u.send(f)
|
||||||
|
else
|
||||||
|
case f
|
||||||
|
when :student_id
|
||||||
|
u.user.user_extensions.student_id
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
expose :user, using: Mobile::Entities::User do |c, opt|
|
||||||
|
if c.is_a?(::Member)
|
||||||
|
c.user
|
||||||
|
end
|
||||||
|
end
|
||||||
|
member_expose :student_id
|
||||||
|
member_expose :score
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
@ -0,0 +1,42 @@
|
|||||||
|
class DiscussDemosController < ApplicationController
|
||||||
|
def index
|
||||||
|
|
||||||
|
@discuss_demo_list = DiscussDemo.where("body is not null").order("created_at desc").page(params[:page] || 1).per(10)
|
||||||
|
end
|
||||||
|
|
||||||
|
def new
|
||||||
|
@discuss_demo = DiscussDemo.create
|
||||||
|
@discuss_demo.save!
|
||||||
|
@discuss_demo
|
||||||
|
end
|
||||||
|
|
||||||
|
def create
|
||||||
|
|
||||||
|
end
|
||||||
|
|
||||||
|
def update
|
||||||
|
@discuss_demo = DiscussDemo.find(params[:id])
|
||||||
|
@discuss_demo.update_attributes(:title => params[:discuss_demo][:title],:body => params[:discuss_demo][:body])
|
||||||
|
redirect_to :controller=> 'discuss_demos',:action => 'show',:id => params[:id]
|
||||||
|
end
|
||||||
|
|
||||||
|
def delete
|
||||||
|
|
||||||
|
end
|
||||||
|
|
||||||
|
def destroy
|
||||||
|
asset = Kindeditor::Asset.find_by_owner_id(params[:id])
|
||||||
|
if !asset.nil?
|
||||||
|
filepath = File.join(Rails.root,"public","files","uploads",
|
||||||
|
asset[:created_at].to_s.gsub("+0800","").to_datetime.strftime("%Y%m").to_s,
|
||||||
|
asset[:asset].to_s)
|
||||||
|
File.delete(filepath) if File.exist?filepath
|
||||||
|
end
|
||||||
|
DiscussDemo.destroy(params[:id])
|
||||||
|
redirect_to :controller=> 'discuss_demos',:action => 'index'
|
||||||
|
end
|
||||||
|
|
||||||
|
def show
|
||||||
|
@discuss_demo = DiscussDemo.find(params[:id])
|
||||||
|
end
|
||||||
|
end
|
||||||
@ -0,0 +1,66 @@
|
|||||||
|
<style type="text/css">
|
||||||
|
#preview{width:360px;height:360px;border:1px solid #000;overflow:hidden;}
|
||||||
|
#imghead {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);}
|
||||||
|
</style>
|
||||||
|
<script type="text/javascript">
|
||||||
|
function previewImage(file)
|
||||||
|
{
|
||||||
|
var MAXWIDTH = 360;
|
||||||
|
var MAXHEIGHT = 360;
|
||||||
|
var div = document.getElementById('preview');
|
||||||
|
if (file.files && file.files[0])
|
||||||
|
{
|
||||||
|
div.innerHTML = '<img id=imghead>';
|
||||||
|
var img = document.getElementById('imghead');
|
||||||
|
img.onload = function(){
|
||||||
|
var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
|
||||||
|
img.width = rect.width;
|
||||||
|
img.height = rect.height;
|
||||||
|
img.style.marginLeft = rect.left+'px';
|
||||||
|
img.style.marginTop = rect.top+'px';
|
||||||
|
}
|
||||||
|
var reader = new FileReader();
|
||||||
|
reader.onload = function(evt){img.src = evt.target.result;}
|
||||||
|
reader.readAsDataURL(file.files[0]);
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';
|
||||||
|
file.select();
|
||||||
|
var src = document.selection.createRange().text;
|
||||||
|
div.innerHTML = '<img id=imghead>';
|
||||||
|
var img = document.getElementById('imghead');
|
||||||
|
img.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;
|
||||||
|
var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
|
||||||
|
status =('rect:'+rect.top+','+rect.left+','+rect.width+','+rect.height);
|
||||||
|
div.innerHTML = "<div id=divhead style='width:"+rect.width+"px;height:"+rect.height+"px;margin-top:"+rect.top+"px;margin-left:"+rect.left+"px;"+sFilter+src+"\"'></div>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function clacImgZoomParam( maxWidth, maxHeight, width, height ){
|
||||||
|
var param = {top:0, left:0, width:width, height:height};
|
||||||
|
if( width>maxWidth || height>maxHeight )
|
||||||
|
{
|
||||||
|
rateWidth = width / maxWidth;
|
||||||
|
rateHeight = height / maxHeight;
|
||||||
|
|
||||||
|
if( rateWidth > rateHeight )
|
||||||
|
{
|
||||||
|
param.width = maxWidth;
|
||||||
|
param.height = Math.round(height / rateWidth);
|
||||||
|
}else
|
||||||
|
{
|
||||||
|
param.width = Math.round(width / rateHeight);
|
||||||
|
param.height = maxHeight;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
param.left = Math.round((maxWidth - param.width) / 2);
|
||||||
|
param.top = Math.round((maxHeight - param.height) / 2);
|
||||||
|
return param;
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<div id="preview">
|
||||||
|
<img id="imghead" width=100 height=100 border=0 src="file:///C:/Users/whimlex/Downloads/1.jpg">
|
||||||
|
</div>
|
||||||
|
<br/>
|
||||||
|
<input type="file" onchange="previewImage(this)" />
|
||||||
@ -1,4 +1,4 @@
|
|||||||
var imgSpan = $('#avatar_image');
|
var imgSpan = $('#avatar_image');
|
||||||
|
|
||||||
imgSpan.attr({"src":'<%= @urlfile.to_s << "?" << Time.now.to_s%>'});
|
imgSpan.attr({"src":'<%= "#{@urlfile.to_s}?#{Time.now.to_i}" %>'});
|
||||||
|
|
||||||
|
|||||||
@ -0,0 +1,9 @@
|
|||||||
|
<%= form_for @message, :url =>{:controller=>'messages',:action => 'new', :board_id => @board.id, :is_board => 'true'}, :html => {:multipart => true, :id => 'message-form'} do |f| %>
|
||||||
|
|
||||||
|
<%= render :partial => 'form_course', :locals => {:f => f} %>
|
||||||
|
<li>
|
||||||
|
<%= link_to l(:button_cancel), course_boards_path(@course), :class => 'grey_btn fr ml10' %>
|
||||||
|
<a href="#" onclick="$('#message-form').submit();" class="blue_btn fr " style="margin-left: 55px"><%= l(:button_submit)%></a>
|
||||||
|
<div class="cl"></div>
|
||||||
|
</li>
|
||||||
|
<% end %>
|
||||||
@ -0,0 +1,42 @@
|
|||||||
|
|
||||||
|
<% if topic.project %>
|
||||||
|
<%#= board_breadcrumb(@message) %>
|
||||||
|
<!--<h3><%#= avatar(@topic.author, :size => "24") %><span style = "width:100%;word-break:break-all;word-wrap: break-word;"><%#=h @topic.subject %></span></h3>-->
|
||||||
|
<div class="talk_new ml15">
|
||||||
|
<ul>
|
||||||
|
<%= form_for topic, { :as => :message,
|
||||||
|
:url => {:controller => 'messages',:action => 'edit', :is_board => 'true',:id => topic.id, :board_id => topic.board_id},
|
||||||
|
:html => {:multipart => true,
|
||||||
|
:id => 'message-form' + topic.id.to_s,
|
||||||
|
:method => :post}
|
||||||
|
} do |f| %>
|
||||||
|
<%= render :partial => 'form_project',
|
||||||
|
:locals => {:f => f, :replying => !topic.parent.nil?} %>
|
||||||
|
<a href="#" onclick="$('#message-form<%= topic.id%>').submit();"class="blue_btn fl c_white" ><%= l(:button_submit)%></a>
|
||||||
|
<%= link_to l(:button_cancel), board_message_url(topic.board, topic.root, :r => (topic.parent_id && topic.id)), :class => "blue_btn grey_btn fl c_white" %>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<% end %>
|
||||||
|
<% elsif topic.course %>
|
||||||
|
<%#= course_board_breadcrumb(@message) %>
|
||||||
|
<div class="talk_new ml15">
|
||||||
|
<ul>
|
||||||
|
<%= form_for topic, {
|
||||||
|
:as => :message,
|
||||||
|
:url => {:controller => 'messages',:action => 'edit', :is_board => 'true',:id => topic.id, :board_id => topic.board_id},
|
||||||
|
:html => {:multipart => true,
|
||||||
|
:id => 'message-form' + topic.id.to_s,
|
||||||
|
:method => :post}
|
||||||
|
} do |f| %>
|
||||||
|
<%= render :partial => 'form_course',
|
||||||
|
:locals => {:f => f, :replying => !topic.parent.nil?} %>
|
||||||
|
<a href="javascript:void(0)" onclick="$('#message-form<%= topic.id%>').submit();"class="blue_btn fl c_white"><%= l(:button_submit)%></a>
|
||||||
|
<%= link_to l(:button_cancel), board_message_url(topic.board,topic.root, :r => (topic.parent_id &&topic.id)), :class => "blue_btn grey_btn fl c_white" %>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<% end %>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="preview" class="wiki"></div>
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
<%= form_for @message, :url =>{:controller=>'messages',:action => 'new', :board_id => @board.id, :is_board => 'true'}, :html => {:multipart => true, :id => 'message-form'} do |f| %>
|
||||||
|
|
||||||
|
<%= render :partial => 'form_project', :locals => {:f => f} %>
|
||||||
|
<li>
|
||||||
|
<%= link_to l(:button_cancel), project_boards_path(@project), :class => 'grey_btn fr ml10' %>
|
||||||
|
<a href="#" onclick="$('#message-form').submit();" class="blue_btn fr " style="margin-left: 55px"><%= l(:button_submit)%></a>
|
||||||
|
<div class="cl"></div>
|
||||||
|
</li>
|
||||||
|
<% end %>
|
||||||
@ -1 +1 @@
|
|||||||
Rails.application.config.session_store ActionDispatch::Session::CacheStore, :expire_after => 20.minutes, :key => '_trustie_session', :domain => :all
|
Rails.application.config.session_store ActionDispatch::Session::CacheStore, :expire_after => 90.minutes, :key => '_trustie_session', :domain => :all
|
||||||
|
|||||||
@ -0,0 +1,5 @@
|
|||||||
|
class AddIndexToHomeworkattachBidId < ActiveRecord::Migration
|
||||||
|
def change
|
||||||
|
add_index(:homework_attaches,:bid_id)
|
||||||
|
end
|
||||||
|
end
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
class AddIndexToStudentforcourseStudentId < ActiveRecord::Migration
|
||||||
|
def change
|
||||||
|
add_index(:students_for_courses,:student_id)
|
||||||
|
end
|
||||||
|
end
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
class AddIndexToStudentforcourseCourseId < ActiveRecord::Migration
|
||||||
|
def change
|
||||||
|
add_index(:students_for_courses,:course_id)
|
||||||
|
end
|
||||||
|
end
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
class AddIndexToHomeworkforcourseCourseId < ActiveRecord::Migration
|
||||||
|
def change
|
||||||
|
add_index(:homework_for_courses,:course_id)
|
||||||
|
end
|
||||||
|
end
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
class AddIndexToHomeworkforcourseBidId < ActiveRecord::Migration
|
||||||
|
def change
|
||||||
|
add_index(:homework_for_courses,:bid_id)
|
||||||
|
end
|
||||||
|
end
|
||||||
@ -0,0 +1,11 @@
|
|||||||
|
desc "compress and backup avatar"
|
||||||
|
task :compress_avatar => :environment do
|
||||||
|
path = File.join(Rails.root, "public/images/avatars/User")
|
||||||
|
Dir.foreach(path) do |f|
|
||||||
|
if f.to_s =~ /^\d+$/
|
||||||
|
puts f
|
||||||
|
image = Trustie::Utils::Image.new(File.join(path,f), true)
|
||||||
|
image.compress(300)
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
@ -1 +1,2 @@
|
|||||||
require 'trustie/utils'
|
require 'trustie/utils'
|
||||||
|
require 'trustie/utils/image'
|
||||||
|
|||||||
@ -0,0 +1,35 @@
|
|||||||
|
#coding=utf-8
|
||||||
|
|
||||||
|
module Trustie
|
||||||
|
module Utils
|
||||||
|
class Image
|
||||||
|
def initialize(file, bak)
|
||||||
|
@file = file
|
||||||
|
@bak = bak
|
||||||
|
end
|
||||||
|
|
||||||
|
def compress(size=300)
|
||||||
|
backup if @bak
|
||||||
|
begin
|
||||||
|
f = Magick::ImageList.new(@file)
|
||||||
|
if f.format != 'GIF'
|
||||||
|
width = size
|
||||||
|
if f[0].columns > width
|
||||||
|
proportion = (width/f[0].columns.to_f)
|
||||||
|
height = (f[0].rows*proportion)
|
||||||
|
f.resize_to_fill!(width,height.to_i)
|
||||||
|
f.write(@file)
|
||||||
|
end
|
||||||
|
end
|
||||||
|
rescue Exception => e
|
||||||
|
logger.error "[Error] compress : ===> #{e}"
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def backup
|
||||||
|
FileUtils.cp @file, "#{@file}.bak"
|
||||||
|
end
|
||||||
|
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
@ -0,0 +1,37 @@
|
|||||||
|
KindEditor.plugin('paste', function(K) {
|
||||||
|
var editor = this,
|
||||||
|
name = 'paste';
|
||||||
|
var contentWindow = document.getElementsByTagName('iframe')[0].contentWindow;
|
||||||
|
contentWindow.document.getElementsByTagName('body')[0].onpaste = function(event) {
|
||||||
|
// use event.originalEvent.clipboard for newer chrome versions
|
||||||
|
var items = (event.clipboardData || event.originalEvent.clipboardData).items;
|
||||||
|
console.log(JSON.stringify(items)); // will give you the mime types
|
||||||
|
// find pasted image among pasted items
|
||||||
|
var blob = null;
|
||||||
|
for (var i = 0; i < items.length; i++) {
|
||||||
|
if (items[i].type.indexOf("image") === 0) {
|
||||||
|
blob = items[i].getAsFile();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// load image if there is a pasted image
|
||||||
|
if (blob !== null) {
|
||||||
|
var reader = new FileReader();
|
||||||
|
reader.onload = function(event) {
|
||||||
|
console.log(event.target.result); // data url!
|
||||||
|
var data = new FormData();
|
||||||
|
data.append("imgFile", blob, "imageFilename.png");
|
||||||
|
$.ajax({
|
||||||
|
url: '/kindeditor/upload?dir=image',
|
||||||
|
contentType: false,
|
||||||
|
type: 'POST',
|
||||||
|
data: data,
|
||||||
|
processData: false,
|
||||||
|
success: function(data) {
|
||||||
|
editor.exec('insertimage', JSON.parse(data).url);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
reader.readAsDataURL(blob);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
After Width: | Height: | Size: 2.8 KiB |
@ -0,0 +1,39 @@
|
|||||||
|
//保存cookie
|
||||||
|
//n:cookie的名字
|
||||||
|
//v:cookie的值
|
||||||
|
//mins:时间（分钟）
|
||||||
|
//dn:
|
||||||
|
//path:保存路径
|
||||||
|
function cookiesave(n, v, mins, dn, path)
|
||||||
|
{
|
||||||
|
if(n)
|
||||||
|
{
|
||||||
|
|
||||||
|
if(!mins) mins = 365 * 24 * 60;
|
||||||
|
if(!path) path = "/";
|
||||||
|
var date = new Date();
|
||||||
|
|
||||||
|
date.setTime(date.getTime() + (mins * 60 * 1000));
|
||||||
|
|
||||||
|
var expires = "; expires=" + date.toGMTString();
|
||||||
|
|
||||||
|
if(dn) dn = "domain=" + dn + "; ";
|
||||||
|
document.cookie = n + "=" + v + expires + "; " + dn + "path=" + path;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//获取cookie
|
||||||
|
function cookieget(n)
|
||||||
|
{
|
||||||
|
var name = n + "=";
|
||||||
|
var ca = document.cookie.split(';');
|
||||||
|
for(var i=0;i<ca.length;i++) {
|
||||||
|
var c = ca[i];
|
||||||
|
while (c.charAt(0)==' ') c = c.substring(1,c.length);
|
||||||
|
if (c.indexOf(name) == 0){
|
||||||
|
return c.substring(name.length,c.length);}
|
||||||
|
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
@ -0,0 +1,292 @@
|
|||||||
|
// Generated by CoffeeScript 1.9.0
|
||||||
|
|
||||||
|
/*
|
||||||
|
paste.js is an interface to read data ( text / image ) from clipboard in different browsers. It also contains several hacks.
|
||||||
|
|
||||||
|
https://github.com/layerssss/paste.js
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
var $, Paste, createHiddenEditable, dataURLtoBlob;
|
||||||
|
|
||||||
|
$ = window.jQuery;
|
||||||
|
|
||||||
|
$.paste = function(pasteContainer) {
|
||||||
|
var pm;
|
||||||
|
if (typeof console !== "undefined" && console !== null) {
|
||||||
|
console.log("DEPRECATED: This method is deprecated. Please use $.fn.pastableNonInputable() instead.");
|
||||||
|
}
|
||||||
|
pm = Paste.mountNonInputable(pasteContainer);
|
||||||
|
return pm._container;
|
||||||
|
};
|
||||||
|
|
||||||
|
$.fn.pastableNonInputable = function() {
|
||||||
|
var el, _i, _len;
|
||||||
|
for (_i = 0, _len = this.length; _i < _len; _i++) {
|
||||||
|
el = this[_i];
|
||||||
|
Paste.mountNonInputable(el);
|
||||||
|
}
|
||||||
|
return this;
|
||||||
|
};
|
||||||
|
|
||||||
|
$.fn.pastableTextarea = function() {
|
||||||
|
var el, _i, _len;
|
||||||
|
for (_i = 0, _len = this.length; _i < _len; _i++) {
|
||||||
|
el = this[_i];
|
||||||
|
Paste.mountTextarea(el);
|
||||||
|
}
|
||||||
|
return this;
|
||||||
|
};
|
||||||
|
|
||||||
|
$.fn.pastableContenteditable = function() {
|
||||||
|
var el, _i, _len;
|
||||||
|
for (_i = 0, _len = this.length; _i < _len; _i++) {
|
||||||
|
el = this[_i];
|
||||||
|
Paste.mountContenteditable(el);
|
||||||
|
}
|
||||||
|
return this;
|
||||||
|
};
|
||||||
|
|
||||||
|
dataURLtoBlob = function(dataURL, sliceSize) {
|
||||||
|
var b64Data, byteArray, byteArrays, byteCharacters, byteNumbers, contentType, i, m, offset, slice, _ref;
|
||||||
|
if (sliceSize == null) {
|
||||||
|
sliceSize = 512;
|
||||||
|
}
|
||||||
|
if (!(m = dataURL.match(/^data\:([^\;]+)\;base64\,(.+)$/))) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
_ref = m, m = _ref[0], contentType = _ref[1], b64Data = _ref[2];
|
||||||
|
byteCharacters = atob(b64Data);
|
||||||
|
byteArrays = [];
|
||||||
|
offset = 0;
|
||||||
|
while (offset < byteCharacters.length) {
|
||||||
|
slice = byteCharacters.slice(offset, offset + sliceSize);
|
||||||
|
byteNumbers = new Array(slice.length);
|
||||||
|
i = 0;
|
||||||
|
while (i < slice.length) {
|
||||||
|
byteNumbers[i] = slice.charCodeAt(i);
|
||||||
|
i++;
|
||||||
|
}
|
||||||
|
byteArray = new Uint8Array(byteNumbers);
|
||||||
|
byteArrays.push(byteArray);
|
||||||
|
offset += sliceSize;
|
||||||
|
}
|
||||||
|
return new Blob(byteArrays, {
|
||||||
|
type: contentType
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
createHiddenEditable = function() {
|
||||||
|
return $(document.createElement('div')).attr('contenteditable', true).css({
|
||||||
|
width: 1,
|
||||||
|
height: 1,
|
||||||
|
position: 'fixed',
|
||||||
|
left: -100,
|
||||||
|
overflow: 'hidden'
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
Paste = (function() {
|
||||||
|
Paste.prototype._target = null;
|
||||||
|
|
||||||
|
Paste.prototype._container = null;
|
||||||
|
|
||||||
|
Paste.mountNonInputable = function(nonInputable) {
|
||||||
|
var paste;
|
||||||
|
paste = new Paste(createHiddenEditable().appendTo(nonInputable), nonInputable);
|
||||||
|
$(nonInputable).on('click', (function(_this) {
|
||||||
|
return function() {
|
||||||
|
return paste._container.focus();
|
||||||
|
};
|
||||||
|
})(this));
|
||||||
|
paste._container.on('focus', (function(_this) {
|
||||||
|
return function() {
|
||||||
|
return $(nonInputable).addClass('pastable-focus');
|
||||||
|
};
|
||||||
|
})(this));
|
||||||
|
return paste._container.on('blur', (function(_this) {
|
||||||
|
return function() {
|
||||||
|
return $(nonInputable).removeClass('pastable-focus');
|
||||||
|
};
|
||||||
|
})(this));
|
||||||
|
};
|
||||||
|
|
||||||
|
Paste.mountTextarea = function(textarea) {
|
||||||
|
var ctlDown, paste;
|
||||||
|
if (-1 !== navigator.userAgent.toLowerCase().indexOf('chrome')) {
|
||||||
|
return this.mountContenteditable(textarea);
|
||||||
|
}
|
||||||
|
paste = new Paste(createHiddenEditable().insertBefore(textarea), textarea);
|
||||||
|
ctlDown = false;
|
||||||
|
$(textarea).on('keyup', function(ev) {
|
||||||
|
var _ref;
|
||||||
|
if ((_ref = ev.keyCode) === 17 || _ref === 224) {
|
||||||
|
return ctlDown = false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$(textarea).on('keydown', function(ev) {
|
||||||
|
var _ref;
|
||||||
|
if ((_ref = ev.keyCode) === 17 || _ref === 224) {
|
||||||
|
ctlDown = true;
|
||||||
|
}
|
||||||
|
if (ctlDown && ev.keyCode === 86) {
|
||||||
|
return paste._container.focus();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$(paste._target).on('pasteImage', (function(_this) {
|
||||||
|
return function() {
|
||||||
|
return $(textarea).focus();
|
||||||
|
};
|
||||||
|
})(this));
|
||||||
|
$(paste._target).on('pasteText', (function(_this) {
|
||||||
|
return function() {
|
||||||
|
return $(textarea).focus();
|
||||||
|
};
|
||||||
|
})(this));
|
||||||
|
$(textarea).on('focus', (function(_this) {
|
||||||
|
return function() {
|
||||||
|
return $(textarea).addClass('pastable-focus');
|
||||||
|
};
|
||||||
|
})(this));
|
||||||
|
return $(textarea).on('blur', (function(_this) {
|
||||||
|
return function() {
|
||||||
|
return $(textarea).removeClass('pastable-focus');
|
||||||
|
};
|
||||||
|
})(this));
|
||||||
|
};
|
||||||
|
|
||||||
|
Paste.mountContenteditable = function(contenteditable) {
|
||||||
|
var paste;
|
||||||
|
paste = new Paste(contenteditable, contenteditable);
|
||||||
|
$(contenteditable).on('focus', (function(_this) {
|
||||||
|
return function() {
|
||||||
|
return $(contenteditable).addClass('pastable-focus');
|
||||||
|
};
|
||||||
|
})(this));
|
||||||
|
return $(contenteditable).on('blur', (function(_this) {
|
||||||
|
return function() {
|
||||||
|
return $(contenteditable).removeClass('pastable-focus');
|
||||||
|
};
|
||||||
|
})(this));
|
||||||
|
};
|
||||||
|
|
||||||
|
function Paste(_at__container, _at__target) {
|
||||||
|
this._container = _at__container;
|
||||||
|
this._target = _at__target;
|
||||||
|
this._container = $(this._container);
|
||||||
|
this._target = $(this._target).addClass('pastable');
|
||||||
|
this._container.on('paste', (function(_this) {
|
||||||
|
return function(ev) {
|
||||||
|
var clipboardData, file, item, reader, text, _i, _j, _len, _len1, _ref, _ref1, _ref2, _ref3, _results;
|
||||||
|
if (((_ref = ev.originalEvent) != null ? _ref.clipboardData : void 0) != null) {
|
||||||
|
clipboardData = ev.originalEvent.clipboardData;
|
||||||
|
if (clipboardData.items) {
|
||||||
|
_ref1 = clipboardData.items;
|
||||||
|
for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
|
||||||
|
item = _ref1[_i];
|
||||||
|
if (item.type.match(/^image\//)) {
|
||||||
|
reader = new FileReader();
|
||||||
|
reader.onload = function(event) {
|
||||||
|
return _this._handleImage(event.target.result);
|
||||||
|
};
|
||||||
|
reader.readAsDataURL(item.getAsFile());
|
||||||
|
}
|
||||||
|
if (item.type === 'text/plain') {
|
||||||
|
item.getAsString(function(string) {
|
||||||
|
return _this._target.trigger('pasteText', {
|
||||||
|
text: string
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (-1 !== Array.prototype.indexOf.call(clipboardData.types, 'text/plain')) {
|
||||||
|
text = clipboardData.getData('Text');
|
||||||
|
_this._target.trigger('pasteText', {
|
||||||
|
text: text
|
||||||
|
});
|
||||||
|
}
|
||||||
|
_this._checkImagesInContainer(function(src) {
|
||||||
|
return _this._handleImage(src);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (clipboardData = window.clipboardData) {
|
||||||
|
if ((_ref2 = (text = clipboardData.getData('Text'))) != null ? _ref2.length : void 0) {
|
||||||
|
return _this._target.trigger('pasteText', {
|
||||||
|
text: text
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
_ref3 = clipboardData.files;
|
||||||
|
_results = [];
|
||||||
|
for (_j = 0, _len1 = _ref3.length; _j < _len1; _j++) {
|
||||||
|
file = _ref3[_j];
|
||||||
|
_this._handleImage(URL.createObjectURL(file));
|
||||||
|
_results.push(_this._checkImagesInContainer(function() {}));
|
||||||
|
}
|
||||||
|
return _results;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
})(this));
|
||||||
|
}
|
||||||
|
|
||||||
|
Paste.prototype._handleImage = function(src) {
|
||||||
|
var loader;
|
||||||
|
loader = new Image();
|
||||||
|
loader.onload = (function(_this) {
|
||||||
|
return function() {
|
||||||
|
var blob, canvas, ctx, dataURL;
|
||||||
|
canvas = document.createElement('canvas');
|
||||||
|
canvas.width = loader.width;
|
||||||
|
canvas.height = loader.height;
|
||||||
|
ctx = canvas.getContext('2d');
|
||||||
|
ctx.drawImage(loader, 0, 0, canvas.width, canvas.height);
|
||||||
|
dataURL = null;
|
||||||
|
try {
|
||||||
|
dataURL = canvas.toDataURL('image/png');
|
||||||
|
blob = dataURLtoBlob(dataURL);
|
||||||
|
} catch (_error) {}
|
||||||
|
if (dataURL) {
|
||||||
|
return _this._target.trigger('pasteImage', {
|
||||||
|
blob: blob,
|
||||||
|
dataURL: dataURL,
|
||||||
|
width: loader.width,
|
||||||
|
height: loader.height
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
})(this);
|
||||||
|
return loader.src = src;
|
||||||
|
};
|
||||||
|
|
||||||
|
Paste.prototype._checkImagesInContainer = function(cb) {
|
||||||
|
var img, timespan, _i, _len, _ref;
|
||||||
|
timespan = Math.floor(1000 * Math.random());
|
||||||
|
_ref = this._container.find('img');
|
||||||
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
||||||
|
img = _ref[_i];
|
||||||
|
img["_paste_marked_" + timespan] = true;
|
||||||
|
}
|
||||||
|
return setTimeout((function(_this) {
|
||||||
|
return function() {
|
||||||
|
var _j, _len1, _ref1, _results;
|
||||||
|
_ref1 = _this._container.find('img');
|
||||||
|
_results = [];
|
||||||
|
for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
|
||||||
|
img = _ref1[_j];
|
||||||
|
if (!img["_paste_marked_" + timespan]) {
|
||||||
|
cb(img.src);
|
||||||
|
}
|
||||||
|
_results.push($(img).remove());
|
||||||
|
}
|
||||||
|
return _results;
|
||||||
|
};
|
||||||
|
})(this), 1);
|
||||||
|
};
|
||||||
|
|
||||||
|
return Paste;
|
||||||
|
|
||||||
|
})();
|
||||||
|
|
||||||
|
}).call(this);
|
||||||
Loading…
Reference in new issue