시스템관리 페이지 추가
This commit is contained in:
yangsh
1
public/plugin/js/jqgrid/grid.locale-en.min.js
vendored
Normal file
1
public/plugin/js/jqgrid/grid.locale-en.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
!function(a){a.jgrid=a.jgrid||{},a.extend(a.jgrid,{"defaults":{"recordtext":"View {0} - {1} of {2}","emptyrecords":"No records to view","loadtext":"Loading...","pgtext":"Page {0} of {1}"},"search":{"caption":"Search...","Find":"Find","Reset":"Reset","odata":[{"oper":"eq","text":"equal"},{"oper":"ne","text":"not equal"},{"oper":"lt","text":"less"},{"oper":"le","text":"less or equal"},{"oper":"gt","text":"greater"},{"oper":"ge","text":"greater or equal"},{"oper":"bw","text":"begins with"},{"oper":"bn","text":"does not begin with"},{"oper":"in","text":"is in"},{"oper":"ni","text":"is not in"},{"oper":"ew","text":"ends with"},{"oper":"en","text":"does not end with"},{"oper":"cn","text":"contains"},{"oper":"nc","text":"does not contain"}],"groupOps":[{"op":"AND","text":"all"},{"op":"OR","text":"any"}]},"edit":{"addCaption":"Add Record","editCaption":"Edit Record","bSubmit":"Submit","bCancel":"Cancel","bClose":"Close","saveData":"Data has been changed! Save changes?","bYes":"Yes","bNo":"No","bExit":"Cancel","msg":{"required":"Field is required","number":"Please, enter valid number","minValue":"value must be greater than or equal to ","maxValue":"value must be less than or equal to","email":"is not a valid e-mail","integer":"Please, enter valid integer value","date":"Please, enter valid date value","url":"is not a valid URL. Prefix required ('http://' or 'https://')","nodefined":" is not defined!","novalue":" return value is required!","customarray":"Custom function should return array!","customfcheck":"Custom function should be present in case of custom checking!"}},"view":{"caption":"View Record","bClose":"Close"},"del":{"caption":"Delete","msg":"Delete selected record(s)?","bSubmit":"Delete","bCancel":"Cancel"},"nav":{"edittext":"","edittitle":"Edit selected row","addtext":"","addtitle":"Add new row","deltext":"","deltitle":"Delete selected row","searchtext":"","searchtitle":"Find records","refreshtext":"","refreshtitle":"Reload Grid","alertcap":"Warning","alerttext":"Please, select row","viewtext":"","viewtitle":"View selected row"},"col":{"caption":"Select columns","bSubmit":"Ok","bCancel":"Cancel"},"errors":{"errcap":"Error","nourl":"No url is set","norecords":"No records to process","model":"Length of colNames <> colModel!"},"formatter":{"integer":{"thousandsSeparator":",","defaultValue":"0"},"number":{"decimalSeparator":".","thousandsSeparator":",","decimalPlaces":2,"defaultValue":"0.00"},"currency":{"decimalSeparator":".","thousandsSeparator":",","decimalPlaces":2,"prefix":"","suffix":"","defaultValue":"0.00"},"date":{"dayNames":["Sun","Mon","Tue","Wed","Thr","Fri","Sat","Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"monthNames":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","January","February","March","April","May","June","July","August","September","October","November","December"],"AmPm":["am","pm","AM","PM"],"S":function(a){return 11>a||a>13?["st","nd","rd","th"][Math.min((a-1)%10,3)]:"th"},"srcformat":"Y-m-d","newformat":"n/j/Y","parseRe":/[Tt\\\/:_;.,\t\s-]/,"masks":{"ISO8601Long":"Y-m-d H:i:s","ISO8601Short":"Y-m-d","ShortDate":"n/j/Y","LongDate":"l, F d, Y","FullDateTime":"l, F d, Y g:i:s A","MonthDay":"F d","ShortTime":"g:i A","LongTime":"g:i:s A","SortableDateTime":"Y-m-d\\TH:i:s","UniversalSortableDateTime":"Y-m-d H:i:sO","YearMonth":"F, Y"},"reformatAfterEdit":!1},"baseLinkUrl":"","showAction":"","target":"","checkbox":{"disabled":!0},"idName":"id"}})}(jQuery);
|
||||
1
public/plugin/js/jqgrid/grid.locale-kr.js
Normal file
1
public/plugin/js/jqgrid/grid.locale-kr.js
Normal file
@@ -0,0 +1 @@
|
||||
!function(a){"use strict";"function"==typeof define&&define.amd?define(["jquery","../grid.base"],a):a(jQuery)}(function(a){a.jgrid=a.jgrid||{},a.jgrid.hasOwnProperty("regional")||(a.jgrid.regional=[]),a.jgrid.regional.kr={defaults:{recordtext:"보기 {0} - {1} / {2}",emptyrecords:"표시할 행이 없습니다",loadtext:"조회중...",pgtext:"페이지 {0} / {1}",savetext:"Saving...",pgfirst:"First Page",pglast:"Last Page",pgnext:"Next Page",pgprev:"Previous Page",pgrecs:"Records per Page",showhide:"Toggle Expand Collapse Grid",pagerCaption:"Grid::Page Settings",pageText:"Page:",recordPage:"Records per Page",nomorerecs:"No more records...",scrollPullup:"Pull up to load more...",scrollPulldown:"Pull down to refresh...",scrollRefresh:"Release to refresh..."},search:{caption:"검색...",Find:"찾기",Reset:"초기화",odata:[{oper:"eq",text:"같다"},{oper:"ne",text:"같지 않다"},{oper:"lt",text:"작다"},{oper:"le",text:"작거나 같다"},{oper:"gt",text:"크다"},{oper:"ge",text:"크거나 같다"},{oper:"bw",text:"로 시작한다"},{oper:"bn",text:"로 시작하지 않는다"},{oper:"in",text:"내에 있다"},{oper:"ni",text:"내에 있지 않다"},{oper:"ew",text:"로 끝난다"},{oper:"en",text:"로 끝나지 않는다"},{oper:"cn",text:"내에 존재한다"},{oper:"nc",text:"내에 존재하지 않는다"},{oper:"nu",text:"is null"},{oper:"nn",text:"is not null"},{oper:"bt",text:"between"}],groupOps:[{op:"AND",text:"전부"},{op:"OR",text:"임의"}],operandTitle:"Click to select search operation.",resetTitle:"Reset Search Value",addsubgrup:"Add subgroup",addrule:"Add rule",delgroup:"Delete group",delrule:"Delete rule"},edit:{addCaption:"행 추가",editCaption:"행 수정",bSubmit:"전송",bCancel:"취소",bClose:"닫기",saveData:"자료가 변경되었습니다! 저장하시겠습니까?",bYes:"예",bNo:"아니오",bExit:"취소",msg:{required:"필수항목입니다",number:"유효한 번호를 입력해 주세요",minValue:"입력값은 크거나 같아야 합니다",maxValue:"입력값은 작거나 같아야 합니다",email:"유효하지 않은 이메일주소입니다",integer:"유효한 숫자를 입력하세요",date:"유효한 날짜를 입력하세요",url:"은 유효하지 않은 URL입니다. 문장앞에 다음단어가 필요합니다('http://' or 'https://')",nodefined:" 은 정의도지 않았습니다!",novalue:" 반환값이 필요합니다!",customarray:"사용자정의 함수는 배열을 반환해야 합니다!",customfcheck:"Custom function should be present in case of custom checking!"}},view:{caption:"행 조회",bClose:"닫기"},del:{caption:"삭제",msg:"선택된 행을 삭제하시겠습니까?",bSubmit:"삭제",bCancel:"취소"},nav:{edittext:"",edittitle:"선택된 행 편집",addtext:"",addtitle:"행 삽입",deltext:"",deltitle:"선택된 행 삭제",searchtext:"",searchtitle:"행 찾기",refreshtext:"",refreshtitle:"그리드 갱신",alertcap:"경고",alerttext:"행을 선택하세요",viewtext:"",viewtitle:"선택된 행 조회",savetext:"",savetitle:"Save row",canceltext:"",canceltitle:"Cancel row editing",selectcaption:"Actions..."},col:{caption:"열을 선택하세요",bSubmit:"확인",bCancel:"취소"},errors:{errcap:"오류",nourl:"설정된 url이 없습니다",norecords:"처리할 행이 없습니다",model:"colNames의 길이가 colModel과 일치하지 않습니다!"},formatter:{integer:{thousandsSeparator:",",defaultValue:"0"},number:{decimalSeparator:".",thousandsSeparator:",",decimalPlaces:2,defaultValue:"0.00"},currency:{decimalSeparator:".",thousandsSeparator:",",decimalPlaces:2,prefix:"",suffix:"",defaultValue:"0.00"},date:{dayNames:["Sun","Mon","Tue","Wed","Thr","Fri","Sat","일","월","화","수","목","금","토"],monthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"],AmPm:["am","pm","AM","PM"],S:function(a){return a<11||a>13?["st","nd","rd","th"][Math.min((a-1)%10,3)]:"th"},srcformat:"Y-m-d",newformat:"m-d-Y",parseRe:/[#%\\\/:_;.,\t\s-]/,masks:{ISO8601Long:"Y-m-d H:i:s",ISO8601Short:"Y-m-d",ShortDate:"Y/j/n",LongDate:"l, F d, Y",FullDateTime:"l, F d, Y g:i:s A",MonthDay:"F d",ShortTime:"g:i A",LongTime:"g:i:s A",SortableDateTime:"Y-m-d\\TH:i:s",UniversalSortableDateTime:"Y-m-d H:i:sO",YearMonth:"F, Y"},reformatAfterEdit:!1,userLocalTime:!1},baseLinkUrl:"",showAction:"",target:"",checkbox:{disabled:!0},idName:"id"},colmenu:{sortasc:"Sort Ascending",sortdesc:"Sort Descending",columns:"Columns",filter:"Filter",grouping:"Group By",ungrouping:"Ungroup",searchTitle:"Get items with value that:",freeze:"Freeze",unfreeze:"Unfreeze",reorder:"Move to reorder"}}});
|
||||
168
public/plugin/js/jqgrid/grid.locale-kr.js_old
Normal file
168
public/plugin/js/jqgrid/grid.locale-kr.js_old
Normal file
@@ -0,0 +1,168 @@
|
||||
/**
|
||||
* jqGrid English Translation
|
||||
* Tony Tomov tony@trirand.com
|
||||
* http://trirand.com/blog/
|
||||
* Dual licensed under the MIT and GPL licenses:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* http://www.gnu.org/licenses/gpl.html
|
||||
**/
|
||||
/*global jQuery, define */
|
||||
(function( factory ) {
|
||||
"use strict";
|
||||
if ( typeof define === "function" && define.amd ) {
|
||||
// AMD. Register as an anonymous module.
|
||||
define([
|
||||
"jquery",
|
||||
"../grid.base"
|
||||
], factory );
|
||||
} else {
|
||||
// Browser globals
|
||||
factory( jQuery );
|
||||
}
|
||||
}(function( $ ) {
|
||||
|
||||
$.jgrid = $.jgrid || {};
|
||||
if(!$.jgrid.hasOwnProperty("regional")) {
|
||||
$.jgrid.regional = [];
|
||||
}
|
||||
$.jgrid.regional["kr"] = {
|
||||
defaults : {
|
||||
recordtext: "보기 {0} - {1} / {2}",
|
||||
emptyrecords: "표시할 행이 없습니다",
|
||||
loadtext: "조회중...",
|
||||
pgtext : "페이지 {0} / {1}",
|
||||
savetext: "Saving...",
|
||||
pgfirst : "First Page",
|
||||
pglast : "Last Page",
|
||||
pgnext : "Next Page",
|
||||
pgprev : "Previous Page",
|
||||
pgrecs : "Records per Page",
|
||||
showhide: "Toggle Expand Collapse Grid",
|
||||
// mobile
|
||||
pagerCaption : "Grid::Page Settings",
|
||||
pageText : "Page:",
|
||||
recordPage : "Records per Page",
|
||||
nomorerecs : "No more records...",
|
||||
scrollPullup: "Pull up to load more...",
|
||||
scrollPulldown : "Pull down to refresh...",
|
||||
scrollRefresh : "Release to refresh..."
|
||||
},
|
||||
search : {
|
||||
caption: "검색...",
|
||||
Find: "찾기",
|
||||
Reset: "초기화",
|
||||
odata: [{ oper:'eq', text:"같다"},{ oper:'ne', text:"같지 않다"},{ oper:'lt', text:"작다"},{ oper:'le', text:"작거나 같다"},{ oper:'gt', text:"크다"},{ oper:'ge', text:"크거나 같다"},{ oper:'bw', text:"로 시작한다"},{ oper:'bn', text:"로 시작하지 않는다"},{ oper:'in', text:"내에 있다"},{ oper:'ni', text:"내에 있지 않다"},{ oper:'ew', text:"로 끝난다"},{ oper:'en', text:"로 끝나지 않는다"},{ oper:'cn', text:"내에 존재한다"},{ oper:'nc', text:"내에 존재하지 않는다"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
|
||||
groupOps: [ { op: "AND", text: "전부" }, { op: "OR", text: "임의" } ],
|
||||
operandTitle : "Click to select search operation.",
|
||||
resetTitle : "Reset Search Value"
|
||||
},
|
||||
edit : {
|
||||
addCaption: "행 추가",
|
||||
editCaption: "행 수정",
|
||||
bSubmit: "전송",
|
||||
bCancel: "취소",
|
||||
bClose: "닫기",
|
||||
saveData: "자료가 변경되었습니다! 저장하시겠습니까?",
|
||||
bYes : "예",
|
||||
bNo : "아니오",
|
||||
bExit : "취소",
|
||||
msg: {
|
||||
required:"필수항목입니다",
|
||||
number:"유효한 번호를 입력해 주세요",
|
||||
minValue:"입력값은 크거나 같아야 합니다",
|
||||
maxValue:"입력값은 작거나 같아야 합니다",
|
||||
email: "유효하지 않은 이메일주소입니다",
|
||||
integer: "유효한 숫자를 입력하세요",
|
||||
date: "유효한 날짜를 입력하세요",
|
||||
url: "은 유효하지 않은 URL입니다. 문장앞에 다음단어가 필요합니다('http://' or 'https://')",
|
||||
nodefined : " 은 정의도지 않았습니다!",
|
||||
novalue : " 반환값이 필요합니다!",
|
||||
customarray : "사용자정의 함수는 배열을 반환해야 합니다!",
|
||||
customfcheck : "Custom function should be present in case of custom checking!"
|
||||
|
||||
}
|
||||
},
|
||||
view : {
|
||||
caption: "행 조회",
|
||||
bClose: "닫기"
|
||||
},
|
||||
del : {
|
||||
caption: "삭제",
|
||||
msg: "선택된 행을 삭제하시겠습니까?",
|
||||
bSubmit: "삭제",
|
||||
bCancel: "취소"
|
||||
},
|
||||
nav : {
|
||||
edittext: "",
|
||||
edittitle: "선택된 행 편집",
|
||||
addtext:"",
|
||||
addtitle: "행 삽입",
|
||||
deltext: "",
|
||||
deltitle: "선택된 행 삭제",
|
||||
searchtext: "",
|
||||
searchtitle: "행 찾기",
|
||||
refreshtext: "",
|
||||
refreshtitle: "그리드 갱신",
|
||||
alertcap: "경고",
|
||||
alerttext: "행을 선택하세요",
|
||||
viewtext: "",
|
||||
viewtitle: "선택된 행 조회",
|
||||
savetext: "",
|
||||
savetitle: "Save row",
|
||||
canceltext: "",
|
||||
canceltitle : "Cancel row editing",
|
||||
selectcaption : "Actions..."
|
||||
},
|
||||
col : {
|
||||
caption: "열을 선택하세요",
|
||||
bSubmit: "확인",
|
||||
bCancel: "취소"
|
||||
},
|
||||
errors : {
|
||||
errcap : "오류",
|
||||
nourl : "설정된 url이 없습니다",
|
||||
norecords: "처리할 행이 없습니다",
|
||||
model : "colNames의 길이가 colModel과 일치하지 않습니다!"
|
||||
},
|
||||
formatter : {
|
||||
integer : {thousandsSeparator: ",", defaultValue: '0'},
|
||||
number : {decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2, defaultValue: '0.00'},
|
||||
currency : {decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
|
||||
date : {
|
||||
dayNames: [
|
||||
"Sun", "Mon", "Tue", "Wed", "Thr", "Fri", "Sat",
|
||||
"일", "월", "화", "수", "목", "금", "토"
|
||||
],
|
||||
monthNames: [
|
||||
"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",
|
||||
"1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월"
|
||||
],
|
||||
AmPm : ["am","pm","AM","PM"],
|
||||
S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
|
||||
srcformat: 'Y-m-d',
|
||||
newformat: 'm-d-Y',
|
||||
parseRe : /[#%\\\/:_;.,\t\s-]/,
|
||||
masks : {
|
||||
ISO8601Long:"Y-m-d H:i:s",
|
||||
ISO8601Short:"Y-m-d",
|
||||
ShortDate: "Y/j/n",
|
||||
LongDate: "l, F d, Y",
|
||||
FullDateTime: "l, F d, Y g:i:s A",
|
||||
MonthDay: "F d",
|
||||
ShortTime: "g:i A",
|
||||
LongTime: "g:i:s A",
|
||||
SortableDateTime: "Y-m-d\\TH:i:s",
|
||||
UniversalSortableDateTime: "Y-m-d H:i:sO",
|
||||
YearMonth: "F, Y"
|
||||
},
|
||||
reformatAfterEdit : false,
|
||||
userLocalTime : false
|
||||
},
|
||||
baseLinkUrl: '',
|
||||
showAction: '',
|
||||
target: '',
|
||||
checkbox : {disabled:true},
|
||||
idName : 'id'
|
||||
}
|
||||
};
|
||||
}));
|
||||
17
public/plugin/js/jqgrid/jquery.jqGrid.min.js
vendored
Normal file
17
public/plugin/js/jqgrid/jquery.jqGrid.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
17
public/plugin/js/jqgrid/jquery.jqGrid.min.js_old
Normal file
17
public/plugin/js/jqgrid/jquery.jqGrid.min.js_old
Normal file
File diff suppressed because one or more lines are too long
5
public/plugin/js/jqgrid/jstree.min.js
vendored
Normal file
5
public/plugin/js/jqgrid/jstree.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
862
public/plugin/js/jqgrid/jstreegrid.js
Normal file
862
public/plugin/js/jqgrid/jstreegrid.js
Normal file
@@ -0,0 +1,862 @@
|
||||
/*
|
||||
* http://github.com/deitch/jstree-grid
|
||||
*
|
||||
* This plugin handles adding a grid to a tree to display additional data
|
||||
*
|
||||
* Licensed under the MIT license:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*
|
||||
* Works only with jstree version >= 3.0.0
|
||||
*
|
||||
* $Date: 2015-11-29 $
|
||||
* $Revision: 3.4.2 $
|
||||
*/
|
||||
|
||||
/*jslint nomen:true */
|
||||
/*jshint unused:vars */
|
||||
/*global navigator, document, jQuery, define */
|
||||
|
||||
/* AMD support added by jochenberger per https://github.com/deitch/jstree-grid/pull/49
|
||||
*
|
||||
*/
|
||||
(function (factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module.
|
||||
define(['jquery', 'jstree'], factory);
|
||||
} else {
|
||||
// Browser globals
|
||||
factory(jQuery);
|
||||
}
|
||||
}(function ($) {
|
||||
var renderAWidth, renderATitle, getIndent, htmlstripre, findLastClosedNode, BLANKRE = /^\s*$/g,
|
||||
IDREGEX = /[\\:&!^|()\[\]<>@*'+~#";,= \/${}%]/g, escapeId = function (id) {
|
||||
return (id||"").replace(IDREGEX,'\\$&');
|
||||
}, NODE_DATA_ATTR = "data-jstreegrid",
|
||||
SPECIAL_TITLE = "_DATA_", LEVELINDENT = 24, styled = false, GRIDCELLID_PREFIX = "jsgrid_",GRIDCELLID_POSTFIX = "_col",
|
||||
MINCOLWIDTH = 10,
|
||||
findDataCell = function (from,id) {
|
||||
return from.find("div["+NODE_DATA_ATTR+"='"+id+"']");
|
||||
},
|
||||
isClickedSep = false, toResize = null, oldMouseX = 0, newMouseX = 0;
|
||||
|
||||
/*jslint regexp:true */
|
||||
htmlstripre = /<\/?[^>]+>/gi;
|
||||
/*jslint regexp:false */
|
||||
|
||||
getIndent = function(node,tree) {
|
||||
var div, i, li, width;
|
||||
|
||||
// did we already save it for this tree?
|
||||
tree._gridSettings = tree._gridSettings || {};
|
||||
if (tree._gridSettings.indent > 0) {
|
||||
width = tree._gridSettings.indent;
|
||||
} else {
|
||||
// create a new div on the DOM but not visible on the page
|
||||
div = $("<div></div>");
|
||||
i = node.prev("i");
|
||||
li = i.parent();
|
||||
// add to that div all of the classes on the tree root
|
||||
div.addClass(tree.get_node("#",true).attr("class"));
|
||||
|
||||
// move the li to the temporary div root
|
||||
li.appendTo(div);
|
||||
|
||||
// attach to the body quickly
|
||||
div.appendTo($("body"));
|
||||
|
||||
// get the width
|
||||
width = i.width() || LEVELINDENT;
|
||||
|
||||
// detach the li from the new div and destroy the new div
|
||||
li.detach();
|
||||
div.remove();
|
||||
|
||||
// save it for the future
|
||||
tree._gridSettings.indent = width;
|
||||
}
|
||||
|
||||
|
||||
return(width);
|
||||
|
||||
};
|
||||
|
||||
findLastClosedNode = function (tree,id) {
|
||||
// first get our node
|
||||
var ret, node = tree.get_node(id), children = node.children;
|
||||
// is it closed?
|
||||
if (!children || children.length <= 0 || !node.state.opened) {
|
||||
ret = id;
|
||||
} else {
|
||||
ret = findLastClosedNode(tree,children[children.length-1]);
|
||||
}
|
||||
return(ret);
|
||||
};
|
||||
|
||||
renderAWidth = function(node,tree) {
|
||||
var depth, width,
|
||||
fullWidth = parseInt(tree.settings.grid.columns[0].width,10) + parseInt(tree._gridSettings.treeWidthDiff,10);
|
||||
// need to use a selector in jquery 1.4.4+
|
||||
depth = tree.get_node(node).parents.length;
|
||||
width = fullWidth - depth*getIndent(node,tree);
|
||||
// the following line is no longer needed, since we are doing this inside a <td>
|
||||
//a.css({"vertical-align": "top", "overflow":"hidden"});
|
||||
return(fullWidth);
|
||||
};
|
||||
renderATitle = function(node,t,tree) {
|
||||
var a = node.get(0).tagName.toLowerCase() === "a" ? node : node.children("a"), title, col = tree.settings.grid.columns[0];
|
||||
// get the title
|
||||
title = "";
|
||||
if (col.title) {
|
||||
if (col.title === SPECIAL_TITLE) {
|
||||
title = tree.get_text(t);
|
||||
} else if (t.attr(col.title)) {
|
||||
title = t.attr(col.title);
|
||||
}
|
||||
}
|
||||
// strip out HTML
|
||||
title = title.replace(htmlstripre, '');
|
||||
if (title) {
|
||||
a.attr("title",title);
|
||||
}
|
||||
};
|
||||
|
||||
$.jstree.defaults.grid = {
|
||||
width: 'auto'
|
||||
};
|
||||
|
||||
$.jstree.plugins.grid = function(options,parent) {
|
||||
this._initialize = function () {
|
||||
if (!this._initialized) {
|
||||
var s = this.settings.grid || {}, styles, container = this.element, gridparent = container.parent(), i,
|
||||
gs = this._gridSettings = {
|
||||
columns : s.columns || [],
|
||||
treeClass : "jstree-grid-col-0",
|
||||
context: s.contextmenu || false,
|
||||
columnWidth : s.columnWidth,
|
||||
defaultConf : {"*display":"inline","*+display":"inline"},
|
||||
isThemeroller : !!this._data.themeroller,
|
||||
treeWidthDiff : 0,
|
||||
resizable : s.resizable,
|
||||
stateful: s.stateful,
|
||||
indent: 0
|
||||
}, cols = gs.columns, treecol = 0;
|
||||
// find which column our tree shuld go in
|
||||
for (i=0;i<s.columns.length;i++) {
|
||||
if (s.columns[i].tree) {
|
||||
// save which column it was
|
||||
treecol = i;
|
||||
// do not check any others
|
||||
break;
|
||||
}
|
||||
}
|
||||
// set a unique ID for this table
|
||||
this.uniq = Math.ceil(Math.random()*1000);
|
||||
this.treecol = treecol;
|
||||
this.rootid = container.attr("id");
|
||||
|
||||
var msie = /msie/.test(navigator.userAgent.toLowerCase());
|
||||
if (msie) {
|
||||
var version = parseFloat(navigator.appVersion.split("MSIE")[1]);
|
||||
if (version < 8) {
|
||||
gs.defaultConf.display = "inline";
|
||||
gs.defaultConf.zoom = "1";
|
||||
}
|
||||
}
|
||||
|
||||
// set up the classes we need
|
||||
if (!styled) {
|
||||
styled = true;
|
||||
styles = [
|
||||
'.jstree-grid-cell {vertical-align: top; overflow:hidden;margin-left:0;position:relative;width: 100%;padding-left:7px;white-space: nowrap;}',
|
||||
'.jstree-grid-cell span {margin-right:0px;margin-right:0px;*display:inline;*+display:inline;white-space: nowrap;}',
|
||||
'.jstree-grid-separator {position:absolute; top:0; right:0; height:24px; margin-left: -2px; border-width: 0 2px 0 0; *display:inline; *+display:inline; margin-right:0px;width:0px;}',
|
||||
'.jstree-grid-header-cell {overflow: hidden; white-space: nowrap;padding: 1px 3px 2px 5px;}',
|
||||
'.jstree-grid-header-themeroller {border: 0; padding: 1px 3px;}',
|
||||
'.jstree-grid-header-regular {position:relative; background-color: #EBF3FD;}',
|
||||
'.jstree-grid-resizable-separator {cursor: col-resize; width: 2px;}',
|
||||
'.jstree-grid-separator-regular {border-color: #d0d0d0; border-style: solid;}',
|
||||
'.jstree-grid-cell-themeroller {border: none !important; background: transparent !important;}',
|
||||
'.jstree-grid-wrapper {width: 100%; overflow-x: auto;}',
|
||||
'.jstree-grid-midwrapper {display: table-row; overflow: visible;}',
|
||||
'.jstree-grid-width-auto {width:auto;display:block;}',
|
||||
'.jstree-grid-column {display: table-cell; overflow: hidden;}',
|
||||
'.jstree-grid-col-0 {width: 100%;}'
|
||||
];
|
||||
|
||||
$('<style type="text/css">'+styles.join("\n")+'</style>').appendTo("head");
|
||||
}
|
||||
this.gridWrapper = $("<div></div>").addClass("jstree-grid-wrapper").appendTo(gridparent);
|
||||
this.midWrapper = $("<div></div>").addClass("jstree-grid-midwrapper").appendTo(this.gridWrapper);
|
||||
// set the wrapper width
|
||||
if (s.width) {
|
||||
this.gridWrapper.width(s.width);
|
||||
}
|
||||
// create the data columns
|
||||
for (i=0;i<cols.length;i++) {
|
||||
// create the column
|
||||
$("<div></div>").addClass("jstree-grid-column jstree-grid-column-"+i+" jstree-grid-column-root-"+this.rootid).appendTo(this.midWrapper);
|
||||
}
|
||||
this.midWrapper.children("div:eq("+treecol+")").append(container);
|
||||
container.addClass("jstree-grid-cell");
|
||||
|
||||
this._initialized = true;
|
||||
}
|
||||
};
|
||||
this.init = function (el,options) {
|
||||
parent.init.call(this,el,options);
|
||||
this._initialize();
|
||||
};
|
||||
this.bind = function () {
|
||||
parent.bind.call(this);
|
||||
this._initialize();
|
||||
this.element
|
||||
.on("move_node.jstree create_node.jstree clean_node.jstree change_node.jstree", $.proxy(function (e, data) {
|
||||
var target = this.get_node(data || "#",true);
|
||||
this._prepare_grid(target);
|
||||
}, this))
|
||||
.on("delete_node.jstree",$.proxy(function (e,data) {
|
||||
if (data.node.id !== undefined) {
|
||||
var grid = this.gridWrapper, removeNodes = [data.node.id], i;
|
||||
// add children to remove list
|
||||
if (data.node && data.node.children_d) {
|
||||
removeNodes = removeNodes.concat(data.node.children_d);
|
||||
}
|
||||
for (i=0;i<removeNodes.length;i++) {
|
||||
findDataCell(grid,removeNodes[i]).remove();
|
||||
}
|
||||
}
|
||||
}, this))
|
||||
.on("close_node.jstree",$.proxy(function (e,data) {
|
||||
this._hide_grid(data.node);
|
||||
}, this))
|
||||
.on("open_node.jstree",$.proxy(function (e,data) {
|
||||
}, this))
|
||||
.on("load_node.jstree",$.proxy(function (e,data) {
|
||||
}, this))
|
||||
.on("loaded.jstree", $.proxy(function (e) {
|
||||
this._prepare_headers();
|
||||
this.element.trigger("loaded_grid.jstree");
|
||||
}, this))
|
||||
.on("ready.jstree",$.proxy(function (e,data) {
|
||||
// find the line-height of the first known node
|
||||
var anchorHeight = this.element.find("li a:first").outerHeight();
|
||||
$('<style type="text/css">div.jstree-grid-cell-root-'+this.rootid+' {line-height: '+anchorHeight+'px}</style>').appendTo("head");
|
||||
|
||||
// add container classes to the wrapper
|
||||
this.gridWrapper.addClass(this.element.attr("class"));
|
||||
|
||||
},this))
|
||||
.on("move_node.jstree",$.proxy(function(e,data){
|
||||
var node = data.new_instance.element;
|
||||
//renderAWidth(node,this);
|
||||
// check all the children, because we could drag a tree over
|
||||
node.find("li > a").each($.proxy(function(i,elm){
|
||||
//renderAWidth($(elm),this);
|
||||
},this));
|
||||
|
||||
},this))
|
||||
.on("hover_node.jstree",$.proxy(function(node,selected,event){
|
||||
var id = selected.node.id;
|
||||
if (this._hover_node !== null && this._hover_node !== undefined) {
|
||||
findDataCell(this.gridWrapper,this._hover_node).removeClass("jstree-hovered");
|
||||
}
|
||||
this._hover_node = id;
|
||||
findDataCell(this.gridWrapper,id).addClass("jstree-hovered");
|
||||
},this))
|
||||
.on("dehover_node.jstree",$.proxy(function(node,selected,event){
|
||||
var id = selected.node.id;
|
||||
this._hover_node = null;
|
||||
findDataCell(this.gridWrapper,id).removeClass("jstree-hovered");
|
||||
},this))
|
||||
.on("select_node.jstree",$.proxy(function(node,selected,event){
|
||||
var id = selected.node.id;
|
||||
findDataCell(this.gridWrapper,id).addClass("jstree-clicked");
|
||||
this.get_node(selected.node.id,true).children("div.jstree-grid-cell").addClass("jstree-clicked");
|
||||
},this))
|
||||
.on("deselect_node.jstree",$.proxy(function(node,selected,event){
|
||||
var id = selected.node.id;
|
||||
findDataCell(this.gridWrapper,id).removeClass("jstree-clicked");
|
||||
},this))
|
||||
.on("deselect_all.jstree",$.proxy(function(node,selected,event){
|
||||
// get all of the ids that were unselected
|
||||
var ids = selected.node || [], i;
|
||||
for (i=0;i<ids.length;i++) {
|
||||
findDataCell(this.gridWrapper,ids[i]).removeClass("jstree-clicked");
|
||||
}
|
||||
},this))
|
||||
.on("search.jstree", $.proxy(function (e, data) {
|
||||
// search sometimes filters, so we need to hide all of the appropriate grid cells as well, and show only the matches
|
||||
var grid = this.gridWrapper;
|
||||
if(this._data.search.som) {
|
||||
if(data.nodes.length) {
|
||||
// hide all of the grid cells
|
||||
grid.find('div.jstree-grid-cell-regular').hide();
|
||||
// show only those that match
|
||||
data.nodes.add(data.nodes.parentsUntil(".jstree")).filter(".jstree-node").each(function (i,node) {
|
||||
var id = node.id;
|
||||
if (id) {
|
||||
findDataCell(grid,id).show();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}, this))
|
||||
.on("clear_search.jstree", $.proxy(function (e, data) {
|
||||
// search has been cleared, so we need to show all rows
|
||||
this.gridWrapper.find('div.jstree-grid-cell').show();
|
||||
return true;
|
||||
}, this))
|
||||
;
|
||||
if (this._gridSettings.isThemeroller) {
|
||||
this.element
|
||||
.on("select_node.jstree",$.proxy(function(e,data){
|
||||
data.rslt.obj.children("a").nextAll("div").addClass("ui-state-active");
|
||||
},this))
|
||||
.on("deselect_node.jstree deselect_all.jstree",$.proxy(function(e,data){
|
||||
data.rslt.obj.children("a").nextAll("div").removeClass("ui-state-active");
|
||||
},this))
|
||||
.on("hover_node.jstree",$.proxy(function(e,data){
|
||||
data.rslt.obj.children("a").nextAll("div").addClass("ui-state-hover");
|
||||
},this))
|
||||
.on("dehover_node.jstree",$.proxy(function(e,data){
|
||||
data.rslt.obj.children("a").nextAll("div").removeClass("ui-state-hover");
|
||||
},this));
|
||||
}
|
||||
|
||||
if (this._gridSettings.stateful) {
|
||||
this.element
|
||||
.on("resize_column.jstree-grid",$.proxy(function(e,col,width){
|
||||
localStorage['jstree-root-'+this.rootid+'-column-'+col] = width;
|
||||
},this));
|
||||
}
|
||||
};
|
||||
// tear down the tree entirely
|
||||
this.teardown = function() {
|
||||
var gw = this.gridWrapper, container = this.element, gridparent = gw.parent();
|
||||
container.detach();
|
||||
gw.remove();
|
||||
gridparent.append(container);
|
||||
parent.teardown.call(this);
|
||||
};
|
||||
// clean the grid in case of redraw or refresh entire tree
|
||||
this._clean_grid = function (target,id) {
|
||||
var grid = this.gridWrapper;
|
||||
if (target) {
|
||||
findDataCell(grid,id).remove();
|
||||
} else {
|
||||
// get all of the `div` children in all of the `td` in dataRow except for :first (that is the tree itself) and remove
|
||||
grid.find("div.jstree-grid-cell-regular").remove();
|
||||
}
|
||||
};
|
||||
// prepare the headers
|
||||
this._prepare_headers = function() {
|
||||
var header, i, col, gs = this._gridSettings,cols = gs.columns || [], width, defaultWidth = gs.columnWidth, resizable = gs.resizable || false,
|
||||
cl, ccl, val, margin, last, tr = gs.isThemeroller, classAdd = (tr?"themeroller":"regular"), puller,
|
||||
hasHeaders = false, gridparent = this.gridparent, rootid = this.rootid,
|
||||
conf = gs.defaultConf,
|
||||
borPadWidth = 0, totalWidth = 0;
|
||||
// save the original parent so we can reparent on destroy
|
||||
this.parent = gridparent;
|
||||
|
||||
|
||||
// create the headers
|
||||
for (i=0;i<cols.length;i++) {
|
||||
//col = $("<col/>");
|
||||
//col.appendTo(colgroup);
|
||||
cl = cols[i].headerClass || "";
|
||||
ccl = cols[i].columnClass || "";
|
||||
val = cols[i].header || "";
|
||||
if (val) {hasHeaders = true;}
|
||||
if(gs.stateful && localStorage['jstree-root-'+rootid+'-column-'+i])
|
||||
width = localStorage['jstree-root-'+rootid+'-column-'+i];
|
||||
else
|
||||
width = cols[i].width || defaultWidth;
|
||||
|
||||
// we only deal with borders if width is not auto and not percentages
|
||||
borPadWidth = tr ? 1+6 : 2+8; // account for the borders and padding
|
||||
if (width !== 'auto' && typeof(width) !== "string") {
|
||||
width -= borPadWidth;
|
||||
}
|
||||
margin = i === 0 ? 3 : 0;
|
||||
col = this.midWrapper.children("div.jstree-grid-column-"+i);
|
||||
last = $("<div></div>").css(conf).css({"margin-left": margin}).addClass("jstree-grid-div-"+this.uniq+"-"+i+" "+(tr?"ui-widget-header ":"")+" jstree-grid-header jstree-grid-header-cell jstree-grid-header-"+classAdd+" "+cl+" "+ccl).html(val);
|
||||
last.addClass((tr?"ui-widget-header ":"")+"jstree-grid-header jstree-grid-header-"+classAdd);
|
||||
last.prependTo(col);
|
||||
totalWidth += last.outerWidth();
|
||||
puller = $("<div class='jstree-grid-separator jstree-grid-separator-"+classAdd+(tr ? " ui-widget-header" : "")+(resizable? " jstree-grid-resizable-separator":"")+"'> </div>").appendTo(last);
|
||||
col.width(width);
|
||||
col.css("min-width",width);
|
||||
col.css("max-width",width);
|
||||
}
|
||||
|
||||
last.addClass((tr?"ui-widget-header ":"")+"jstree-grid-header jstree-grid-header-last jstree-grid-header-"+classAdd);
|
||||
// if there is no width given for the last column, do it via automatic
|
||||
if (cols[cols.length-1].width === undefined) {
|
||||
totalWidth -= width;
|
||||
col.css({width:"auto"});
|
||||
last.addClass("jstree-grid-width-auto").next(".jstree-grid-separator").remove();
|
||||
}
|
||||
if (hasHeaders) {
|
||||
// save the offset of the div from the body
|
||||
//gs.divOffset = header.parent().offset().left;
|
||||
gs.header = header;
|
||||
} else {
|
||||
$("div.jstree-grid-header").hide();
|
||||
}
|
||||
|
||||
if (!this.bound && resizable) {
|
||||
this.bound = true;
|
||||
$(document).mouseup(function () {
|
||||
var ref, cols, width, headers, currentTree, colNum;
|
||||
if (isClickedSep) {
|
||||
colNum = toResize.prevAll(".jstree-grid-column").length;
|
||||
currentTree = toResize.closest(".jstree-grid-wrapper").find(".jstree");
|
||||
ref = $.jstree.reference(currentTree);
|
||||
cols = ref.settings.grid.columns;
|
||||
headers = toResize.parent().children("div.jstree-grid-column");
|
||||
if (isNaN(colNum) || colNum < 0) { ref._gridSettings.treeWidthDiff = currentTree.find("ins:eq(0)").width() + currentTree.find("a:eq(0)").width() - ref._gridSettings.columns[0].width; }
|
||||
width = ref._gridSettings.columns[colNum].width = parseFloat(toResize.css("width"));
|
||||
isClickedSep = false;
|
||||
toResize = null;
|
||||
|
||||
currentTree.trigger("resize_column.jstree-grid", [colNum,width]);
|
||||
}
|
||||
}).mousemove(function (e) {
|
||||
if (isClickedSep) {
|
||||
newMouseX = e.pageX;
|
||||
var diff = newMouseX - oldMouseX,
|
||||
oldPrevHeaderInner,
|
||||
oldPrevColWidth, newPrevColWidth;
|
||||
|
||||
if (diff !== 0){
|
||||
oldPrevHeaderInner = toResize.width();
|
||||
oldPrevColWidth = parseFloat(toResize.css("width"));
|
||||
|
||||
// handle a Chrome issue with columns set to auto
|
||||
// thanks to Brabus https://github.com/side-by-side
|
||||
if (!oldPrevColWidth) {oldPrevColWidth = toResize.innerWidth();}
|
||||
|
||||
// make sure that diff cannot be beyond the left/right limits
|
||||
diff = diff < 0 ? Math.max(diff,-oldPrevHeaderInner) : diff;
|
||||
newPrevColWidth = oldPrevColWidth+diff;
|
||||
|
||||
// only do this if we are not shrinking past 0 on left - and limit it to that amount
|
||||
if ((diff > 0 || oldPrevHeaderInner > 0) && newPrevColWidth > MINCOLWIDTH) {
|
||||
toResize.width(newPrevColWidth+"px");
|
||||
toResize.css("min-width",newPrevColWidth+"px");
|
||||
toResize.css("max-width",newPrevColWidth+"px");
|
||||
oldMouseX = newMouseX;
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
this.gridWrapper.on("selectstart", ".jstree-grid-resizable-separator", function () {
|
||||
return false;
|
||||
}).on("mousedown", ".jstree-grid-resizable-separator", function (e) {
|
||||
isClickedSep = true;
|
||||
oldMouseX = e.pageX;
|
||||
toResize = $(this).closest("div.jstree-grid-column");
|
||||
// the max rightmost position we will allow is the right-most of the wrapper minus a buffer (10)
|
||||
return false;
|
||||
})
|
||||
.on("dblclick", ".jstree-grid-resizable-separator", function (e) {
|
||||
var clickedSep = $(this), col = clickedSep.closest("div.jstree-grid-column"),
|
||||
oldPrevColWidth = parseFloat(col.css("width")), newWidth = 0, diff,
|
||||
colNum = col.prevAll(".jstree-grid-column").length,
|
||||
oldPrevHeaderInner = col.width(), newPrevColWidth;
|
||||
|
||||
|
||||
//find largest width
|
||||
col.find(".jstree-grid-cell").each(function() {
|
||||
var item = $(this), width;
|
||||
item.css("position", "absolute");
|
||||
item.css("width", "auto");
|
||||
width = item.outerWidth();
|
||||
item.css("position", "relative");
|
||||
|
||||
if (width>newWidth) {
|
||||
newWidth = width;
|
||||
}
|
||||
});
|
||||
|
||||
diff = newWidth-oldPrevColWidth;
|
||||
|
||||
// make sure that diff cannot be beyond the left limits
|
||||
diff = diff < 0 ? Math.max(diff,-oldPrevHeaderInner) : diff;
|
||||
newPrevColWidth = (oldPrevColWidth+diff)+"px";
|
||||
|
||||
col.width(newPrevColWidth);
|
||||
col.css("min-width",newPrevColWidth);
|
||||
col.css("max-width",newPrevColWidth);
|
||||
|
||||
$(this).closest(".jstree-grid-wrapper").find(".jstree").trigger("resize_column.jstree-grid",[colNum,newPrevColWidth]);
|
||||
});
|
||||
}
|
||||
};
|
||||
/*
|
||||
* Override redraw_node to correctly insert the grid
|
||||
*/
|
||||
this.redraw_node = function(obj, deep, is_callback, force_render) {
|
||||
// first allow the parent to redraw the node
|
||||
obj = parent.redraw_node.call(this, obj, deep, is_callback, force_render);
|
||||
// next prepare the grid
|
||||
if(obj) {
|
||||
this._prepare_grid(obj);
|
||||
}
|
||||
return obj;
|
||||
};
|
||||
this.refresh = function () {
|
||||
this._clean_grid();
|
||||
return parent.refresh.apply(this,arguments);
|
||||
};
|
||||
/*
|
||||
* Override set_id to update cell attributes
|
||||
*/
|
||||
this.set_id = function (obj, id) {
|
||||
var old;
|
||||
if(obj) {
|
||||
old = obj.id;
|
||||
}
|
||||
var result = parent.set_id.apply(this,arguments);
|
||||
if(result) {
|
||||
if (old !== undefined) {
|
||||
var grid = this.gridWrapper, oldNodes = [old], i;
|
||||
// get children
|
||||
if (obj && obj.children_d) {
|
||||
oldNodes = oldNodes.concat(obj.children_d);
|
||||
}
|
||||
// update id in children
|
||||
for (i=0;i<oldNodes.length;i++) {
|
||||
findDataCell(grid,oldNodes[i])
|
||||
.attr(NODE_DATA_ATTR, obj.id)
|
||||
.attr('id', GRIDCELLID_PREFIX+obj.id+GRIDCELLID_POSTFIX+(i+1))
|
||||
.removeClass(GRIDCELLID_PREFIX+old+GRIDCELLID_POSTFIX)
|
||||
.addClass(GRIDCELLID_PREFIX+obj.id+GRIDCELLID_POSTFIX);
|
||||
}
|
||||
}
|
||||
}
|
||||
return result;
|
||||
};
|
||||
this._hide_grid = function (node) {
|
||||
var children = node && node.children_d ? node.children_d : [], i;
|
||||
// go through each column, remove all children with the correct ID name
|
||||
for (i=0;i<children.length;i++) {
|
||||
findDataCell(this.gridWrapper,children[i]).remove();
|
||||
}
|
||||
};
|
||||
this.holdingCells = {};
|
||||
this.getHoldingCells = function (obj,col,hc) {
|
||||
var ret = $(), children = obj.children||[], child, i;
|
||||
// run through each child, render it, and then render its children recursively
|
||||
for (i=0;i<children.length;i++) {
|
||||
child = GRIDCELLID_PREFIX+escapeId(children[i])+GRIDCELLID_POSTFIX+col;
|
||||
if (hc[child] && obj.state.opened) {
|
||||
ret = ret.add(hc[child]).add(this.getHoldingCells(this.get_node(children[i]),col,hc));
|
||||
//delete hc[child];
|
||||
}
|
||||
}
|
||||
return(ret);
|
||||
};
|
||||
/**
|
||||
* put a grid cell in edit mode (input field to edit the data)
|
||||
* @name edit(obj, col)
|
||||
* @param {mixed} obj
|
||||
* @param {obj} col definition
|
||||
* @param {element} cell element, either span or wrapping div
|
||||
*/
|
||||
this._edit = function (obj, col, element) {
|
||||
if(!obj) { return false; }
|
||||
if (element) {
|
||||
element = $(element);
|
||||
if (element.prop("tagName").toLowerCase() === "div") {
|
||||
element = element.children("span:first");
|
||||
}
|
||||
} else {
|
||||
// need to find the element - later
|
||||
return false;
|
||||
}
|
||||
var rtl = this._data.core.rtl,
|
||||
w = this.element.width(),
|
||||
t = obj.data[col.value],
|
||||
h1 = $("<"+"div />", { css : { "position" : "absolute", "top" : "-200px", "left" : (rtl ? "0px" : "-1000px"), "visibility" : "hidden" } }).appendTo("body"),
|
||||
h2 = $("<"+"input />", {
|
||||
"value" : t,
|
||||
"class" : "jstree-rename-input",
|
||||
"css" : {
|
||||
"padding" : "0",
|
||||
"border" : "1px solid silver",
|
||||
"box-sizing" : "border-box",
|
||||
"display" : "inline-block",
|
||||
"height" : (this._data.core.li_height) + "px",
|
||||
"lineHeight" : (this._data.core.li_height) + "px",
|
||||
"width" : "150px" // will be set a bit further down
|
||||
},
|
||||
"blur" : $.proxy(function () {
|
||||
var v = h2.val();
|
||||
// save the value if changed
|
||||
if(v === "" || v === t) {
|
||||
v = t;
|
||||
} else {
|
||||
obj.data[col.value] = v;
|
||||
this.element.trigger('update_cell.jstree-grid',{node:obj, col:col.value, value:v, old:t});
|
||||
this._prepare_grid(this.get_node(obj,true));
|
||||
}
|
||||
h2.remove();
|
||||
element.show();
|
||||
}, this),
|
||||
"keydown" : function (event) {
|
||||
var key = event.which;
|
||||
if(key === 27) {
|
||||
this.value = t;
|
||||
}
|
||||
if(key === 27 || key === 13 || key === 37 || key === 38 || key === 39 || key === 40 || key === 32) {
|
||||
event.stopImmediatePropagation();
|
||||
}
|
||||
if(key === 27 || key === 13) {
|
||||
event.preventDefault();
|
||||
this.blur();
|
||||
}
|
||||
},
|
||||
"click" : function (e) { e.stopImmediatePropagation(); },
|
||||
"mousedown" : function (e) { e.stopImmediatePropagation(); },
|
||||
"keyup" : function (event) {
|
||||
h2.width(Math.min(h1.text("pW" + this.value).width(),w));
|
||||
},
|
||||
"keypress" : function(event) {
|
||||
if(event.which === 13) { return false; }
|
||||
}
|
||||
}),
|
||||
fn = {
|
||||
fontFamily : element.css('fontFamily') || '',
|
||||
fontSize : element.css('fontSize') || '',
|
||||
fontWeight : element.css('fontWeight') || '',
|
||||
fontStyle : element.css('fontStyle') || '',
|
||||
fontStretch : element.css('fontStretch') || '',
|
||||
fontVariant : element.css('fontVariant') || '',
|
||||
letterSpacing : element.css('letterSpacing') || '',
|
||||
wordSpacing : element.css('wordSpacing') || ''
|
||||
};
|
||||
element.hide();
|
||||
element.parent().append(h2);
|
||||
h2.css(fn).width(Math.min(h1.text("pW" + h2[0].value).width(),w))[0].select();
|
||||
};
|
||||
this._prepare_grid = function (obj) {
|
||||
var gs = this._gridSettings, c = gs.treeClass, _this = this, t, cols = gs.columns || [], width, tr = gs.isThemeroller,
|
||||
tree = this.element, rootid = this.rootid,
|
||||
classAdd = (tr?"themeroller":"regular"), img, objData = this.get_node(obj),
|
||||
defaultWidth = gs.columnWidth, conf = gs.defaultConf, cellClickHandler = function (tree,node,val,col,t) {
|
||||
return function(e) {
|
||||
//node = tree.find("#"+node.attr("id"));
|
||||
node.children(".jstree-anchor").trigger("click.jstree",e);
|
||||
tree.trigger("select_cell.jstree-grid", [{value: val,column: col.header,node: node,grid:$(this),sourceName: col.value}]);
|
||||
};
|
||||
}, cellRightClickHandler = function (tree,node,val,col,t) {
|
||||
return function (e) {
|
||||
if (gs.context) {
|
||||
e.preventDefault();
|
||||
$.vakata.context.show(this,{ 'x' : e.pageX, 'y' : e.pageY },{
|
||||
"edit":{label:"Edit","action": function (data) {
|
||||
var obj = t.get_node(node);
|
||||
_this._edit(obj,col,e.target);
|
||||
}}
|
||||
});
|
||||
}
|
||||
};
|
||||
},
|
||||
hoverInHandler = function (node, jsTreeInstance) {
|
||||
return function() { jsTreeInstance.hover_node(node); };
|
||||
},
|
||||
hoverOutHandler = function (node, jsTreeInstance) {
|
||||
return function() { jsTreeInstance.dehover_node(node); };
|
||||
},
|
||||
i, val, cl, wcl, ccl, a, last, valClass, wideValClass, span, paddingleft, title, gridCellName, gridCellParentId, gridCellParent,
|
||||
gridCellPrev, gridCellPrevId, gridCellNext, gridCellNextId, gridCellChild, gridCellChildId,
|
||||
col, content, tmpWidth, mw = this.midWrapper, dataCell, lid = objData.id,
|
||||
peers = this.get_node(objData.parent).children,
|
||||
// find my position in the list of peers. "peers" is the list of everyone at my level under my parent, in order
|
||||
pos = jQuery.inArray(lid,peers),
|
||||
hc = this.holdingCells, rendered = false, closed;
|
||||
// get our column definition
|
||||
t = $(obj);
|
||||
|
||||
// find the a children
|
||||
a = t.children("a");
|
||||
|
||||
if (a.length === 1) {
|
||||
closed = !objData.state.opened;
|
||||
gridCellName = GRIDCELLID_PREFIX+escapeId(lid)+GRIDCELLID_POSTFIX;
|
||||
gridCellParentId = objData.parent === "#" ? null : objData.parent;
|
||||
a.addClass(c);
|
||||
//renderAWidth(a,_this);
|
||||
renderATitle(a,t,_this);
|
||||
last = a;
|
||||
for (i=0;i<cols.length;i++) {
|
||||
if (this.treecol === i) {
|
||||
continue;
|
||||
}
|
||||
col = cols[i];
|
||||
dataCell = mw.children("div:eq("+i+")");
|
||||
// get the cellClass, the wideCellClass, and the columnClass
|
||||
cl = col.cellClass || "";
|
||||
wcl = col.wideCellClass || "";
|
||||
ccl = col.columnClass || "";
|
||||
|
||||
// add a column class to the dataCell
|
||||
dataCell.addClass(ccl);
|
||||
|
||||
|
||||
// get the contents of the cell - value could be a string or a function
|
||||
if (col.value !== undefined && col.value !== null) {
|
||||
if (typeof(col.value) === "function") {
|
||||
val = col.value(objData);
|
||||
} else if (objData.data !== null && objData.data !== undefined && objData.data[col.value] !== undefined) {
|
||||
val = objData.data[col.value];
|
||||
} else {
|
||||
val = "";
|
||||
}
|
||||
} else {
|
||||
val = "";
|
||||
}
|
||||
|
||||
if (typeof(col.format) === "function") {
|
||||
val = col.format(val);
|
||||
}
|
||||
|
||||
// put images instead of text if needed
|
||||
if (col.images) {
|
||||
img = col.images[val] || col.images["default"];
|
||||
if (img) {content = img[0] === "*" ? '<span class="'+img.substr(1)+'"></span>' : '<img src="'+img+'">';}
|
||||
} else { content = val; }
|
||||
|
||||
// content cannot be blank, or it messes up heights
|
||||
if (content === undefined || content === null || BLANKRE.test(content)) {
|
||||
content = " ";
|
||||
}
|
||||
|
||||
// get the valueClass
|
||||
valClass = col.valueClass && objData.data !== null && objData.data !== undefined ? objData.data[col.valueClass] || "" : "";
|
||||
if (valClass && col.valueClassPrefix && col.valueClassPrefix !== "") {
|
||||
valClass = col.valueClassPrefix + valClass;
|
||||
}
|
||||
// get the wideValueClass
|
||||
wideValClass = col.wideValueClass && objData.data !== null && objData.data !== undefined ? objData.data[col.wideValueClass] || "" : "";
|
||||
if (wideValClass && col.wideValueClassPrefix && col.wideValueClassPrefix !== "") {
|
||||
wideValClass = col.wideValueClassPrefix + wideValClass;
|
||||
}
|
||||
// get the title
|
||||
title = col.title && objData.data !== null && objData.data !== undefined ? objData.data[col.title] || "" : "";
|
||||
// strip out HTML
|
||||
title = title.replace(htmlstripre, '');
|
||||
|
||||
// get the width
|
||||
paddingleft = 7;
|
||||
width = col.width || defaultWidth;
|
||||
if (width !== 'auto') {
|
||||
width = tmpWidth || (width - paddingleft);
|
||||
}
|
||||
|
||||
last = findDataCell(dataCell, lid);
|
||||
if (!last || last.length < 1) {
|
||||
last = $("<div></div>");
|
||||
$("<span></span>").appendTo(last);
|
||||
last.attr("id",gridCellName+i);
|
||||
last.addClass(gridCellName);
|
||||
last.attr(NODE_DATA_ATTR,lid);
|
||||
|
||||
}
|
||||
// we need to put it in the dataCell - after the parent, but the position matters
|
||||
// if we have no parent, then we are one of the root nodes, but still need to look at peers
|
||||
|
||||
|
||||
// if we are first, i.e. pos === 0, we go right after the parent;
|
||||
// if we are not first, and our previous peer (one before us) is closed, we go right after the previous peer cell
|
||||
// if we are not first, and our previous peer is opened, then we have to find its youngest & lowest closed child (incl. leaf)
|
||||
//
|
||||
// probably be much easier to go *before* our next one
|
||||
// but that one might not be drawn yet
|
||||
// here is the logic for jstree drawing:
|
||||
// it draws peers from first to last or from last to first
|
||||
// it draws children before a parent
|
||||
//
|
||||
// so I can rely on my *parent* not being drawn, but I cannot rely on my previous peer or my next peer being drawn
|
||||
|
||||
// so we do the following:
|
||||
// 1- We are the first child: install after the parent
|
||||
// 2- Our previous peer is already drawn: install after the previous peer
|
||||
// 3- Our previous peer is not drawn, we have a child that is drawn: install right before our first child
|
||||
// 4- Our previous peer is not drawn, we have no child that is drawn, our next peer is drawn: install right before our next peer
|
||||
// 5- Our previous peer is not drawn, we have no child that is drawn, our next peer is not drawn: install right after parent
|
||||
gridCellPrevId = pos <=0 ? objData.parent : findLastClosedNode(this,peers[pos-1]);
|
||||
gridCellPrev = findDataCell(dataCell,gridCellPrevId);
|
||||
gridCellNextId = pos >= peers.length-1 ? "NULL" : peers[pos+1];
|
||||
gridCellNext = findDataCell(dataCell,gridCellNextId);
|
||||
gridCellChildId = objData.children && objData.children.length > 0 ? objData.children[0] : "NULL";
|
||||
gridCellChild = findDataCell(dataCell,gridCellChildId);
|
||||
gridCellParent = findDataCell(dataCell,gridCellParentId);
|
||||
|
||||
|
||||
// if our parent is already drawn, then we put this in the right order under our parent
|
||||
if (gridCellParentId) {
|
||||
if (gridCellParent && gridCellParent.length > 0) {
|
||||
if (gridCellPrev && gridCellPrev.length > 0) {
|
||||
last.insertAfter(gridCellPrev);
|
||||
} else if (gridCellChild && gridCellChild.length > 0) {
|
||||
last.insertBefore(gridCellChild);
|
||||
} else if (gridCellNext && gridCellNext.length > 0) {
|
||||
last.insertBefore(gridCellNext);
|
||||
} else {
|
||||
last.insertAfter(gridCellParent);
|
||||
}
|
||||
rendered = true;
|
||||
} else {
|
||||
rendered = false;
|
||||
}
|
||||
// always put it in the holding cells, and then sort when the parent comes in, in case parent is (re)drawn later
|
||||
hc[gridCellName+i] = last;
|
||||
} else {
|
||||
if (gridCellPrev && gridCellPrev.length > 0) {
|
||||
last.insertAfter(gridCellPrev);
|
||||
} else if (gridCellChild && gridCellChild.length > 0) {
|
||||
last.insertBefore(gridCellChild);
|
||||
} else if (gridCellNext && gridCellNext.length > 0) {
|
||||
last.insertBefore(gridCellNext);
|
||||
} else {
|
||||
last.appendTo(dataCell);
|
||||
}
|
||||
rendered = true;
|
||||
}
|
||||
// do we have any children waiting for this cell? walk down through the children/grandchildren/etc tree
|
||||
if (rendered) {
|
||||
last.after(this.getHoldingCells(objData,i,hc));
|
||||
}
|
||||
// need to make the height of this match the line height of the tree. How?
|
||||
span = last.children("span");
|
||||
|
||||
// create a span inside the div, so we can control what happens in the whole div versus inside just the text/background
|
||||
span.addClass(cl+" "+valClass).html(content);
|
||||
last = last.css(conf).addClass("jstree-grid-cell jstree-grid-cell-regular jstree-grid-cell-root-"+rootid+" jstree-grid-cell-"+classAdd+" "+wcl+ " " + wideValClass + (tr?" ui-state-default":"")).addClass("jstree-grid-col-"+i);
|
||||
// add click handler for clicking inside a grid cell
|
||||
last.click(cellClickHandler(tree,t,val,col,this));
|
||||
last.on("contextmenu",cellRightClickHandler(tree,t,val,col,this));
|
||||
last.hover(hoverInHandler(t, this), hoverOutHandler(t, this));
|
||||
|
||||
if (title) {
|
||||
span.attr("title",title);
|
||||
}
|
||||
|
||||
}
|
||||
last.addClass("jstree-grid-cell-last"+(tr?" ui-state-default":""));
|
||||
// if there is no width given for the last column, do it via automatic
|
||||
if (cols[cols.length-1].width === undefined) {
|
||||
last.addClass("jstree-grid-width-auto").next(".jstree-grid-separator").remove();
|
||||
}
|
||||
}
|
||||
this.element.css({'overflow-y':'auto !important'});
|
||||
};
|
||||
// clean up holding cells
|
||||
this.holdingCells = {};
|
||||
|
||||
// need to do alternating background colors or borders
|
||||
};
|
||||
}));
|
||||
Reference in New Issue
Block a user