276 lines
7.0 KiB
JavaScript
276 lines
7.0 KiB
JavaScript
/**
|
|
* <>& 등을 html에서도 그대로 보이도록 escape주는 함수
|
|
* @see https://stackoverflow.com/questions/24816/escaping-html-strings-with-jquery
|
|
* @param {string} string escape하고자 하는 문자열
|
|
* @returns {string}
|
|
*/
|
|
var escapeHtml = (function (string) {
|
|
var entityMap = {
|
|
'&': '&',
|
|
'<': '<',
|
|
'>': '>',
|
|
'"': '"',
|
|
"'": ''',
|
|
'/': '/',
|
|
'`': '`',
|
|
'=': '='
|
|
};
|
|
|
|
return function(string) {
|
|
return String(string).replace(/[&<>"'`=\/]/g, function(s) {
|
|
return entityMap[s];
|
|
});
|
|
}
|
|
})();
|
|
|
|
/**
|
|
* 변수가 정수인지 확인하는 함수
|
|
* @param {*} n 정수인지 확인하기 위한 인자
|
|
* @return {boolean} 정수인지 여부
|
|
*/
|
|
function isInt(n) {
|
|
return +n === n && !(n % 1);
|
|
}
|
|
|
|
/**
|
|
* object의 array를 id를 key로 삼는 object로 재 변환
|
|
* @param {Array.{id: Object}} arr id를 가진 object의 array
|
|
* @returns {Object}
|
|
*/
|
|
function convertDictById(arr) {
|
|
var result = {};
|
|
arr.forEach(function (v, i) {
|
|
result[v.id] = v;
|
|
});
|
|
return result;
|
|
}
|
|
|
|
/**
|
|
* array를 set 형태의 object로 변환
|
|
* @param {Array} arr 값을 가진 array
|
|
* @returns {Object}
|
|
*/
|
|
function convertSet(arr) {
|
|
var result = {};
|
|
arr.forEach(function (v) {
|
|
result[v] = true;
|
|
});
|
|
return result;
|
|
}
|
|
|
|
|
|
/**
|
|
* {0}, {1}, {2}형태로 포맷해주는 함수
|
|
*/
|
|
String.prototype.format = function() {
|
|
var args = arguments;
|
|
return this.replace(/{(\d+)}/g, function(match, number) {
|
|
return (typeof args[number] != 'undefined') ? args[number] : match;
|
|
});
|
|
};
|
|
|
|
|
|
function hexToRgb(hex) {
|
|
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
|
|
return result ? {
|
|
r: parseInt(result[1], 16),
|
|
g: parseInt(result[2], 16),
|
|
b: parseInt(result[3], 16)
|
|
} : null;
|
|
}
|
|
|
|
|
|
function isBrightColor(color){
|
|
color = hexToRgb(color);
|
|
if ((color.r*0.299 + color.g*0.587 + color.b*0.114) > 140){
|
|
return true;
|
|
}
|
|
else{
|
|
return false;
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* 게임내에서 지원하는 color type만 선택할 수 있도록 해주는 함수
|
|
* @param {string} color #AAAAAA 또는 AAAAAA 형태로 작성된 RGB hex color string
|
|
* @returns {string}
|
|
*/
|
|
function convColorValue(color) {
|
|
if (color.charAt(0) == '#') {
|
|
color = color.substr(1);
|
|
}
|
|
color = color.toUpperCase();
|
|
|
|
var colorBase = convertSet([
|
|
'000080', '0000FF', '008000', '008080', '00BFFF', '00FF00', '00FFFF', '20B2AA',
|
|
'2E8B57', '483D8B', '6495ED', '7B68EE', '7CFC00', '7FFFD4', '800000', '800080',
|
|
'808000', '87CEEB', 'A0522D', 'A9A9A9', 'AFEEEE', 'BA55D3', 'E0FFFF', 'F5F5DC',
|
|
'FF0000', 'FF00FF', 'FF6347', 'FFA500', 'FFC0CB', 'FFD700', 'FFDAB9', 'FFFF00',
|
|
'FFFFFF'
|
|
]);
|
|
|
|
if (!colorBase.hasOwnProperty(color)) {
|
|
return '000000';
|
|
}
|
|
|
|
return color;
|
|
|
|
}
|
|
|
|
|
|
function numberWithCommas(x) {
|
|
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
|
}
|
|
|
|
function linkifyStrWithOpt(text){
|
|
return linkifyStr(text, {});
|
|
}
|
|
|
|
/**
|
|
* 단순한 Template 함수. <%변수명%>으로 template 가능
|
|
* @see https://github.com/krasimir/absurd/blob/master/lib/processors/html/helpers/TemplateEngine.js
|
|
* @param {string} html
|
|
* @param {object} options
|
|
* @returns {string}
|
|
*/
|
|
var TemplateEngine = function (html, options) {
|
|
var re = /<%(.+?)%>/g,
|
|
reExp = /(^( )?(var|if|for|else|switch|case|break|{|}|;))(.*)?/g,
|
|
code = 'with(obj) { var r=[];\n',
|
|
cursor = 0,
|
|
result,
|
|
match;
|
|
var add = function (line, js) {
|
|
js ? (code += line.match(reExp) ? line + '\n' : 'r.push(' + line + ');\n') :
|
|
(code += line != '' ? 'r.push("' + line.replace(/"/g, '\\"') + '");\n' : '');
|
|
return add;
|
|
}
|
|
options.e = escapeHtml;
|
|
options.linkifyStr = linkifyStrWithOpt;
|
|
while (match = re.exec(html)) {
|
|
add(html.slice(cursor, match.index))(match[1], true);
|
|
cursor = match.index + match[0].length;
|
|
}
|
|
add(html.substr(cursor, html.length - cursor));
|
|
code = (code + 'return r.join(""); }').replace(/[\r\t\n]/g, ' ');
|
|
try { result = new Function('obj', code).apply(options, [options]); }
|
|
catch (err) { console.error("'" + err.message + "'", " in \n\nCode:\n", code, "\n"); }
|
|
return result;
|
|
}
|
|
|
|
function getIconPath(imgsvr, picture){
|
|
// ../d_shared/common_path.js 필요
|
|
if(!imgsvr){
|
|
return pathConfig.sharedIcon+'/'+picture;
|
|
}
|
|
else{
|
|
return pathConfig.root+'/d_pic/'+picture;
|
|
}
|
|
}
|
|
|
|
function activeFlip($obj){
|
|
var $result;
|
|
if($obj === undefined){
|
|
$result = $('img[data-flip]');
|
|
}
|
|
else{
|
|
$result = $obj.find('img[data-flip]');
|
|
}
|
|
|
|
$result.each(function(){
|
|
activeFlipItem($(this));
|
|
});
|
|
|
|
}
|
|
|
|
function activeFlipItem($img){
|
|
var imageList = [];
|
|
imageList.push($img.attr('src'));
|
|
$.each($img.data('flip').split(','), function(idx, value){
|
|
var value = $.trim(value);
|
|
if(!value){
|
|
return true;
|
|
}
|
|
imageList.push(value);
|
|
});
|
|
if(imageList.length <= 1){
|
|
return;
|
|
}
|
|
$img.data('computed_flip_array', imageList);
|
|
$img.data('computed_flip_idx', 0);
|
|
|
|
$img.click(function(){
|
|
var arr = $img.data('computed_flip_array');
|
|
var idx = $img.data('computed_flip_idx');
|
|
idx = (idx + 1)%(arr.length);
|
|
$img.attr('src', arr[idx]);
|
|
$img.data('computed_flip_idx', idx);
|
|
});
|
|
$img.css('cursor','pointer');
|
|
}
|
|
|
|
jQuery(function($){
|
|
$('.obj_tooltip').mouseover(function(){
|
|
var $objTooltip = $(this);
|
|
if($objTooltip.data('setObjTooltip')){
|
|
return true;
|
|
}
|
|
|
|
var tooltipClassText = $objTooltip.data('tooltip-class');
|
|
if(!tooltipClassText){
|
|
tooltipClassText = '';
|
|
}
|
|
var template = '<div class="tooltip {0}" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'
|
|
.format(tooltipClassText);
|
|
|
|
$objTooltip.tooltip({
|
|
title:function(){
|
|
return $.trim($(this).find('.tooltiptext').html());
|
|
},
|
|
template:template,
|
|
html:true
|
|
}).tooltip('show');
|
|
|
|
$objTooltip.data('setObjTooltip', true);
|
|
});
|
|
/*each(function(){
|
|
var $objTooltip = $(this);
|
|
|
|
|
|
});*/
|
|
|
|
activeFlip();
|
|
|
|
var customCSS = localStorage.getItem('sam_customCSS');
|
|
if(customCSS){
|
|
var $style = $('<style type="text/css"></style>');
|
|
$style.text(customCSS);
|
|
$style.appendTo($('head'));
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
function errUnknown(){
|
|
alert('작업을 실패했습니다.');
|
|
}
|
|
|
|
function quickReject(errMsg){
|
|
if(errMsg === undefined){
|
|
errMsg = '작업을 실패했습니다.';
|
|
}
|
|
var deferred = $.Deferred();
|
|
deferred.reject(errMsg);
|
|
return deferred.promise();
|
|
}
|
|
|
|
function nl2br(text){
|
|
return text.replace(/\n/g,"<br>");
|
|
}
|
|
/*
|
|
function br2nl (text) {
|
|
return text.replace(/<\s*\/?br\s*[\/]?>/gi, '\n');
|
|
}
|
|
*/ |