2017-04-28 12:24:56 +08:00
|
|
|
/*
|
|
|
|
|
* Copyright (C) 2011 - present Instructure, Inc.
|
2011-09-28 02:51:26 +08:00
|
|
|
*
|
|
|
|
|
* This file is part of Canvas.
|
|
|
|
|
*
|
|
|
|
|
* Canvas is free software: you can redistribute it and/or modify it under
|
|
|
|
|
* the terms of the GNU Affero General Public License as published by the Free
|
|
|
|
|
* Software Foundation, version 3 of the License.
|
|
|
|
|
*
|
|
|
|
|
* Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
|
|
|
|
|
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
|
|
|
|
|
* A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
|
|
|
|
|
* details.
|
|
|
|
|
*
|
2017-04-28 12:24:56 +08:00
|
|
|
* You should have received a copy of the GNU Affero General Public License along
|
|
|
|
|
* with this program. If not, see <http://www.gnu.org/licenses/>.
|
2011-09-28 02:51:26 +08:00
|
|
|
*/
|
2011-11-11 00:31:45 +08:00
|
|
|
|
|
|
|
|
define([
|
|
|
|
|
'INST' /* INST */,
|
|
|
|
|
'i18n!instructure',
|
|
|
|
|
'jquery' /* $ */,
|
2012-04-10 00:19:12 +08:00
|
|
|
'underscore',
|
2011-11-11 00:31:45 +08:00
|
|
|
'str/htmlEscape',
|
2012-09-24 22:49:16 +08:00
|
|
|
'compiled/str/TextHelper',
|
2011-11-11 00:31:45 +08:00
|
|
|
'jquery.ajaxJSON' /* ajaxJSON */,
|
2013-04-19 04:39:57 +08:00
|
|
|
'jquery.instructure_forms',
|
2012-04-07 01:02:00 +08:00
|
|
|
'jqueryui/dialog',
|
2012-04-10 04:01:25 +08:00
|
|
|
'vendor/jquery.scrollTo' /* /\.scrollTo/ */
|
2012-09-24 22:49:16 +08:00
|
|
|
], function(INST, I18n, $, _, htmlEscape, TextHelper) {
|
2011-11-11 00:31:45 +08:00
|
|
|
|
2011-09-28 02:51:26 +08:00
|
|
|
// Return the first value which passes a truth test
|
|
|
|
|
$.detect = function(collection, callback) {
|
|
|
|
|
var result;
|
|
|
|
|
$.each(collection, function(index, value) {
|
2011-11-24 03:24:29 +08:00
|
|
|
if (callback.call(value, value, index, collection)) {
|
2011-09-28 02:51:26 +08:00
|
|
|
result = value;
|
|
|
|
|
return false; // we found it, break the $.each() loop iteration by returning false
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
return result;
|
|
|
|
|
};
|
2012-02-14 00:37:41 +08:00
|
|
|
|
2011-09-28 02:51:26 +08:00
|
|
|
$.encodeToHex = function(str) {
|
|
|
|
|
var hex = "";
|
|
|
|
|
var e = str.length;
|
|
|
|
|
var c = 0;
|
|
|
|
|
var h;
|
|
|
|
|
for (var i = 0; i < str.length; i++) {
|
2017-03-24 07:03:32 +08:00
|
|
|
var part = str.charCodeAt(i).toString(16);
|
2011-09-28 02:51:26 +08:00
|
|
|
while (part.length < 2) {
|
|
|
|
|
part = "0" + part;
|
|
|
|
|
}
|
|
|
|
|
hex += part;
|
|
|
|
|
}
|
|
|
|
|
return hex;
|
|
|
|
|
};
|
|
|
|
|
$.decodeFromHex = function(str) {
|
|
|
|
|
var r='';
|
|
|
|
|
var i = 0;
|
|
|
|
|
while(i < str.length){
|
|
|
|
|
r += unescape('%'+str.substring(i,i+2));
|
|
|
|
|
i += 2;
|
|
|
|
|
}
|
|
|
|
|
return r;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// useful for i18n, e.g. t('key', 'pick one: %{select}', {select: $.raw('<select><option>...')})
|
2014-10-17 17:34:43 +08:00
|
|
|
// note that raw returns a SafeString object, so you may want to call toString
|
2011-09-28 02:51:26 +08:00
|
|
|
// if you're using it elsewhere
|
|
|
|
|
$.raw = function(str) {
|
2014-10-17 17:34:43 +08:00
|
|
|
return new htmlEscape.SafeString(str);
|
2011-09-28 02:51:26 +08:00
|
|
|
}
|
2014-12-19 17:35:02 +08:00
|
|
|
// ensure the jquery html setters don't puke if given a SafeString
|
|
|
|
|
$.each(["html", "append", "prepend"], function(idx, method) {
|
|
|
|
|
var orig = $.fn[method];
|
|
|
|
|
$.fn[method] = function() {
|
|
|
|
|
var args = [].slice.call(arguments);
|
|
|
|
|
for (var i = 0, len = args.length; i < len; i++) {
|
|
|
|
|
if (args[i] instanceof htmlEscape.SafeString)
|
|
|
|
|
args[i] = args[i].toString();
|
|
|
|
|
}
|
|
|
|
|
return orig.apply(this, args);
|
|
|
|
|
}
|
|
|
|
|
});
|
2012-02-14 00:37:41 +08:00
|
|
|
|
2011-09-28 02:51:26 +08:00
|
|
|
$.replaceOneTag = function(text, name, value) {
|
|
|
|
|
if(!text) { return text; }
|
|
|
|
|
name = (name || "").toString();
|
|
|
|
|
value = (value || "").toString().replace(/\s/g, "+");
|
|
|
|
|
var itemExpression = new RegExp("(%7B|{){2}[\\s|%20|\+]*" + name + "[\\s|%20|\+]*(%7D|}){2}", 'g');
|
|
|
|
|
return text.replace(itemExpression, value);
|
|
|
|
|
};
|
|
|
|
|
// backwards compatible with only one tag
|
|
|
|
|
$.replaceTags = function(text, mapping_or_name, maybe_value) {
|
|
|
|
|
if (typeof mapping_or_name == 'object') {
|
|
|
|
|
for (var name in mapping_or_name) {
|
|
|
|
|
text = $.replaceOneTag(text, name, mapping_or_name[name])
|
|
|
|
|
}
|
|
|
|
|
return text;
|
|
|
|
|
} else {
|
|
|
|
|
return $.replaceOneTag(text, mapping_or_name, maybe_value)
|
|
|
|
|
}
|
|
|
|
|
}
|
2012-02-14 00:37:41 +08:00
|
|
|
|
2011-09-28 02:51:26 +08:00
|
|
|
$.underscore = function(string) {
|
|
|
|
|
return (string || "").replace(/([A-Z])/g, "_$1").replace(/^_/, "").toLowerCase();
|
|
|
|
|
};
|
2012-02-14 00:37:41 +08:00
|
|
|
|
2011-09-28 02:51:26 +08:00
|
|
|
$.titleize = function(string) {
|
|
|
|
|
var res = (string || "").replace(/([A-Z])/g, " $1").replace(/_/g, " ").replace(/\s+/, " ").replace(/^\s/, "");
|
|
|
|
|
return $.map(res.split(/\s/), function(word) { return (word[0] || "").toUpperCase() + word.substring(1); }).join(" ");
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
$.parseUserAgentString = function(userAgent) {
|
|
|
|
|
userAgent = (userAgent || "").toLowerCase();
|
|
|
|
|
var data = {
|
2014-05-08 04:03:26 +08:00
|
|
|
version: (userAgent.match( /.+(?:me|ox|it|ra|ie|er|rv|version)[\/: ]([\d.]+)/ ) || [0,null])[1],
|
2011-09-28 02:51:26 +08:00
|
|
|
chrome: /chrome/.test( userAgent ),
|
|
|
|
|
safari: /webkit/.test( userAgent ),
|
|
|
|
|
opera: /opera/.test( userAgent ),
|
2015-04-04 07:21:29 +08:00
|
|
|
msie: (/msie/.test( userAgent ) || (/trident/.test( userAgent ))) && !(/opera/.test( userAgent )),
|
2011-09-28 02:51:26 +08:00
|
|
|
firefox: /firefox/.test( userAgent),
|
|
|
|
|
mozilla: /mozilla/.test( userAgent ) && !(/(compatible|webkit)/.test( userAgent )),
|
|
|
|
|
speedgrader: /speedgrader/.test( userAgent )
|
|
|
|
|
};
|
|
|
|
|
var browser = null;
|
|
|
|
|
if(data.chrome) {
|
|
|
|
|
browser = "Chrome";
|
|
|
|
|
} else if(data.safari) {
|
|
|
|
|
browser = "Safari";
|
|
|
|
|
} else if(data.opera) {
|
|
|
|
|
browser = "Opera";
|
|
|
|
|
} else if(data.msie) {
|
|
|
|
|
browser = "Internet Explorer";
|
|
|
|
|
} else if(data.firefox) {
|
|
|
|
|
browser = "Firefox";
|
|
|
|
|
} else if(data.mozilla) {
|
|
|
|
|
browser = "Mozilla";
|
|
|
|
|
} else if(data.speedgrader) {
|
|
|
|
|
browser = "SpeedGrader for iPad";
|
|
|
|
|
}
|
|
|
|
|
if (!browser) {
|
|
|
|
|
browser = I18n.t('browsers.unrecognized', "Unrecognized Browser");
|
|
|
|
|
} else if(data.version) {
|
|
|
|
|
data.version = data.version.split(/\./).slice(0,2).join(".");
|
|
|
|
|
browser = browser + " " + data.version;
|
|
|
|
|
}
|
|
|
|
|
return browser;
|
|
|
|
|
};
|
2012-02-14 00:37:41 +08:00
|
|
|
|
2011-09-28 02:51:26 +08:00
|
|
|
$.fileSize = function(bytes) {
|
|
|
|
|
var factor = 1024;
|
|
|
|
|
if(bytes < factor) {
|
|
|
|
|
return parseInt(bytes, 10) + " bytes";
|
|
|
|
|
} else if(bytes < factor * factor) {
|
|
|
|
|
return parseInt(bytes / factor, 10) + "KB";
|
|
|
|
|
} else {
|
|
|
|
|
return (Math.round(10.0 * bytes / factor / factor) / 10.0) + "MB";
|
|
|
|
|
}
|
|
|
|
|
};
|
2012-02-14 00:37:41 +08:00
|
|
|
|
2011-09-28 02:51:26 +08:00
|
|
|
$.getUserServices = function(service_types, success, error) {
|
|
|
|
|
if(!$.isArray(service_types)) { service_types = [service_types]; }
|
|
|
|
|
var url = "/services?service_types=" + service_types.join(",");
|
|
|
|
|
$.ajaxJSON(url, 'GET', {}, function(data) {
|
|
|
|
|
if(success) { success(data); }
|
|
|
|
|
}, function(data) {
|
|
|
|
|
if(error) { error(data); }
|
|
|
|
|
});
|
|
|
|
|
};
|
2012-02-14 00:37:41 +08:00
|
|
|
|
2011-09-28 02:51:26 +08:00
|
|
|
var lastLookup; //used to keep track of diigo requests
|
|
|
|
|
$.findLinkForService = function(service_type, callback) {
|
|
|
|
|
var $dialog = $("#instructure_bookmark_search");
|
|
|
|
|
if( !$dialog.length ) {
|
|
|
|
|
$dialog = $("<div id='instructure_bookmark_search'/>");
|
|
|
|
|
$dialog.append("<form id='bookmark_search_form' style='margin-bottom: 5px;'>" +
|
|
|
|
|
"<img src='/images/blank.png'/> " +
|
|
|
|
|
"<input type='text' class='query' style='width: 230px;'/>" +
|
2012-11-09 13:59:16 +08:00
|
|
|
"<button class='btn search_button' type='submit'>" +
|
2011-11-11 00:31:45 +08:00
|
|
|
htmlEscape(I18n.t('buttons.search', "Search")) + "</button></form>");
|
2011-09-28 02:51:26 +08:00
|
|
|
$dialog.append("<div class='results' style='max-height: 200px; overflow: auto;'/>");
|
|
|
|
|
$dialog.find("form").submit(function(event) {
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
event.stopPropagation();
|
|
|
|
|
var now = new Date();
|
|
|
|
|
if(service_type == 'diigo' && lastLookup && now - lastLookup < 15000) {
|
|
|
|
|
// let the user know we have to take things slow because of Diigo
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
$dialog.find("form").submit();
|
|
|
|
|
}, 15000 - (now - lastLookup));
|
|
|
|
|
$dialog.find(".results").empty()
|
2011-11-11 00:31:45 +08:00
|
|
|
.append(htmlEscape(I18n.t('status.diigo_search_throttling', "Diigo limits users to one search every ten seconds. Please wait...")));
|
2011-09-28 02:51:26 +08:00
|
|
|
return;
|
|
|
|
|
}
|
2011-11-11 00:31:45 +08:00
|
|
|
$dialog.find(".results").empty().append(htmlEscape(I18n.t('status.searching', "Searching...")));
|
2011-09-28 02:51:26 +08:00
|
|
|
lastLookup = new Date();
|
|
|
|
|
var query = $dialog.find(".query").val();
|
|
|
|
|
var url = $.replaceTags($dialog.data('reference_url'), 'query', query);
|
|
|
|
|
$.ajaxJSON(url, 'GET', {}, function(data) {
|
|
|
|
|
$dialog.find(".results").empty();
|
|
|
|
|
if( !data.length ) {
|
2011-11-11 00:31:45 +08:00
|
|
|
$dialog.find(".results").append(htmlEscape(I18n.t('no_results_found', "No Results Found")));
|
2011-09-28 02:51:26 +08:00
|
|
|
}
|
|
|
|
|
for(var idx in data) {
|
|
|
|
|
data[idx].short_title = data[idx].title;
|
|
|
|
|
if(data[idx].title == data[idx].description) {
|
2012-09-24 22:49:16 +08:00
|
|
|
data[idx].short_title = TextHelper.truncateText(data[idx].description, {max: 30});
|
2011-09-28 02:51:26 +08:00
|
|
|
}
|
|
|
|
|
$("<div class='bookmark'/>")
|
|
|
|
|
.appendTo($dialog.find(".results"))
|
|
|
|
|
.append($('<a class="bookmark_link" style="font-weight: bold;"/>').attr({
|
|
|
|
|
href: data[idx].url,
|
|
|
|
|
title: data[idx].title
|
|
|
|
|
}).text(data[idx].short_title)
|
|
|
|
|
)
|
|
|
|
|
.append($("<div style='margin: 5px 10px; font-size: 0.8em;'/>").text(data[idx].description || I18n.t('no_description', "No description")));
|
|
|
|
|
}
|
|
|
|
|
}, function() {
|
|
|
|
|
$dialog.find(".results").empty()
|
2011-11-11 00:31:45 +08:00
|
|
|
.append(htmlEscape(I18n.t('errors.search_failed', "Search failed, please try again.")));
|
2011-09-28 02:51:26 +08:00
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
$dialog.delegate('.bookmark_link', 'click', function(event) {
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
var url = $(this).attr('href');
|
|
|
|
|
var title = $(this).attr('title') || $(this).text();
|
|
|
|
|
$dialog.dialog('close');
|
|
|
|
|
callback({
|
|
|
|
|
url: url,
|
|
|
|
|
title: title
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
$dialog.find(".search_button").text(service_type == 'delicious' ? I18n.t('buttons.search_by_tag', "Search by Tag") : I18n.t('buttons.search', "Search"));
|
|
|
|
|
$dialog.find("form img").attr('src', '/images/' + service_type + '_small_icon.png');
|
|
|
|
|
var url = "/search/bookmarks?q=%7B%7B+query+%7D%7D&service_type=%7B%7B+service_type+%7D%7D";
|
|
|
|
|
url = $.replaceTags(url, 'service_type', service_type);
|
|
|
|
|
$dialog.data('reference_url', url);
|
|
|
|
|
$dialog.find(".results").empty().end()
|
|
|
|
|
.find(".query").val("");
|
2012-08-09 02:22:01 +08:00
|
|
|
$dialog.dialog({
|
2011-09-28 02:51:26 +08:00
|
|
|
title: I18n.t('titles.bookmark_search', "Bookmark Search: %{service_name}", {service_name: $.titleize(service_type)}),
|
|
|
|
|
open: function() {
|
|
|
|
|
$dialog.find("input:visible:first").focus().select();
|
|
|
|
|
},
|
|
|
|
|
width: 400
|
2012-08-09 02:22:01 +08:00
|
|
|
});
|
2011-09-28 02:51:26 +08:00
|
|
|
};
|
2012-02-14 00:37:41 +08:00
|
|
|
|
2011-09-28 02:51:26 +08:00
|
|
|
$.findImageForService = function(service_type, callback) {
|
|
|
|
|
var $dialog = $("#instructure_image_search");
|
|
|
|
|
$dialog.find("button").attr('disabled', false);
|
|
|
|
|
if( !$dialog.length ) {
|
|
|
|
|
$dialog = $("<div id='instructure_image_search'/>")
|
Fully adopt Bootstrap & update css to work with it, closes: #CNVS-1344
this commit does the following:
* upgrade bootstrap-sass gem to most recent version
* switches to using bootstrap's normalize.css and forms.css
which fixes a whole bunch of misformatting of how bootstrap
stuff is supposed to look, but changing those 2 affects
a lot of our old stylesheets.
* gets rid of unified_buttons.sass and just uses bootstraps buttons.
.ui-button @extends these because we still have to support .ui-button
for modals & buttonsets. but .button is no longer supported.
* a lot of css file reorganization (there's no more 'blue' and
'normal canvas', there's just canvas)
* a bunch of files had to be tweaked to look good with these changes.
test plan:
This change touches every page in canvas so, no kidding, we need to make
sure every page looks OK. In order to do that:
1. each sprint team needs to give a +1 after they make sure all the
pages in the features they are over look good.
2. the QA person on each team needs to look at the pages for their
teams features for a QA +1
things to look for specifically when testing:
* buttons: this gets rid of all those red 'cancel' links
that are actually buttons, make sure all the buttons you see
look right. if you see 2 plain gray buttons next to each other
like [Save] [Cancel], we should make the primary one blue (by
adding the .btn-primary class)
* Forms: a lot of this change has to do with how form elements look,
especially <select>s, <input>s and <label>s. look at the diffs
for the ones that have the most changes and make sure those look
good, but also check for the ones I missed and make sure those
look good too.
* and just random style changes, if something looks ugly or broken
(and it didn't before), we should fix that.
Also:
just use a link instead of a drop-menu for adding event from sidebar
we used to have a drop down menu for adding events
to cal2 from the sidebar where you'd hit a cog
and it'd ask you if you wanted to add an event or
an assignment. this just simplifies it to an add
icon.
this: http://cl.ly/image/133a2A3q3q1M
instead of: http://cl.ly/image/46463o2s3W0g
Change-Id: I384fe273934bca96bf28423afb1402c7792d8766
Reviewed-on: https://gerrit.instructure.com/15422
Tested-by: Jenkins <jenkins@instructure.com>
Reviewed-by: Ryan Florence <ryanf@instructure.com>
QA-Review: Ryan Florence <ryanf@instructure.com>
2012-12-21 14:46:28 +08:00
|
|
|
.append("<form id='image_search_form' class='form-inline' style='margin-bottom: 5px;'>" +
|
2011-09-28 02:51:26 +08:00
|
|
|
"<img src='/images/flickr_creative_commons_small_icon.png'/> " +
|
2013-04-19 04:39:57 +08:00
|
|
|
"<input type='text' class='query' style='width: 250px;' placeholder='" +
|
2011-11-11 00:31:45 +08:00
|
|
|
htmlEscape(I18n.t('tooltips.enter_search_terms', "enter search terms")) + "'/>" +
|
2012-11-09 13:59:16 +08:00
|
|
|
"<button class='btn' type='submit'>" +
|
2011-11-11 00:31:45 +08:00
|
|
|
htmlEscape(I18n.t('buttons.search', "Search")) + "</button></form>")
|
2011-09-28 02:51:26 +08:00
|
|
|
.append("<div class='results' style='max-height: 240px; overflow: auto;'/>");
|
2012-02-14 00:37:41 +08:00
|
|
|
|
2011-09-28 02:51:26 +08:00
|
|
|
$dialog.find("form").submit(function(event) {
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
event.stopPropagation();
|
|
|
|
|
var now = new Date();
|
|
|
|
|
$dialog.find("button").attr('disabled', true);
|
2014-12-19 17:35:02 +08:00
|
|
|
$dialog.find(".results").empty().append(htmlEscape(I18n.t('status.searching', "Searching...")));
|
2011-09-28 02:51:26 +08:00
|
|
|
$dialog.bind('search_results', function(event, data) {
|
|
|
|
|
$dialog.find("button").attr('disabled', false);
|
|
|
|
|
if(data && data.photos && data.photos.photo) {
|
|
|
|
|
$dialog.find(".results").empty();
|
|
|
|
|
for(var idx in data.photos.photo) {
|
|
|
|
|
var photo = data.photos.photo[idx],
|
2012-03-08 07:15:55 +08:00
|
|
|
image_url = "https://farm" + photo.farm + ".static.flickr.com/" + photo.server + "/" + photo.id + "_" + photo.secret + "_s.jpg",
|
|
|
|
|
big_image_url = "https://farm" + photo.farm + ".static.flickr.com/" + photo.server + "/" + photo.id + "_" + photo.secret + ".jpg",
|
|
|
|
|
source_url = "https://secure.flickr.com/photos/" + photo.owner + "/" + photo.id;
|
2012-01-20 07:08:59 +08:00
|
|
|
|
2011-09-28 02:51:26 +08:00
|
|
|
$dialog.find(".results").append(
|
|
|
|
|
$('<div class="image" style="float: left; padding: 2px; cursor: pointer;"/>')
|
|
|
|
|
.append($('<img/>', {
|
|
|
|
|
data: {
|
|
|
|
|
source: source_url,
|
|
|
|
|
big_image_url: big_image_url
|
|
|
|
|
},
|
|
|
|
|
'class': "image_link",
|
|
|
|
|
src: image_url,
|
2013-12-21 00:50:53 +08:00
|
|
|
tabindex: "0",
|
2011-09-28 02:51:26 +08:00
|
|
|
title: "embed " + (photo.title || ""),
|
2012-01-20 07:08:59 +08:00
|
|
|
alt: photo.title || ""
|
2011-09-28 02:51:26 +08:00
|
|
|
}))
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
} else {
|
2011-11-11 00:31:45 +08:00
|
|
|
$dialog.find(".results").empty().append(htmlEscape(I18n.t('errors.search_failed', "Search failed, please try again.")));
|
2011-09-28 02:51:26 +08:00
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
var query = encodeURIComponent($dialog.find(".query").val());
|
|
|
|
|
// this request will be handled by window.jsonFlickerApi()
|
2012-03-08 07:15:55 +08:00
|
|
|
$.getScript("https://secure.flickr.com/services/rest/?method=flickr.photos.search&format=json&api_key=734839aadcaa224c4e043eaf74391e50&per_page=25&license=1,2,3,4,5,6&sort=relevance&text=" + query);
|
2011-09-28 02:51:26 +08:00
|
|
|
});
|
2013-12-21 00:50:53 +08:00
|
|
|
|
|
|
|
|
var insertImage = function(image){
|
2011-09-28 02:51:26 +08:00
|
|
|
$dialog.dialog('close');
|
|
|
|
|
callback({
|
2013-12-21 00:50:53 +08:00
|
|
|
image_url: $(image).data('big_image_url') || $(image).attr('src'),
|
|
|
|
|
link_url: $(image).data('source'),
|
|
|
|
|
title: $(image).attr('alt')
|
2011-09-28 02:51:26 +08:00
|
|
|
});
|
2013-12-21 00:50:53 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$dialog.delegate('.image_link', 'click', function(event) {
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
insertImage(this);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$dialog.delegate('.image_link','keyup', function(event) {
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
var code = event.keyCode || event.which;
|
|
|
|
|
if(code == 13) { //Enter keycode
|
|
|
|
|
insertImage(this);
|
|
|
|
|
}
|
2011-09-28 02:51:26 +08:00
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
$dialog.find("form img").attr('src', '/images/' + service_type + '_small_icon.png');
|
|
|
|
|
var url = $("#editor_tabs .bookmark_search_url").attr('href');
|
|
|
|
|
url = $.replaceTags(url, 'service_type', service_type);
|
2012-01-20 07:08:59 +08:00
|
|
|
$dialog.data('reference_url', url || '')
|
|
|
|
|
$dialog.find(".results").empty();
|
|
|
|
|
$dialog.find(".query").val("");
|
|
|
|
|
$dialog.dialog({
|
|
|
|
|
title: I18n.t('titles.image_search', "Image Search: %{service_name}", {service_name: $.titleize(service_type)}),
|
|
|
|
|
width: 440,
|
|
|
|
|
open: function() {
|
|
|
|
|
$dialog.find("input:visible:first").focus().select();
|
|
|
|
|
},
|
|
|
|
|
height: 320
|
|
|
|
|
});
|
2011-09-28 02:51:26 +08:00
|
|
|
};
|
2012-01-20 07:08:59 +08:00
|
|
|
|
2011-09-28 02:51:26 +08:00
|
|
|
$.toSentence = function(array, options) {
|
|
|
|
|
if (typeof options == 'undefined') {
|
|
|
|
|
options = {};
|
|
|
|
|
} else if (options == 'or') {
|
|
|
|
|
options = {
|
|
|
|
|
two_words_connector: I18n.t('#support.array.or.two_words_connector'),
|
|
|
|
|
last_word_connector: I18n.t('#support.array.or.last_word_connector')
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
options = $.extend({
|
|
|
|
|
words_connector: I18n.t('#support.array.words_connector'),
|
|
|
|
|
two_words_connector: I18n.t('#support.array.two_words_connector'),
|
|
|
|
|
last_word_connector: I18n.t('#support.array.last_word_connector')
|
|
|
|
|
}, options);
|
|
|
|
|
|
|
|
|
|
switch (array.length) {
|
|
|
|
|
case 0:
|
|
|
|
|
return '';
|
|
|
|
|
case 1:
|
|
|
|
|
return '' + array[0];
|
|
|
|
|
case 2:
|
|
|
|
|
return array[0] + options.two_words_connector + array[1];
|
|
|
|
|
default:
|
|
|
|
|
return array.slice(0, -1).join(options.words_connector) + options.last_word_connector + array[array.length - 1];
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// return query string parameter
|
|
|
|
|
// $.queryParam("name") => qs value or null
|
|
|
|
|
$.queryParam = function(name) {
|
|
|
|
|
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
|
|
|
|
|
var regex = new RegExp("[\\?&]"+name+"=([^&#]*)");
|
|
|
|
|
var results = regex.exec(window.location.search);
|
|
|
|
|
if(results == null)
|
|
|
|
|
return results;
|
|
|
|
|
else
|
|
|
|
|
return decodeURIComponent(results[1].replace(/\+/g, " "));
|
|
|
|
|
};
|
2012-02-14 00:37:41 +08:00
|
|
|
|
2011-09-28 02:51:26 +08:00
|
|
|
$.capitalize = function(string) {
|
|
|
|
|
return string.charAt(0).toUpperCase() + string.substring(1).toLowerCase();
|
|
|
|
|
};
|
2012-02-14 00:37:41 +08:00
|
|
|
|
2011-09-28 02:51:26 +08:00
|
|
|
INST.youTubeRegEx = /^https?:\/\/(www\.youtube\.com\/watch.*v(=|\/)|youtu\.be\/)([^&#]*)/;
|
|
|
|
|
$.youTubeID = function(path) {
|
|
|
|
|
var match = path.match(INST.youTubeRegEx);
|
|
|
|
|
if(match && match[match.length - 1]) {
|
|
|
|
|
return match[match.length - 1];
|
|
|
|
|
}
|
|
|
|
|
return null;
|
|
|
|
|
};
|
2012-01-20 07:08:59 +08:00
|
|
|
});
|