123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843128441284512846128471284812849128501285112852128531285412855128561285712858128591286012861128621286312864128651286612867128681286912870128711287212873128741287512876128771287812879128801288112882128831288412885128861288712888128891289012891128921289312894128951289612897128981289912900129011290212903129041290512906129071290812909129101291112912129131291412915129161291712918129191292012921129221292312924129251292612927129281292912930129311293212933129341293512936129371293812939129401294112942129431294412945129461294712948129491295012951129521295312954129551295612957129581295912960129611296212963129641296512966129671296812969129701297112972129731297412975129761297712978129791298012981129821298312984129851298612987129881298912990129911299212993129941299512996129971299812999130001300113002130031300413005130061300713008130091301013011130121301313014130151301613017130181301913020130211302213023130241302513026130271302813029130301303113032130331303413035130361303713038130391304013041130421304313044130451304613047130481304913050130511305213053130541305513056130571305813059130601306113062130631306413065130661306713068130691307013071130721307313074130751307613077130781307913080130811308213083130841308513086130871308813089130901309113092130931309413095130961309713098130991310013101131021310313104131051310613107131081310913110131111311213113131141311513116131171311813119131201312113122131231312413125131261312713128131291313013131131321313313134131351313613137131381313913140131411314213143131441314513146131471314813149131501315113152131531315413155131561315713158131591316013161131621316313164131651316613167131681316913170131711317213173131741317513176131771317813179131801318113182131831318413185131861318713188131891319013191131921319313194131951319613197131981319913200132011320213203132041320513206132071320813209132101321113212132131321413215132161321713218132191322013221132221322313224132251322613227132281322913230132311323213233132341323513236132371323813239132401324113242132431324413245132461324713248132491325013251132521325313254132551325613257132581325913260132611326213263132641326513266132671326813269132701327113272132731327413275132761327713278132791328013281132821328313284132851328613287132881328913290132911329213293132941329513296132971329813299133001330113302133031330413305133061330713308133091331013311133121331313314133151331613317133181331913320133211332213323133241332513326133271332813329133301333113332133331333413335133361333713338133391334013341133421334313344133451334613347133481334913350133511335213353133541335513356133571335813359133601336113362133631336413365133661336713368133691337013371133721337313374133751337613377133781337913380133811338213383133841338513386133871338813389133901339113392133931339413395133961339713398133991340013401134021340313404134051340613407134081340913410134111341213413134141341513416134171341813419134201342113422134231342413425134261342713428134291343013431134321343313434134351343613437134381343913440134411344213443134441344513446134471344813449134501345113452134531345413455134561345713458134591346013461134621346313464134651346613467134681346913470134711347213473134741347513476134771347813479134801348113482134831348413485134861348713488134891349013491134921349313494134951349613497134981349913500135011350213503135041350513506135071350813509135101351113512135131351413515135161351713518135191352013521135221352313524135251352613527135281352913530135311353213533135341353513536135371353813539135401354113542135431354413545135461354713548135491355013551135521355313554135551355613557135581355913560135611356213563135641356513566135671356813569135701357113572135731357413575135761357713578135791358013581135821358313584135851358613587135881358913590135911359213593135941359513596135971359813599136001360113602136031360413605136061360713608136091361013611136121361313614136151361613617136181361913620136211362213623136241362513626136271362813629136301363113632136331363413635136361363713638136391364013641136421364313644136451364613647136481364913650136511365213653136541365513656136571365813659136601366113662136631366413665136661366713668136691367013671136721367313674136751367613677136781367913680136811368213683136841368513686136871368813689136901369113692136931369413695136961369713698136991370013701137021370313704137051370613707137081370913710137111371213713137141371513716137171371813719137201372113722137231372413725137261372713728 |
- /*! jQuery Fancytree Plugin - 2.38.0 - 2021-02-09T20:03:49Z
- * https://github.com/mar10/fancytree
- * Copyright (c) 2021 Martin Wendt; Licensed MIT
- */
- /*! jQuery UI - v1.12.1 - 2018-05-20
- * http://jqueryui.com
- * Includes: widget.js, position.js, keycode.js, scroll-parent.js, unique-id.js
- * Copyright jQuery Foundation and other contributors; Licensed MIT */
- /*
- NOTE: Original jQuery UI wrapper was replaced with a simple IIFE.
- See README-Fancytree.md
- */
- (function( $ ) {
- $.ui = $.ui || {};
- var version = $.ui.version = "1.12.1";
- /*!
- * jQuery UI Widget 1.12.1
- * http://jqueryui.com
- *
- * Copyright jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- */
- //>>label: Widget
- //>>group: Core
- //>>description: Provides a factory for creating stateful widgets with a common API.
- //>>docs: http://api.jqueryui.com/jQuery.widget/
- //>>demos: http://jqueryui.com/widget/
- var widgetUuid = 0;
- var widgetSlice = Array.prototype.slice;
- $.cleanData = ( function( orig ) {
- return function( elems ) {
- var events, elem, i;
- for ( i = 0; ( elem = elems[ i ] ) != null; i++ ) {
- try {
- // Only trigger remove when necessary to save time
- events = $._data( elem, "events" );
- if ( events && events.remove ) {
- $( elem ).triggerHandler( "remove" );
- }
- // Http://bugs.jquery.com/ticket/8235
- } catch ( e ) {}
- }
- orig( elems );
- };
- } )( $.cleanData );
- $.widget = function( name, base, prototype ) {
- var existingConstructor, constructor, basePrototype;
- // ProxiedPrototype allows the provided prototype to remain unmodified
- // so that it can be used as a mixin for multiple widgets (#8876)
- var proxiedPrototype = {};
- var namespace = name.split( "." )[ 0 ];
- name = name.split( "." )[ 1 ];
- var fullName = namespace + "-" + name;
- if ( !prototype ) {
- prototype = base;
- base = $.Widget;
- }
- if ( $.isArray( prototype ) ) {
- prototype = $.extend.apply( null, [ {} ].concat( prototype ) );
- }
- // Create selector for plugin
- $.expr[ ":" ][ fullName.toLowerCase() ] = function( elem ) {
- return !!$.data( elem, fullName );
- };
- $[ namespace ] = $[ namespace ] || {};
- existingConstructor = $[ namespace ][ name ];
- constructor = $[ namespace ][ name ] = function( options, element ) {
- // Allow instantiation without "new" keyword
- if ( !this._createWidget ) {
- return new constructor( options, element );
- }
- // Allow instantiation without initializing for simple inheritance
- // must use "new" keyword (the code above always passes args)
- if ( arguments.length ) {
- this._createWidget( options, element );
- }
- };
- // Extend with the existing constructor to carry over any static properties
- $.extend( constructor, existingConstructor, {
- version: prototype.version,
- // Copy the object used to create the prototype in case we need to
- // redefine the widget later
- _proto: $.extend( {}, prototype ),
- // Track widgets that inherit from this widget in case this widget is
- // redefined after a widget inherits from it
- _childConstructors: []
- } );
- basePrototype = new base();
- // We need to make the options hash a property directly on the new instance
- // otherwise we'll modify the options hash on the prototype that we're
- // inheriting from
- basePrototype.options = $.widget.extend( {}, basePrototype.options );
- $.each( prototype, function( prop, value ) {
- if ( !$.isFunction( value ) ) {
- proxiedPrototype[ prop ] = value;
- return;
- }
- proxiedPrototype[ prop ] = ( function() {
- function _super() {
- return base.prototype[ prop ].apply( this, arguments );
- }
- function _superApply( args ) {
- return base.prototype[ prop ].apply( this, args );
- }
- return function() {
- var __super = this._super;
- var __superApply = this._superApply;
- var returnValue;
- this._super = _super;
- this._superApply = _superApply;
- returnValue = value.apply( this, arguments );
- this._super = __super;
- this._superApply = __superApply;
- return returnValue;
- };
- } )();
- } );
- constructor.prototype = $.widget.extend( basePrototype, {
- // TODO: remove support for widgetEventPrefix
- // always use the name + a colon as the prefix, e.g., draggable:start
- // don't prefix for widgets that aren't DOM-based
- widgetEventPrefix: existingConstructor ? ( basePrototype.widgetEventPrefix || name ) : name
- }, proxiedPrototype, {
- constructor: constructor,
- namespace: namespace,
- widgetName: name,
- widgetFullName: fullName
- } );
- // If this widget is being redefined then we need to find all widgets that
- // are inheriting from it and redefine all of them so that they inherit from
- // the new version of this widget. We're essentially trying to replace one
- // level in the prototype chain.
- if ( existingConstructor ) {
- $.each( existingConstructor._childConstructors, function( i, child ) {
- var childPrototype = child.prototype;
- // Redefine the child widget using the same prototype that was
- // originally used, but inherit from the new version of the base
- $.widget( childPrototype.namespace + "." + childPrototype.widgetName, constructor,
- child._proto );
- } );
- // Remove the list of existing child constructors from the old constructor
- // so the old child constructors can be garbage collected
- delete existingConstructor._childConstructors;
- } else {
- base._childConstructors.push( constructor );
- }
- $.widget.bridge( name, constructor );
- return constructor;
- };
- $.widget.extend = function( target ) {
- var input = widgetSlice.call( arguments, 1 );
- var inputIndex = 0;
- var inputLength = input.length;
- var key;
- var value;
- for ( ; inputIndex < inputLength; inputIndex++ ) {
- for ( key in input[ inputIndex ] ) {
- value = input[ inputIndex ][ key ];
- if ( input[ inputIndex ].hasOwnProperty( key ) && value !== undefined ) {
- // Clone objects
- if ( $.isPlainObject( value ) ) {
- target[ key ] = $.isPlainObject( target[ key ] ) ?
- $.widget.extend( {}, target[ key ], value ) :
- // Don't extend strings, arrays, etc. with objects
- $.widget.extend( {}, value );
- // Copy everything else by reference
- } else {
- target[ key ] = value;
- }
- }
- }
- }
- return target;
- };
- $.widget.bridge = function( name, object ) {
- var fullName = object.prototype.widgetFullName || name;
- $.fn[ name ] = function( options ) {
- var isMethodCall = typeof options === "string";
- var args = widgetSlice.call( arguments, 1 );
- var returnValue = this;
- if ( isMethodCall ) {
- // If this is an empty collection, we need to have the instance method
- // return undefined instead of the jQuery instance
- if ( !this.length && options === "instance" ) {
- returnValue = undefined;
- } else {
- this.each( function() {
- var methodValue;
- var instance = $.data( this, fullName );
- if ( options === "instance" ) {
- returnValue = instance;
- return false;
- }
- if ( !instance ) {
- return $.error( "cannot call methods on " + name +
- " prior to initialization; " +
- "attempted to call method '" + options + "'" );
- }
- if ( !$.isFunction( instance[ options ] ) || options.charAt( 0 ) === "_" ) {
- return $.error( "no such method '" + options + "' for " + name +
- " widget instance" );
- }
- methodValue = instance[ options ].apply( instance, args );
- if ( methodValue !== instance && methodValue !== undefined ) {
- returnValue = methodValue && methodValue.jquery ?
- returnValue.pushStack( methodValue.get() ) :
- methodValue;
- return false;
- }
- } );
- }
- } else {
- // Allow multiple hashes to be passed on init
- if ( args.length ) {
- options = $.widget.extend.apply( null, [ options ].concat( args ) );
- }
- this.each( function() {
- var instance = $.data( this, fullName );
- if ( instance ) {
- instance.option( options || {} );
- if ( instance._init ) {
- instance._init();
- }
- } else {
- $.data( this, fullName, new object( options, this ) );
- }
- } );
- }
- return returnValue;
- };
- };
- $.Widget = function( /* options, element */ ) {};
- $.Widget._childConstructors = [];
- $.Widget.prototype = {
- widgetName: "widget",
- widgetEventPrefix: "",
- defaultElement: "<div>",
- options: {
- classes: {},
- disabled: false,
- // Callbacks
- create: null
- },
- _createWidget: function( options, element ) {
- element = $( element || this.defaultElement || this )[ 0 ];
- this.element = $( element );
- this.uuid = widgetUuid++;
- this.eventNamespace = "." + this.widgetName + this.uuid;
- this.bindings = $();
- this.hoverable = $();
- this.focusable = $();
- this.classesElementLookup = {};
- if ( element !== this ) {
- $.data( element, this.widgetFullName, this );
- this._on( true, this.element, {
- remove: function( event ) {
- if ( event.target === element ) {
- this.destroy();
- }
- }
- } );
- this.document = $( element.style ?
- // Element within the document
- element.ownerDocument :
- // Element is window or document
- element.document || element );
- this.window = $( this.document[ 0 ].defaultView || this.document[ 0 ].parentWindow );
- }
- this.options = $.widget.extend( {},
- this.options,
- this._getCreateOptions(),
- options );
- this._create();
- if ( this.options.disabled ) {
- this._setOptionDisabled( this.options.disabled );
- }
- this._trigger( "create", null, this._getCreateEventData() );
- this._init();
- },
- _getCreateOptions: function() {
- return {};
- },
- _getCreateEventData: $.noop,
- _create: $.noop,
- _init: $.noop,
- destroy: function() {
- var that = this;
- this._destroy();
- $.each( this.classesElementLookup, function( key, value ) {
- that._removeClass( value, key );
- } );
- // We can probably remove the unbind calls in 2.0
- // all event bindings should go through this._on()
- this.element
- .off( this.eventNamespace )
- .removeData( this.widgetFullName );
- this.widget()
- .off( this.eventNamespace )
- .removeAttr( "aria-disabled" );
- // Clean up events and states
- this.bindings.off( this.eventNamespace );
- },
- _destroy: $.noop,
- widget: function() {
- return this.element;
- },
- option: function( key, value ) {
- var options = key;
- var parts;
- var curOption;
- var i;
- if ( arguments.length === 0 ) {
- // Don't return a reference to the internal hash
- return $.widget.extend( {}, this.options );
- }
- if ( typeof key === "string" ) {
- // Handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } }
- options = {};
- parts = key.split( "." );
- key = parts.shift();
- if ( parts.length ) {
- curOption = options[ key ] = $.widget.extend( {}, this.options[ key ] );
- for ( i = 0; i < parts.length - 1; i++ ) {
- curOption[ parts[ i ] ] = curOption[ parts[ i ] ] || {};
- curOption = curOption[ parts[ i ] ];
- }
- key = parts.pop();
- if ( arguments.length === 1 ) {
- return curOption[ key ] === undefined ? null : curOption[ key ];
- }
- curOption[ key ] = value;
- } else {
- if ( arguments.length === 1 ) {
- return this.options[ key ] === undefined ? null : this.options[ key ];
- }
- options[ key ] = value;
- }
- }
- this._setOptions( options );
- return this;
- },
- _setOptions: function( options ) {
- var key;
- for ( key in options ) {
- this._setOption( key, options[ key ] );
- }
- return this;
- },
- _setOption: function( key, value ) {
- if ( key === "classes" ) {
- this._setOptionClasses( value );
- }
- this.options[ key ] = value;
- if ( key === "disabled" ) {
- this._setOptionDisabled( value );
- }
- return this;
- },
- _setOptionClasses: function( value ) {
- var classKey, elements, currentElements;
- for ( classKey in value ) {
- currentElements = this.classesElementLookup[ classKey ];
- if ( value[ classKey ] === this.options.classes[ classKey ] ||
- !currentElements ||
- !currentElements.length ) {
- continue;
- }
- // We are doing this to create a new jQuery object because the _removeClass() call
- // on the next line is going to destroy the reference to the current elements being
- // tracked. We need to save a copy of this collection so that we can add the new classes
- // below.
- elements = $( currentElements.get() );
- this._removeClass( currentElements, classKey );
- // We don't use _addClass() here, because that uses this.options.classes
- // for generating the string of classes. We want to use the value passed in from
- // _setOption(), this is the new value of the classes option which was passed to
- // _setOption(). We pass this value directly to _classes().
- elements.addClass( this._classes( {
- element: elements,
- keys: classKey,
- classes: value,
- add: true
- } ) );
- }
- },
- _setOptionDisabled: function( value ) {
- this._toggleClass( this.widget(), this.widgetFullName + "-disabled", null, !!value );
- // If the widget is becoming disabled, then nothing is interactive
- if ( value ) {
- this._removeClass( this.hoverable, null, "ui-state-hover" );
- this._removeClass( this.focusable, null, "ui-state-focus" );
- }
- },
- enable: function() {
- return this._setOptions( { disabled: false } );
- },
- disable: function() {
- return this._setOptions( { disabled: true } );
- },
- _classes: function( options ) {
- var full = [];
- var that = this;
- options = $.extend( {
- element: this.element,
- classes: this.options.classes || {}
- }, options );
- function processClassString( classes, checkOption ) {
- var current, i;
- for ( i = 0; i < classes.length; i++ ) {
- current = that.classesElementLookup[ classes[ i ] ] || $();
- if ( options.add ) {
- current = $( $.unique( current.get().concat( options.element.get() ) ) );
- } else {
- current = $( current.not( options.element ).get() );
- }
- that.classesElementLookup[ classes[ i ] ] = current;
- full.push( classes[ i ] );
- if ( checkOption && options.classes[ classes[ i ] ] ) {
- full.push( options.classes[ classes[ i ] ] );
- }
- }
- }
- this._on( options.element, {
- "remove": "_untrackClassesElement"
- } );
- if ( options.keys ) {
- processClassString( options.keys.match( /\S+/g ) || [], true );
- }
- if ( options.extra ) {
- processClassString( options.extra.match( /\S+/g ) || [] );
- }
- return full.join( " " );
- },
- _untrackClassesElement: function( event ) {
- var that = this;
- $.each( that.classesElementLookup, function( key, value ) {
- if ( $.inArray( event.target, value ) !== -1 ) {
- that.classesElementLookup[ key ] = $( value.not( event.target ).get() );
- }
- } );
- },
- _removeClass: function( element, keys, extra ) {
- return this._toggleClass( element, keys, extra, false );
- },
- _addClass: function( element, keys, extra ) {
- return this._toggleClass( element, keys, extra, true );
- },
- _toggleClass: function( element, keys, extra, add ) {
- add = ( typeof add === "boolean" ) ? add : extra;
- var shift = ( typeof element === "string" || element === null ),
- options = {
- extra: shift ? keys : extra,
- keys: shift ? element : keys,
- element: shift ? this.element : element,
- add: add
- };
- options.element.toggleClass( this._classes( options ), add );
- return this;
- },
- _on: function( suppressDisabledCheck, element, handlers ) {
- var delegateElement;
- var instance = this;
- // No suppressDisabledCheck flag, shuffle arguments
- if ( typeof suppressDisabledCheck !== "boolean" ) {
- handlers = element;
- element = suppressDisabledCheck;
- suppressDisabledCheck = false;
- }
- // No element argument, shuffle and use this.element
- if ( !handlers ) {
- handlers = element;
- element = this.element;
- delegateElement = this.widget();
- } else {
- element = delegateElement = $( element );
- this.bindings = this.bindings.add( element );
- }
- $.each( handlers, function( event, handler ) {
- function handlerProxy() {
- // Allow widgets to customize the disabled handling
- // - disabled as an array instead of boolean
- // - disabled class as method for disabling individual parts
- if ( !suppressDisabledCheck &&
- ( instance.options.disabled === true ||
- $( this ).hasClass( "ui-state-disabled" ) ) ) {
- return;
- }
- return ( typeof handler === "string" ? instance[ handler ] : handler )
- .apply( instance, arguments );
- }
- // Copy the guid so direct unbinding works
- if ( typeof handler !== "string" ) {
- handlerProxy.guid = handler.guid =
- handler.guid || handlerProxy.guid || $.guid++;
- }
- var match = event.match( /^([\w:-]*)\s*(.*)$/ );
- var eventName = match[ 1 ] + instance.eventNamespace;
- var selector = match[ 2 ];
- if ( selector ) {
- delegateElement.on( eventName, selector, handlerProxy );
- } else {
- element.on( eventName, handlerProxy );
- }
- } );
- },
- _off: function( element, eventName ) {
- eventName = ( eventName || "" ).split( " " ).join( this.eventNamespace + " " ) +
- this.eventNamespace;
- element.off( eventName ).off( eventName );
- // Clear the stack to avoid memory leaks (#10056)
- this.bindings = $( this.bindings.not( element ).get() );
- this.focusable = $( this.focusable.not( element ).get() );
- this.hoverable = $( this.hoverable.not( element ).get() );
- },
- _delay: function( handler, delay ) {
- function handlerProxy() {
- return ( typeof handler === "string" ? instance[ handler ] : handler )
- .apply( instance, arguments );
- }
- var instance = this;
- return setTimeout( handlerProxy, delay || 0 );
- },
- _hoverable: function( element ) {
- this.hoverable = this.hoverable.add( element );
- this._on( element, {
- mouseenter: function( event ) {
- this._addClass( $( event.currentTarget ), null, "ui-state-hover" );
- },
- mouseleave: function( event ) {
- this._removeClass( $( event.currentTarget ), null, "ui-state-hover" );
- }
- } );
- },
- _focusable: function( element ) {
- this.focusable = this.focusable.add( element );
- this._on( element, {
- focusin: function( event ) {
- this._addClass( $( event.currentTarget ), null, "ui-state-focus" );
- },
- focusout: function( event ) {
- this._removeClass( $( event.currentTarget ), null, "ui-state-focus" );
- }
- } );
- },
- _trigger: function( type, event, data ) {
- var prop, orig;
- var callback = this.options[ type ];
- data = data || {};
- event = $.Event( event );
- event.type = ( type === this.widgetEventPrefix ?
- type :
- this.widgetEventPrefix + type ).toLowerCase();
- // The original event may come from any element
- // so we need to reset the target on the new event
- event.target = this.element[ 0 ];
- // Copy original event properties over to the new event
- orig = event.originalEvent;
- if ( orig ) {
- for ( prop in orig ) {
- if ( !( prop in event ) ) {
- event[ prop ] = orig[ prop ];
- }
- }
- }
- this.element.trigger( event, data );
- return !( $.isFunction( callback ) &&
- callback.apply( this.element[ 0 ], [ event ].concat( data ) ) === false ||
- event.isDefaultPrevented() );
- }
- };
- $.each( { show: "fadeIn", hide: "fadeOut" }, function( method, defaultEffect ) {
- $.Widget.prototype[ "_" + method ] = function( element, options, callback ) {
- if ( typeof options === "string" ) {
- options = { effect: options };
- }
- var hasOptions;
- var effectName = !options ?
- method :
- options === true || typeof options === "number" ?
- defaultEffect :
- options.effect || defaultEffect;
- options = options || {};
- if ( typeof options === "number" ) {
- options = { duration: options };
- }
- hasOptions = !$.isEmptyObject( options );
- options.complete = callback;
- if ( options.delay ) {
- element.delay( options.delay );
- }
- if ( hasOptions && $.effects && $.effects.effect[ effectName ] ) {
- element[ method ]( options );
- } else if ( effectName !== method && element[ effectName ] ) {
- element[ effectName ]( options.duration, options.easing, callback );
- } else {
- element.queue( function( next ) {
- $( this )[ method ]();
- if ( callback ) {
- callback.call( element[ 0 ] );
- }
- next();
- } );
- }
- };
- } );
- var widget = $.widget;
- /*!
- * jQuery UI Position 1.12.1
- * http://jqueryui.com
- *
- * Copyright jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- *
- * http://api.jqueryui.com/position/
- */
- //>>label: Position
- //>>group: Core
- //>>description: Positions elements relative to other elements.
- //>>docs: http://api.jqueryui.com/position/
- //>>demos: http://jqueryui.com/position/
- ( function() {
- var cachedScrollbarWidth,
- max = Math.max,
- abs = Math.abs,
- rhorizontal = /left|center|right/,
- rvertical = /top|center|bottom/,
- roffset = /[\+\-]\d+(\.[\d]+)?%?/,
- rposition = /^\w+/,
- rpercent = /%$/,
- _position = $.fn.position;
- function getOffsets( offsets, width, height ) {
- return [
- parseFloat( offsets[ 0 ] ) * ( rpercent.test( offsets[ 0 ] ) ? width / 100 : 1 ),
- parseFloat( offsets[ 1 ] ) * ( rpercent.test( offsets[ 1 ] ) ? height / 100 : 1 )
- ];
- }
- function parseCss( element, property ) {
- return parseInt( $.css( element, property ), 10 ) || 0;
- }
- function getDimensions( elem ) {
- var raw = elem[ 0 ];
- if ( raw.nodeType === 9 ) {
- return {
- width: elem.width(),
- height: elem.height(),
- offset: { top: 0, left: 0 }
- };
- }
- if ( $.isWindow( raw ) ) {
- return {
- width: elem.width(),
- height: elem.height(),
- offset: { top: elem.scrollTop(), left: elem.scrollLeft() }
- };
- }
- if ( raw.preventDefault ) {
- return {
- width: 0,
- height: 0,
- offset: { top: raw.pageY, left: raw.pageX }
- };
- }
- return {
- width: elem.outerWidth(),
- height: elem.outerHeight(),
- offset: elem.offset()
- };
- }
- $.position = {
- scrollbarWidth: function() {
- if ( cachedScrollbarWidth !== undefined ) {
- return cachedScrollbarWidth;
- }
- var w1, w2,
- div = $( "<div " +
- "style='display:block;position:absolute;width:50px;height:50px;overflow:hidden;'>" +
- "<div style='height:100px;width:auto;'></div></div>" ),
- innerDiv = div.children()[ 0 ];
- $( "body" ).append( div );
- w1 = innerDiv.offsetWidth;
- div.css( "overflow", "scroll" );
- w2 = innerDiv.offsetWidth;
- if ( w1 === w2 ) {
- w2 = div[ 0 ].clientWidth;
- }
- div.remove();
- return ( cachedScrollbarWidth = w1 - w2 );
- },
- getScrollInfo: function( within ) {
- var overflowX = within.isWindow || within.isDocument ? "" :
- within.element.css( "overflow-x" ),
- overflowY = within.isWindow || within.isDocument ? "" :
- within.element.css( "overflow-y" ),
- hasOverflowX = overflowX === "scroll" ||
- ( overflowX === "auto" && within.width < within.element[ 0 ].scrollWidth ),
- hasOverflowY = overflowY === "scroll" ||
- ( overflowY === "auto" && within.height < within.element[ 0 ].scrollHeight );
- return {
- width: hasOverflowY ? $.position.scrollbarWidth() : 0,
- height: hasOverflowX ? $.position.scrollbarWidth() : 0
- };
- },
- getWithinInfo: function( element ) {
- var withinElement = $( element || window ),
- isWindow = $.isWindow( withinElement[ 0 ] ),
- isDocument = !!withinElement[ 0 ] && withinElement[ 0 ].nodeType === 9,
- hasOffset = !isWindow && !isDocument;
- return {
- element: withinElement,
- isWindow: isWindow,
- isDocument: isDocument,
- offset: hasOffset ? $( element ).offset() : { left: 0, top: 0 },
- scrollLeft: withinElement.scrollLeft(),
- scrollTop: withinElement.scrollTop(),
- width: withinElement.outerWidth(),
- height: withinElement.outerHeight()
- };
- }
- };
- $.fn.position = function( options ) {
- if ( !options || !options.of ) {
- return _position.apply( this, arguments );
- }
- // Make a copy, we don't want to modify arguments
- options = $.extend( {}, options );
- var atOffset, targetWidth, targetHeight, targetOffset, basePosition, dimensions,
- target = $( options.of ),
- within = $.position.getWithinInfo( options.within ),
- scrollInfo = $.position.getScrollInfo( within ),
- collision = ( options.collision || "flip" ).split( " " ),
- offsets = {};
- dimensions = getDimensions( target );
- if ( target[ 0 ].preventDefault ) {
- // Force left top to allow flipping
- options.at = "left top";
- }
- targetWidth = dimensions.width;
- targetHeight = dimensions.height;
- targetOffset = dimensions.offset;
- // Clone to reuse original targetOffset later
- basePosition = $.extend( {}, targetOffset );
- // Force my and at to have valid horizontal and vertical positions
- // if a value is missing or invalid, it will be converted to center
- $.each( [ "my", "at" ], function() {
- var pos = ( options[ this ] || "" ).split( " " ),
- horizontalOffset,
- verticalOffset;
- if ( pos.length === 1 ) {
- pos = rhorizontal.test( pos[ 0 ] ) ?
- pos.concat( [ "center" ] ) :
- rvertical.test( pos[ 0 ] ) ?
- [ "center" ].concat( pos ) :
- [ "center", "center" ];
- }
- pos[ 0 ] = rhorizontal.test( pos[ 0 ] ) ? pos[ 0 ] : "center";
- pos[ 1 ] = rvertical.test( pos[ 1 ] ) ? pos[ 1 ] : "center";
- // Calculate offsets
- horizontalOffset = roffset.exec( pos[ 0 ] );
- verticalOffset = roffset.exec( pos[ 1 ] );
- offsets[ this ] = [
- horizontalOffset ? horizontalOffset[ 0 ] : 0,
- verticalOffset ? verticalOffset[ 0 ] : 0
- ];
- // Reduce to just the positions without the offsets
- options[ this ] = [
- rposition.exec( pos[ 0 ] )[ 0 ],
- rposition.exec( pos[ 1 ] )[ 0 ]
- ];
- } );
- // Normalize collision option
- if ( collision.length === 1 ) {
- collision[ 1 ] = collision[ 0 ];
- }
- if ( options.at[ 0 ] === "right" ) {
- basePosition.left += targetWidth;
- } else if ( options.at[ 0 ] === "center" ) {
- basePosition.left += targetWidth / 2;
- }
- if ( options.at[ 1 ] === "bottom" ) {
- basePosition.top += targetHeight;
- } else if ( options.at[ 1 ] === "center" ) {
- basePosition.top += targetHeight / 2;
- }
- atOffset = getOffsets( offsets.at, targetWidth, targetHeight );
- basePosition.left += atOffset[ 0 ];
- basePosition.top += atOffset[ 1 ];
- return this.each( function() {
- var collisionPosition, using,
- elem = $( this ),
- elemWidth = elem.outerWidth(),
- elemHeight = elem.outerHeight(),
- marginLeft = parseCss( this, "marginLeft" ),
- marginTop = parseCss( this, "marginTop" ),
- collisionWidth = elemWidth + marginLeft + parseCss( this, "marginRight" ) +
- scrollInfo.width,
- collisionHeight = elemHeight + marginTop + parseCss( this, "marginBottom" ) +
- scrollInfo.height,
- position = $.extend( {}, basePosition ),
- myOffset = getOffsets( offsets.my, elem.outerWidth(), elem.outerHeight() );
- if ( options.my[ 0 ] === "right" ) {
- position.left -= elemWidth;
- } else if ( options.my[ 0 ] === "center" ) {
- position.left -= elemWidth / 2;
- }
- if ( options.my[ 1 ] === "bottom" ) {
- position.top -= elemHeight;
- } else if ( options.my[ 1 ] === "center" ) {
- position.top -= elemHeight / 2;
- }
- position.left += myOffset[ 0 ];
- position.top += myOffset[ 1 ];
- collisionPosition = {
- marginLeft: marginLeft,
- marginTop: marginTop
- };
- $.each( [ "left", "top" ], function( i, dir ) {
- if ( $.ui.position[ collision[ i ] ] ) {
- $.ui.position[ collision[ i ] ][ dir ]( position, {
- targetWidth: targetWidth,
- targetHeight: targetHeight,
- elemWidth: elemWidth,
- elemHeight: elemHeight,
- collisionPosition: collisionPosition,
- collisionWidth: collisionWidth,
- collisionHeight: collisionHeight,
- offset: [ atOffset[ 0 ] + myOffset[ 0 ], atOffset [ 1 ] + myOffset[ 1 ] ],
- my: options.my,
- at: options.at,
- within: within,
- elem: elem
- } );
- }
- } );
- if ( options.using ) {
- // Adds feedback as second argument to using callback, if present
- using = function( props ) {
- var left = targetOffset.left - position.left,
- right = left + targetWidth - elemWidth,
- top = targetOffset.top - position.top,
- bottom = top + targetHeight - elemHeight,
- feedback = {
- target: {
- element: target,
- left: targetOffset.left,
- top: targetOffset.top,
- width: targetWidth,
- height: targetHeight
- },
- element: {
- element: elem,
- left: position.left,
- top: position.top,
- width: elemWidth,
- height: elemHeight
- },
- horizontal: right < 0 ? "left" : left > 0 ? "right" : "center",
- vertical: bottom < 0 ? "top" : top > 0 ? "bottom" : "middle"
- };
- if ( targetWidth < elemWidth && abs( left + right ) < targetWidth ) {
- feedback.horizontal = "center";
- }
- if ( targetHeight < elemHeight && abs( top + bottom ) < targetHeight ) {
- feedback.vertical = "middle";
- }
- if ( max( abs( left ), abs( right ) ) > max( abs( top ), abs( bottom ) ) ) {
- feedback.important = "horizontal";
- } else {
- feedback.important = "vertical";
- }
- options.using.call( this, props, feedback );
- };
- }
- elem.offset( $.extend( position, { using: using } ) );
- } );
- };
- $.ui.position = {
- fit: {
- left: function( position, data ) {
- var within = data.within,
- withinOffset = within.isWindow ? within.scrollLeft : within.offset.left,
- outerWidth = within.width,
- collisionPosLeft = position.left - data.collisionPosition.marginLeft,
- overLeft = withinOffset - collisionPosLeft,
- overRight = collisionPosLeft + data.collisionWidth - outerWidth - withinOffset,
- newOverRight;
- // Element is wider than within
- if ( data.collisionWidth > outerWidth ) {
- // Element is initially over the left side of within
- if ( overLeft > 0 && overRight <= 0 ) {
- newOverRight = position.left + overLeft + data.collisionWidth - outerWidth -
- withinOffset;
- position.left += overLeft - newOverRight;
- // Element is initially over right side of within
- } else if ( overRight > 0 && overLeft <= 0 ) {
- position.left = withinOffset;
- // Element is initially over both left and right sides of within
- } else {
- if ( overLeft > overRight ) {
- position.left = withinOffset + outerWidth - data.collisionWidth;
- } else {
- position.left = withinOffset;
- }
- }
- // Too far left -> align with left edge
- } else if ( overLeft > 0 ) {
- position.left += overLeft;
- // Too far right -> align with right edge
- } else if ( overRight > 0 ) {
- position.left -= overRight;
- // Adjust based on position and margin
- } else {
- position.left = max( position.left - collisionPosLeft, position.left );
- }
- },
- top: function( position, data ) {
- var within = data.within,
- withinOffset = within.isWindow ? within.scrollTop : within.offset.top,
- outerHeight = data.within.height,
- collisionPosTop = position.top - data.collisionPosition.marginTop,
- overTop = withinOffset - collisionPosTop,
- overBottom = collisionPosTop + data.collisionHeight - outerHeight - withinOffset,
- newOverBottom;
- // Element is taller than within
- if ( data.collisionHeight > outerHeight ) {
- // Element is initially over the top of within
- if ( overTop > 0 && overBottom <= 0 ) {
- newOverBottom = position.top + overTop + data.collisionHeight - outerHeight -
- withinOffset;
- position.top += overTop - newOverBottom;
- // Element is initially over bottom of within
- } else if ( overBottom > 0 && overTop <= 0 ) {
- position.top = withinOffset;
- // Element is initially over both top and bottom of within
- } else {
- if ( overTop > overBottom ) {
- position.top = withinOffset + outerHeight - data.collisionHeight;
- } else {
- position.top = withinOffset;
- }
- }
- // Too far up -> align with top
- } else if ( overTop > 0 ) {
- position.top += overTop;
- // Too far down -> align with bottom edge
- } else if ( overBottom > 0 ) {
- position.top -= overBottom;
- // Adjust based on position and margin
- } else {
- position.top = max( position.top - collisionPosTop, position.top );
- }
- }
- },
- flip: {
- left: function( position, data ) {
- var within = data.within,
- withinOffset = within.offset.left + within.scrollLeft,
- outerWidth = within.width,
- offsetLeft = within.isWindow ? within.scrollLeft : within.offset.left,
- collisionPosLeft = position.left - data.collisionPosition.marginLeft,
- overLeft = collisionPosLeft - offsetLeft,
- overRight = collisionPosLeft + data.collisionWidth - outerWidth - offsetLeft,
- myOffset = data.my[ 0 ] === "left" ?
- -data.elemWidth :
- data.my[ 0 ] === "right" ?
- data.elemWidth :
- 0,
- atOffset = data.at[ 0 ] === "left" ?
- data.targetWidth :
- data.at[ 0 ] === "right" ?
- -data.targetWidth :
- 0,
- offset = -2 * data.offset[ 0 ],
- newOverRight,
- newOverLeft;
- if ( overLeft < 0 ) {
- newOverRight = position.left + myOffset + atOffset + offset + data.collisionWidth -
- outerWidth - withinOffset;
- if ( newOverRight < 0 || newOverRight < abs( overLeft ) ) {
- position.left += myOffset + atOffset + offset;
- }
- } else if ( overRight > 0 ) {
- newOverLeft = position.left - data.collisionPosition.marginLeft + myOffset +
- atOffset + offset - offsetLeft;
- if ( newOverLeft > 0 || abs( newOverLeft ) < overRight ) {
- position.left += myOffset + atOffset + offset;
- }
- }
- },
- top: function( position, data ) {
- var within = data.within,
- withinOffset = within.offset.top + within.scrollTop,
- outerHeight = within.height,
- offsetTop = within.isWindow ? within.scrollTop : within.offset.top,
- collisionPosTop = position.top - data.collisionPosition.marginTop,
- overTop = collisionPosTop - offsetTop,
- overBottom = collisionPosTop + data.collisionHeight - outerHeight - offsetTop,
- top = data.my[ 1 ] === "top",
- myOffset = top ?
- -data.elemHeight :
- data.my[ 1 ] === "bottom" ?
- data.elemHeight :
- 0,
- atOffset = data.at[ 1 ] === "top" ?
- data.targetHeight :
- data.at[ 1 ] === "bottom" ?
- -data.targetHeight :
- 0,
- offset = -2 * data.offset[ 1 ],
- newOverTop,
- newOverBottom;
- if ( overTop < 0 ) {
- newOverBottom = position.top + myOffset + atOffset + offset + data.collisionHeight -
- outerHeight - withinOffset;
- if ( newOverBottom < 0 || newOverBottom < abs( overTop ) ) {
- position.top += myOffset + atOffset + offset;
- }
- } else if ( overBottom > 0 ) {
- newOverTop = position.top - data.collisionPosition.marginTop + myOffset + atOffset +
- offset - offsetTop;
- if ( newOverTop > 0 || abs( newOverTop ) < overBottom ) {
- position.top += myOffset + atOffset + offset;
- }
- }
- }
- },
- flipfit: {
- left: function() {
- $.ui.position.flip.left.apply( this, arguments );
- $.ui.position.fit.left.apply( this, arguments );
- },
- top: function() {
- $.ui.position.flip.top.apply( this, arguments );
- $.ui.position.fit.top.apply( this, arguments );
- }
- }
- };
- } )();
- var position = $.ui.position;
- /*!
- * jQuery UI Keycode 1.12.1
- * http://jqueryui.com
- *
- * Copyright jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- */
- //>>label: Keycode
- //>>group: Core
- //>>description: Provide keycodes as keynames
- //>>docs: http://api.jqueryui.com/jQuery.ui.keyCode/
- var keycode = $.ui.keyCode = {
- BACKSPACE: 8,
- COMMA: 188,
- DELETE: 46,
- DOWN: 40,
- END: 35,
- ENTER: 13,
- ESCAPE: 27,
- HOME: 36,
- LEFT: 37,
- PAGE_DOWN: 34,
- PAGE_UP: 33,
- PERIOD: 190,
- RIGHT: 39,
- SPACE: 32,
- TAB: 9,
- UP: 38
- };
- /*!
- * jQuery UI Scroll Parent 1.12.1
- * http://jqueryui.com
- *
- * Copyright jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- */
- //>>label: scrollParent
- //>>group: Core
- //>>description: Get the closest ancestor element that is scrollable.
- //>>docs: http://api.jqueryui.com/scrollParent/
- var scrollParent = $.fn.scrollParent = function( includeHidden ) {
- var position = this.css( "position" ),
- excludeStaticParent = position === "absolute",
- overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/,
- scrollParent = this.parents().filter( function() {
- var parent = $( this );
- if ( excludeStaticParent && parent.css( "position" ) === "static" ) {
- return false;
- }
- return overflowRegex.test( parent.css( "overflow" ) + parent.css( "overflow-y" ) +
- parent.css( "overflow-x" ) );
- } ).eq( 0 );
- return position === "fixed" || !scrollParent.length ?
- $( this[ 0 ].ownerDocument || document ) :
- scrollParent;
- };
- /*!
- * jQuery UI Unique ID 1.12.1
- * http://jqueryui.com
- *
- * Copyright jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- */
- //>>label: uniqueId
- //>>group: Core
- //>>description: Functions to generate and remove uniqueId's
- //>>docs: http://api.jqueryui.com/uniqueId/
- var uniqueId = $.fn.extend( {
- uniqueId: ( function() {
- var uuid = 0;
- return function() {
- return this.each( function() {
- if ( !this.id ) {
- this.id = "ui-id-" + ( ++uuid );
- }
- } );
- };
- } )(),
- removeUniqueId: function() {
- return this.each( function() {
- if ( /^ui-id-\d+$/.test( this.id ) ) {
- $( this ).removeAttr( "id" );
- }
- } );
- }
- } );
- // NOTE: Original jQuery UI wrapper was replaced. See README-Fancytree.md
- // }));
- })(jQuery);
- (function( factory ) {
- if ( typeof define === "function" && define.amd ) {
- // AMD. Register as an anonymous module.
- define( [ "jquery" ], factory );
- } else if ( typeof module === "object" && module.exports ) {
- // Node/CommonJS
- module.exports = factory(require("jquery"));
- } else {
- // Browser globals
- factory( jQuery );
- }
- }(function( $ ) {
- /*! Fancytree Core *//*!
- * jquery.fancytree.js
- * Tree view control with support for lazy loading and much more.
- * https://github.com/mar10/fancytree/
- *
- * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.38.0
- * @date 2021-02-09T20:03:49Z
- */
- /** Core Fancytree module.
- */
- // UMD wrapper for the Fancytree core module
- (function(factory) {
- if (typeof define === "function" && define.amd) {
- // AMD. Register as an anonymous module.
- define(["jquery", "./jquery.fancytree.ui-deps"], factory);
- } else if (typeof module === "object" && module.exports) {
- // Node/CommonJS
- require("./jquery.fancytree.ui-deps");
- module.exports = factory(require("jquery"));
- } else {
- // Browser globals
- factory(jQuery);
- }
- })(function($) {
- "use strict";
- // prevent duplicate loading
- if ($.ui && $.ui.fancytree) {
- $.ui.fancytree.warn("Fancytree: ignored duplicate include");
- return;
- }
- /******************************************************************************
- * Private functions and variables
- */
- var i,
- attr,
- FT = null, // initialized below
- TEST_IMG = new RegExp(/\.|\//), // strings are considered image urls if they contain '.' or '/'
- REX_HTML = /[&<>"'/]/g, // Escape those characters
- REX_TOOLTIP = /[<>"'/]/g, // Don't escape `&` in tooltips
- RECURSIVE_REQUEST_ERROR = "$recursive_request",
- INVALID_REQUEST_TARGET_ERROR = "$request_target_invalid",
- ENTITY_MAP = {
- "&": "&",
- "<": "<",
- ">": ">",
- '"': """,
- "'": "'",
- "/": "/",
- },
- IGNORE_KEYCODES = { 16: true, 17: true, 18: true },
- SPECIAL_KEYCODES = {
- 8: "backspace",
- 9: "tab",
- 10: "return",
- 13: "return",
- // 16: null, 17: null, 18: null, // ignore shift, ctrl, alt
- 19: "pause",
- 20: "capslock",
- 27: "esc",
- 32: "space",
- 33: "pageup",
- 34: "pagedown",
- 35: "end",
- 36: "home",
- 37: "left",
- 38: "up",
- 39: "right",
- 40: "down",
- 45: "insert",
- 46: "del",
- 59: ";",
- 61: "=",
- // 91: null, 93: null, // ignore left and right meta
- 96: "0",
- 97: "1",
- 98: "2",
- 99: "3",
- 100: "4",
- 101: "5",
- 102: "6",
- 103: "7",
- 104: "8",
- 105: "9",
- 106: "*",
- 107: "+",
- 109: "-",
- 110: ".",
- 111: "/",
- 112: "f1",
- 113: "f2",
- 114: "f3",
- 115: "f4",
- 116: "f5",
- 117: "f6",
- 118: "f7",
- 119: "f8",
- 120: "f9",
- 121: "f10",
- 122: "f11",
- 123: "f12",
- 144: "numlock",
- 145: "scroll",
- 173: "-",
- 186: ";",
- 187: "=",
- 188: ",",
- 189: "-",
- 190: ".",
- 191: "/",
- 192: "`",
- 219: "[",
- 220: "\\",
- 221: "]",
- 222: "'",
- },
- MODIFIERS = {
- 16: "shift",
- 17: "ctrl",
- 18: "alt",
- 91: "meta",
- 93: "meta",
- },
- MOUSE_BUTTONS = { 0: "", 1: "left", 2: "middle", 3: "right" },
- // Boolean attributes that can be set with equivalent class names in the LI tags
- // Note: v2.23: checkbox and hideCheckbox are *not* in this list
- CLASS_ATTRS = "active expanded focus folder lazy radiogroup selected unselectable unselectableIgnore".split(
- " "
- ),
- CLASS_ATTR_MAP = {},
- // Top-level Fancytree attributes, that can be set by dict
- TREE_ATTRS = "columns types".split(" "),
- // TREE_ATTR_MAP = {},
- // Top-level FancytreeNode attributes, that can be set by dict
- NODE_ATTRS = "checkbox expanded extraClasses folder icon iconTooltip key lazy partsel radiogroup refKey selected statusNodeType title tooltip type unselectable unselectableIgnore unselectableStatus".split(
- " "
- ),
- NODE_ATTR_MAP = {},
- // Mapping of lowercase -> real name (because HTML5 data-... attribute only supports lowercase)
- NODE_ATTR_LOWERCASE_MAP = {},
- // Attribute names that should NOT be added to node.data
- NONE_NODE_DATA_MAP = {
- active: true,
- children: true,
- data: true,
- focus: true,
- };
- for (i = 0; i < CLASS_ATTRS.length; i++) {
- CLASS_ATTR_MAP[CLASS_ATTRS[i]] = true;
- }
- for (i = 0; i < NODE_ATTRS.length; i++) {
- attr = NODE_ATTRS[i];
- NODE_ATTR_MAP[attr] = true;
- if (attr !== attr.toLowerCase()) {
- NODE_ATTR_LOWERCASE_MAP[attr.toLowerCase()] = attr;
- }
- }
- // for(i=0; i<TREE_ATTRS.length; i++) {
- // TREE_ATTR_MAP[TREE_ATTRS[i]] = true;
- // }
- function _assert(cond, msg) {
- // TODO: see qunit.js extractStacktrace()
- if (!cond) {
- msg = msg ? ": " + msg : "";
- msg = "Fancytree assertion failed" + msg;
- // consoleApply("assert", [!!cond, msg]);
- // #1041: Raised exceptions may not be visible in the browser
- // console if inside promise chains, so we also print directly:
- $.ui.fancytree.error(msg);
- // Throw exception:
- $.error(msg);
- }
- }
- _assert($.ui, "Fancytree requires jQuery UI (http://jqueryui.com)");
- function consoleApply(method, args) {
- var i,
- s,
- fn = window.console ? window.console[method] : null;
- if (fn) {
- try {
- fn.apply(window.console, args);
- } catch (e) {
- // IE 8?
- s = "";
- for (i = 0; i < args.length; i++) {
- s += args[i];
- }
- fn(s);
- }
- }
- }
- /* support: IE8 Polyfil for Date.now() */
- if (!Date.now) {
- Date.now = function now() {
- return new Date().getTime();
- };
- }
- /*Return true if x is a FancytreeNode.*/
- function _isNode(x) {
- return !!(x.tree && x.statusNodeType !== undefined);
- }
- /** Return true if dotted version string is equal or higher than requested version.
- *
- * See http://jsfiddle.net/mar10/FjSAN/
- */
- function isVersionAtLeast(dottedVersion, major, minor, patch) {
- var i,
- v,
- t,
- verParts = $.map($.trim(dottedVersion).split("."), function(e) {
- return parseInt(e, 10);
- }),
- testParts = $.map(
- Array.prototype.slice.call(arguments, 1),
- function(e) {
- return parseInt(e, 10);
- }
- );
- for (i = 0; i < testParts.length; i++) {
- v = verParts[i] || 0;
- t = testParts[i] || 0;
- if (v !== t) {
- return v > t;
- }
- }
- return true;
- }
- /**
- * Deep-merge a list of objects (but replace array-type options).
- *
- * jQuery's $.extend(true, ...) method does a deep merge, that also merges Arrays.
- * This variant is used to merge extension defaults with user options, and should
- * merge objects, but override arrays (for example the `triggerStart: [...]` option
- * of ext-edit). Also `null` values are copied over and not skipped.
- *
- * See issue #876
- *
- * Example:
- * _simpleDeepMerge({}, o1, o2);
- */
- function _simpleDeepMerge() {
- var options,
- name,
- src,
- copy,
- clone,
- target = arguments[0] || {},
- i = 1,
- length = arguments.length;
- // Handle case when target is a string or something (possible in deep copy)
- if (typeof target !== "object" && !$.isFunction(target)) {
- target = {};
- }
- if (i === length) {
- throw Error("need at least two args");
- }
- for (; i < length; i++) {
- // Only deal with non-null/undefined values
- if ((options = arguments[i]) != null) {
- // Extend the base object
- for (name in options) {
- if (options.hasOwnProperty(name)) {
- src = target[name];
- copy = options[name];
- // Prevent never-ending loop
- if (target === copy) {
- continue;
- }
- // Recurse if we're merging plain objects
- // (NOTE: unlike $.extend, we don't merge arrays, but replace them)
- if (copy && $.isPlainObject(copy)) {
- clone = src && $.isPlainObject(src) ? src : {};
- // Never move original objects, clone them
- target[name] = _simpleDeepMerge(clone, copy);
- // Don't bring in undefined values
- } else if (copy !== undefined) {
- target[name] = copy;
- }
- }
- }
- }
- }
- // Return the modified object
- return target;
- }
- /** Return a wrapper that calls sub.methodName() and exposes
- * this : tree
- * this._local : tree.ext.EXTNAME
- * this._super : base.methodName.call()
- * this._superApply : base.methodName.apply()
- */
- function _makeVirtualFunction(methodName, tree, base, extension, extName) {
- // $.ui.fancytree.debug("_makeVirtualFunction", methodName, tree, base, extension, extName);
- // if(rexTestSuper && !rexTestSuper.test(func)){
- // // extension.methodName() doesn't call _super(), so no wrapper required
- // return func;
- // }
- // Use an immediate function as closure
- var proxy = (function() {
- var prevFunc = tree[methodName], // org. tree method or prev. proxy
- baseFunc = extension[methodName], //
- _local = tree.ext[extName],
- _super = function() {
- return prevFunc.apply(tree, arguments);
- },
- _superApply = function(args) {
- return prevFunc.apply(tree, args);
- };
- // Return the wrapper function
- return function() {
- var prevLocal = tree._local,
- prevSuper = tree._super,
- prevSuperApply = tree._superApply;
- try {
- tree._local = _local;
- tree._super = _super;
- tree._superApply = _superApply;
- return baseFunc.apply(tree, arguments);
- } finally {
- tree._local = prevLocal;
- tree._super = prevSuper;
- tree._superApply = prevSuperApply;
- }
- };
- })(); // end of Immediate Function
- return proxy;
- }
- /**
- * Subclass `base` by creating proxy functions
- */
- function _subclassObject(tree, base, extension, extName) {
- // $.ui.fancytree.debug("_subclassObject", tree, base, extension, extName);
- for (var attrName in extension) {
- if (typeof extension[attrName] === "function") {
- if (typeof tree[attrName] === "function") {
- // override existing method
- tree[attrName] = _makeVirtualFunction(
- attrName,
- tree,
- base,
- extension,
- extName
- );
- } else if (attrName.charAt(0) === "_") {
- // Create private methods in tree.ext.EXTENSION namespace
- tree.ext[extName][attrName] = _makeVirtualFunction(
- attrName,
- tree,
- base,
- extension,
- extName
- );
- } else {
- $.error(
- "Could not override tree." +
- attrName +
- ". Use prefix '_' to create tree." +
- extName +
- "._" +
- attrName
- );
- }
- } else {
- // Create member variables in tree.ext.EXTENSION namespace
- if (attrName !== "options") {
- tree.ext[extName][attrName] = extension[attrName];
- }
- }
- }
- }
- function _getResolvedPromise(context, argArray) {
- if (context === undefined) {
- return $.Deferred(function() {
- this.resolve();
- }).promise();
- }
- return $.Deferred(function() {
- this.resolveWith(context, argArray);
- }).promise();
- }
- function _getRejectedPromise(context, argArray) {
- if (context === undefined) {
- return $.Deferred(function() {
- this.reject();
- }).promise();
- }
- return $.Deferred(function() {
- this.rejectWith(context, argArray);
- }).promise();
- }
- function _makeResolveFunc(deferred, context) {
- return function() {
- deferred.resolveWith(context);
- };
- }
- function _getElementDataAsDict($el) {
- // Evaluate 'data-NAME' attributes with special treatment for 'data-json'.
- var d = $.extend({}, $el.data()),
- json = d.json;
- delete d.fancytree; // added to container by widget factory (old jQuery UI)
- delete d.uiFancytree; // added to container by widget factory
- if (json) {
- delete d.json;
- // <li data-json='...'> is already returned as object (http://api.jquery.com/data/#data-html5)
- d = $.extend(d, json);
- }
- return d;
- }
- function _escapeTooltip(s) {
- return ("" + s).replace(REX_TOOLTIP, function(s) {
- return ENTITY_MAP[s];
- });
- }
- // TODO: use currying
- function _makeNodeTitleMatcher(s) {
- s = s.toLowerCase();
- return function(node) {
- return node.title.toLowerCase().indexOf(s) >= 0;
- };
- }
- function _makeNodeTitleStartMatcher(s) {
- var reMatch = new RegExp("^" + s, "i");
- return function(node) {
- return reMatch.test(node.title);
- };
- }
- /******************************************************************************
- * FancytreeNode
- */
- /**
- * Creates a new FancytreeNode
- *
- * @class FancytreeNode
- * @classdesc A FancytreeNode represents the hierarchical data model and operations.
- *
- * @param {FancytreeNode} parent
- * @param {NodeData} obj
- *
- * @property {Fancytree} tree The tree instance
- * @property {FancytreeNode} parent The parent node
- * @property {string} key Node id (must be unique inside the tree)
- * @property {string} title Display name (may contain HTML)
- * @property {object} data Contains all extra data that was passed on node creation
- * @property {FancytreeNode[] | null | undefined} children Array of child nodes.<br>
- * For lazy nodes, null or undefined means 'not yet loaded'. Use an empty array
- * to define a node that has no children.
- * @property {boolean} expanded Use isExpanded(), setExpanded() to access this property.
- * @property {string} extraClasses Additional CSS classes, added to the node's `<span>`.<br>
- * Note: use `node.add/remove/toggleClass()` to modify.
- * @property {boolean} folder Folder nodes have different default icons and click behavior.<br>
- * Note: Also non-folders may have children.
- * @property {string} statusNodeType null for standard nodes. Otherwise type of special system node: 'error', 'loading', 'nodata', or 'paging'.
- * @property {boolean} lazy True if this node is loaded on demand, i.e. on first expansion.
- * @property {boolean} selected Use isSelected(), setSelected() to access this property.
- * @property {string} tooltip Alternative description used as hover popup
- * @property {string} iconTooltip Description used as hover popup for icon. @since 2.27
- * @property {string} type Node type, used with tree.types map. @since 2.27
- */
- function FancytreeNode(parent, obj) {
- var i, l, name, cl;
- this.parent = parent;
- this.tree = parent.tree;
- this.ul = null;
- this.li = null; // <li id='key' ftnode=this> tag
- this.statusNodeType = null; // if this is a temp. node to display the status of its parent
- this._isLoading = false; // if this node itself is loading
- this._error = null; // {message: '...'} if a load error occurred
- this.data = {};
- // TODO: merge this code with node.toDict()
- // copy attributes from obj object
- for (i = 0, l = NODE_ATTRS.length; i < l; i++) {
- name = NODE_ATTRS[i];
- this[name] = obj[name];
- }
- // unselectableIgnore and unselectableStatus imply unselectable
- if (
- this.unselectableIgnore != null ||
- this.unselectableStatus != null
- ) {
- this.unselectable = true;
- }
- if (obj.hideCheckbox) {
- $.error(
- "'hideCheckbox' node option was removed in v2.23.0: use 'checkbox: false'"
- );
- }
- // node.data += obj.data
- if (obj.data) {
- $.extend(this.data, obj.data);
- }
- // Copy all other attributes to this.data.NAME
- for (name in obj) {
- if (
- !NODE_ATTR_MAP[name] &&
- (this.tree.options.copyFunctionsToData ||
- !$.isFunction(obj[name])) &&
- !NONE_NODE_DATA_MAP[name]
- ) {
- // node.data.NAME = obj.NAME
- this.data[name] = obj[name];
- }
- }
- // Fix missing key
- if (this.key == null) {
- // test for null OR undefined
- if (this.tree.options.defaultKey) {
- this.key = "" + this.tree.options.defaultKey(this);
- _assert(this.key, "defaultKey() must return a unique key");
- } else {
- this.key = "_" + FT._nextNodeKey++;
- }
- } else {
- this.key = "" + this.key; // Convert to string (#217)
- }
- // Fix tree.activeNode
- // TODO: not elegant: we use obj.active as marker to set tree.activeNode
- // when loading from a dictionary.
- if (obj.active) {
- _assert(
- this.tree.activeNode === null,
- "only one active node allowed"
- );
- this.tree.activeNode = this;
- }
- if (obj.selected) {
- // #186
- this.tree.lastSelectedNode = this;
- }
- // TODO: handle obj.focus = true
- // Create child nodes
- cl = obj.children;
- if (cl) {
- if (cl.length) {
- this._setChildren(cl);
- } else {
- // if an empty array was passed for a lazy node, keep it, in order to mark it 'loaded'
- this.children = this.lazy ? [] : null;
- }
- } else {
- this.children = null;
- }
- // Add to key/ref map (except for root node)
- // if( parent ) {
- this.tree._callHook("treeRegisterNode", this.tree, true, this);
- // }
- }
- FancytreeNode.prototype = /** @lends FancytreeNode# */ {
- /* Return the direct child FancytreeNode with a given key, index. */
- _findDirectChild: function(ptr) {
- var i,
- l,
- cl = this.children;
- if (cl) {
- if (typeof ptr === "string") {
- for (i = 0, l = cl.length; i < l; i++) {
- if (cl[i].key === ptr) {
- return cl[i];
- }
- }
- } else if (typeof ptr === "number") {
- return this.children[ptr];
- } else if (ptr.parent === this) {
- return ptr;
- }
- }
- return null;
- },
- // TODO: activate()
- // TODO: activateSilently()
- /* Internal helper called in recursive addChildren sequence.*/
- _setChildren: function(children) {
- _assert(
- children && (!this.children || this.children.length === 0),
- "only init supported"
- );
- this.children = [];
- for (var i = 0, l = children.length; i < l; i++) {
- this.children.push(new FancytreeNode(this, children[i]));
- }
- this.tree._callHook(
- "treeStructureChanged",
- this.tree,
- "setChildren"
- );
- },
- /**
- * Append (or insert) a list of child nodes.
- *
- * @param {NodeData[]} children array of child node definitions (also single child accepted)
- * @param {FancytreeNode | string | Integer} [insertBefore] child node (or key or index of such).
- * If omitted, the new children are appended.
- * @returns {FancytreeNode} first child added
- *
- * @see FancytreeNode#applyPatch
- */
- addChildren: function(children, insertBefore) {
- var i,
- l,
- pos,
- origFirstChild = this.getFirstChild(),
- origLastChild = this.getLastChild(),
- firstNode = null,
- nodeList = [];
- if ($.isPlainObject(children)) {
- children = [children];
- }
- if (!this.children) {
- this.children = [];
- }
- for (i = 0, l = children.length; i < l; i++) {
- nodeList.push(new FancytreeNode(this, children[i]));
- }
- firstNode = nodeList[0];
- if (insertBefore == null) {
- this.children = this.children.concat(nodeList);
- } else {
- // Returns null if insertBefore is not a direct child:
- insertBefore = this._findDirectChild(insertBefore);
- pos = $.inArray(insertBefore, this.children);
- _assert(pos >= 0, "insertBefore must be an existing child");
- // insert nodeList after children[pos]
- this.children.splice.apply(
- this.children,
- [pos, 0].concat(nodeList)
- );
- }
- if (origFirstChild && !insertBefore) {
- // #708: Fast path -- don't render every child of root, just the new ones!
- // #723, #729: but only if it's appended to an existing child list
- for (i = 0, l = nodeList.length; i < l; i++) {
- nodeList[i].render(); // New nodes were never rendered before
- }
- // Adjust classes where status may have changed
- // Has a first child
- if (origFirstChild !== this.getFirstChild()) {
- // Different first child -- recompute classes
- origFirstChild.renderStatus();
- }
- if (origLastChild !== this.getLastChild()) {
- // Different last child -- recompute classes
- origLastChild.renderStatus();
- }
- } else if (!this.parent || this.parent.ul || this.tr) {
- // render if the parent was rendered (or this is a root node)
- this.render();
- }
- if (this.tree.options.selectMode === 3) {
- this.fixSelection3FromEndNodes();
- }
- this.triggerModifyChild(
- "add",
- nodeList.length === 1 ? nodeList[0] : null
- );
- return firstNode;
- },
- /**
- * Add class to node's span tag and to .extraClasses.
- *
- * @param {string} className class name
- *
- * @since 2.17
- */
- addClass: function(className) {
- return this.toggleClass(className, true);
- },
- /**
- * Append or prepend a node, or append a child node.
- *
- * This a convenience function that calls addChildren()
- *
- * @param {NodeData} node node definition
- * @param {string} [mode=child] 'before', 'after', 'firstChild', or 'child' ('over' is a synonym for 'child')
- * @returns {FancytreeNode} new node
- */
- addNode: function(node, mode) {
- if (mode === undefined || mode === "over") {
- mode = "child";
- }
- switch (mode) {
- case "after":
- return this.getParent().addChildren(
- node,
- this.getNextSibling()
- );
- case "before":
- return this.getParent().addChildren(node, this);
- case "firstChild":
- // Insert before the first child if any
- var insertBefore = this.children ? this.children[0] : null;
- return this.addChildren(node, insertBefore);
- case "child":
- case "over":
- return this.addChildren(node);
- }
- _assert(false, "Invalid mode: " + mode);
- },
- /**Add child status nodes that indicate 'More...', etc.
- *
- * This also maintains the node's `partload` property.
- * @param {boolean|object} node optional node definition. Pass `false` to remove all paging nodes.
- * @param {string} [mode='child'] 'child'|firstChild'
- * @since 2.15
- */
- addPagingNode: function(node, mode) {
- var i, n;
- mode = mode || "child";
- if (node === false) {
- for (i = this.children.length - 1; i >= 0; i--) {
- n = this.children[i];
- if (n.statusNodeType === "paging") {
- this.removeChild(n);
- }
- }
- this.partload = false;
- return;
- }
- node = $.extend(
- {
- title: this.tree.options.strings.moreData,
- statusNodeType: "paging",
- icon: false,
- },
- node
- );
- this.partload = true;
- return this.addNode(node, mode);
- },
- /**
- * Append new node after this.
- *
- * This a convenience function that calls addNode(node, 'after')
- *
- * @param {NodeData} node node definition
- * @returns {FancytreeNode} new node
- */
- appendSibling: function(node) {
- return this.addNode(node, "after");
- },
- /**
- * (experimental) Apply a modification (or navigation) operation.
- *
- * @param {string} cmd
- * @param {object} [opts]
- * @see Fancytree#applyCommand
- * @since 2.32
- */
- applyCommand: function(cmd, opts) {
- return this.tree.applyCommand(cmd, this, opts);
- },
- /**
- * Modify existing child nodes.
- *
- * @param {NodePatch} patch
- * @returns {$.Promise}
- * @see FancytreeNode#addChildren
- */
- applyPatch: function(patch) {
- // patch [key, null] means 'remove'
- if (patch === null) {
- this.remove();
- return _getResolvedPromise(this);
- }
- // TODO: make sure that root node is not collapsed or modified
- // copy (most) attributes to node.ATTR or node.data.ATTR
- var name,
- promise,
- v,
- IGNORE_MAP = { children: true, expanded: true, parent: true }; // TODO: should be global
- for (name in patch) {
- if (patch.hasOwnProperty(name)) {
- v = patch[name];
- if (!IGNORE_MAP[name] && !$.isFunction(v)) {
- if (NODE_ATTR_MAP[name]) {
- this[name] = v;
- } else {
- this.data[name] = v;
- }
- }
- }
- }
- // Remove and/or create children
- if (patch.hasOwnProperty("children")) {
- this.removeChildren();
- if (patch.children) {
- // only if not null and not empty list
- // TODO: addChildren instead?
- this._setChildren(patch.children);
- }
- // TODO: how can we APPEND or INSERT child nodes?
- }
- if (this.isVisible()) {
- this.renderTitle();
- this.renderStatus();
- }
- // Expand collapse (final step, since this may be async)
- if (patch.hasOwnProperty("expanded")) {
- promise = this.setExpanded(patch.expanded);
- } else {
- promise = _getResolvedPromise(this);
- }
- return promise;
- },
- /** Collapse all sibling nodes.
- * @returns {$.Promise}
- */
- collapseSiblings: function() {
- return this.tree._callHook("nodeCollapseSiblings", this);
- },
- /** Copy this node as sibling or child of `node`.
- *
- * @param {FancytreeNode} node source node
- * @param {string} [mode=child] 'before' | 'after' | 'child'
- * @param {Function} [map] callback function(NodeData, FancytreeNode) that could modify the new node
- * @returns {FancytreeNode} new
- */
- copyTo: function(node, mode, map) {
- return node.addNode(this.toDict(true, map), mode);
- },
- /** Count direct and indirect children.
- *
- * @param {boolean} [deep=true] pass 'false' to only count direct children
- * @returns {int} number of child nodes
- */
- countChildren: function(deep) {
- var cl = this.children,
- i,
- l,
- n;
- if (!cl) {
- return 0;
- }
- n = cl.length;
- if (deep !== false) {
- for (i = 0, l = n; i < l; i++) {
- n += cl[i].countChildren();
- }
- }
- return n;
- },
- // TODO: deactivate()
- /** Write to browser console if debugLevel >= 4 (prepending node info)
- *
- * @param {*} msg string or object or array of such
- */
- debug: function(msg) {
- if (this.tree.options.debugLevel >= 4) {
- Array.prototype.unshift.call(arguments, this.toString());
- consoleApply("log", arguments);
- }
- },
- /** Deprecated.
- * @deprecated since 2014-02-16. Use resetLazy() instead.
- */
- discard: function() {
- this.warn(
- "FancytreeNode.discard() is deprecated since 2014-02-16. Use .resetLazy() instead."
- );
- return this.resetLazy();
- },
- /** Remove DOM elements for all descendents. May be called on .collapse event
- * to keep the DOM small.
- * @param {boolean} [includeSelf=false]
- */
- discardMarkup: function(includeSelf) {
- var fn = includeSelf ? "nodeRemoveMarkup" : "nodeRemoveChildMarkup";
- this.tree._callHook(fn, this);
- },
- /** Write error to browser console if debugLevel >= 1 (prepending tree info)
- *
- * @param {*} msg string or object or array of such
- */
- error: function(msg) {
- if (this.tree.options.debugLevel >= 1) {
- Array.prototype.unshift.call(arguments, this.toString());
- consoleApply("error", arguments);
- }
- },
- /**Find all nodes that match condition (excluding self).
- *
- * @param {string | function(node)} match title string to search for, or a
- * callback function that returns `true` if a node is matched.
- * @returns {FancytreeNode[]} array of nodes (may be empty)
- */
- findAll: function(match) {
- match = $.isFunction(match) ? match : _makeNodeTitleMatcher(match);
- var res = [];
- this.visit(function(n) {
- if (match(n)) {
- res.push(n);
- }
- });
- return res;
- },
- /**Find first node that matches condition (excluding self).
- *
- * @param {string | function(node)} match title string to search for, or a
- * callback function that returns `true` if a node is matched.
- * @returns {FancytreeNode} matching node or null
- * @see FancytreeNode#findAll
- */
- findFirst: function(match) {
- match = $.isFunction(match) ? match : _makeNodeTitleMatcher(match);
- var res = null;
- this.visit(function(n) {
- if (match(n)) {
- res = n;
- return false;
- }
- });
- return res;
- },
- /** Find a node relative to self.
- *
- * @param {number|string} where The keyCode that would normally trigger this move,
- * or a keyword ('down', 'first', 'last', 'left', 'parent', 'right', 'up').
- * @returns {FancytreeNode}
- * @since v2.31
- */
- findRelatedNode: function(where, includeHidden) {
- return this.tree.findRelatedNode(this, where, includeHidden);
- },
- /* Apply selection state (internal use only) */
- _changeSelectStatusAttrs: function(state) {
- var changed = false,
- opts = this.tree.options,
- unselectable = FT.evalOption(
- "unselectable",
- this,
- this,
- opts,
- false
- ),
- unselectableStatus = FT.evalOption(
- "unselectableStatus",
- this,
- this,
- opts,
- undefined
- );
- if (unselectable && unselectableStatus != null) {
- state = unselectableStatus;
- }
- switch (state) {
- case false:
- changed = this.selected || this.partsel;
- this.selected = false;
- this.partsel = false;
- break;
- case true:
- changed = !this.selected || !this.partsel;
- this.selected = true;
- this.partsel = true;
- break;
- case undefined:
- changed = this.selected || !this.partsel;
- this.selected = false;
- this.partsel = true;
- break;
- default:
- _assert(false, "invalid state: " + state);
- }
- // this.debug("fixSelection3AfterLoad() _changeSelectStatusAttrs()", state, changed);
- if (changed) {
- this.renderStatus();
- }
- return changed;
- },
- /**
- * Fix selection status, after this node was (de)selected in multi-hier mode.
- * This includes (de)selecting all children.
- */
- fixSelection3AfterClick: function(callOpts) {
- var flag = this.isSelected();
- // this.debug("fixSelection3AfterClick()");
- this.visit(function(node) {
- node._changeSelectStatusAttrs(flag);
- if (node.radiogroup) {
- // #931: don't (de)select this branch
- return "skip";
- }
- });
- this.fixSelection3FromEndNodes(callOpts);
- },
- /**
- * Fix selection status for multi-hier mode.
- * Only end-nodes are considered to update the descendants branch and parents.
- * Should be called after this node has loaded new children or after
- * children have been modified using the API.
- */
- fixSelection3FromEndNodes: function(callOpts) {
- var opts = this.tree.options;
- // this.debug("fixSelection3FromEndNodes()");
- _assert(opts.selectMode === 3, "expected selectMode 3");
- // Visit all end nodes and adjust their parent's `selected` and `partsel`
- // attributes. Return selection state true, false, or undefined.
- function _walk(node) {
- var i,
- l,
- child,
- s,
- state,
- allSelected,
- someSelected,
- unselIgnore,
- unselState,
- children = node.children;
- if (children && children.length) {
- // check all children recursively
- allSelected = true;
- someSelected = false;
- for (i = 0, l = children.length; i < l; i++) {
- child = children[i];
- // the selection state of a node is not relevant; we need the end-nodes
- s = _walk(child);
- // if( !child.unselectableIgnore ) {
- unselIgnore = FT.evalOption(
- "unselectableIgnore",
- child,
- child,
- opts,
- false
- );
- if (!unselIgnore) {
- if (s !== false) {
- someSelected = true;
- }
- if (s !== true) {
- allSelected = false;
- }
- }
- }
- // eslint-disable-next-line no-nested-ternary
- state = allSelected
- ? true
- : someSelected
- ? undefined
- : false;
- } else {
- // This is an end-node: simply report the status
- unselState = FT.evalOption(
- "unselectableStatus",
- node,
- node,
- opts,
- undefined
- );
- state = unselState == null ? !!node.selected : !!unselState;
- }
- // #939: Keep a `partsel` flag that was explicitly set on a lazy node
- if (
- node.partsel &&
- !node.selected &&
- node.lazy &&
- node.children == null
- ) {
- state = undefined;
- }
- node._changeSelectStatusAttrs(state);
- return state;
- }
- _walk(this);
- // Update parent's state
- this.visitParents(function(node) {
- var i,
- l,
- child,
- state,
- unselIgnore,
- unselState,
- children = node.children,
- allSelected = true,
- someSelected = false;
- for (i = 0, l = children.length; i < l; i++) {
- child = children[i];
- unselIgnore = FT.evalOption(
- "unselectableIgnore",
- child,
- child,
- opts,
- false
- );
- if (!unselIgnore) {
- unselState = FT.evalOption(
- "unselectableStatus",
- child,
- child,
- opts,
- undefined
- );
- state =
- unselState == null
- ? !!child.selected
- : !!unselState;
- // When fixing the parents, we trust the sibling status (i.e.
- // we don't recurse)
- if (state || child.partsel) {
- someSelected = true;
- }
- if (!state) {
- allSelected = false;
- }
- }
- }
- // eslint-disable-next-line no-nested-ternary
- state = allSelected ? true : someSelected ? undefined : false;
- node._changeSelectStatusAttrs(state);
- });
- },
- // TODO: focus()
- /**
- * Update node data. If dict contains 'children', then also replace
- * the hole sub tree.
- * @param {NodeData} dict
- *
- * @see FancytreeNode#addChildren
- * @see FancytreeNode#applyPatch
- */
- fromDict: function(dict) {
- // copy all other attributes to this.data.xxx
- for (var name in dict) {
- if (NODE_ATTR_MAP[name]) {
- // node.NAME = dict.NAME
- this[name] = dict[name];
- } else if (name === "data") {
- // node.data += dict.data
- $.extend(this.data, dict.data);
- } else if (
- !$.isFunction(dict[name]) &&
- !NONE_NODE_DATA_MAP[name]
- ) {
- // node.data.NAME = dict.NAME
- this.data[name] = dict[name];
- }
- }
- if (dict.children) {
- // recursively set children and render
- this.removeChildren();
- this.addChildren(dict.children);
- }
- this.renderTitle();
- /*
- var children = dict.children;
- if(children === undefined){
- this.data = $.extend(this.data, dict);
- this.render();
- return;
- }
- dict = $.extend({}, dict);
- dict.children = undefined;
- this.data = $.extend(this.data, dict);
- this.removeChildren();
- this.addChild(children);
- */
- },
- /** Return the list of child nodes (undefined for unexpanded lazy nodes).
- * @returns {FancytreeNode[] | undefined}
- */
- getChildren: function() {
- if (this.hasChildren() === undefined) {
- // TODO: only required for lazy nodes?
- return undefined; // Lazy node: unloaded, currently loading, or load error
- }
- return this.children;
- },
- /** Return the first child node or null.
- * @returns {FancytreeNode | null}
- */
- getFirstChild: function() {
- return this.children ? this.children[0] : null;
- },
- /** Return the 0-based child index.
- * @returns {int}
- */
- getIndex: function() {
- // return this.parent.children.indexOf(this);
- return $.inArray(this, this.parent.children); // indexOf doesn't work in IE7
- },
- /** Return the hierarchical child index (1-based, e.g. '3.2.4').
- * @param {string} [separator="."]
- * @param {int} [digits=1]
- * @returns {string}
- */
- getIndexHier: function(separator, digits) {
- separator = separator || ".";
- var s,
- res = [];
- $.each(this.getParentList(false, true), function(i, o) {
- s = "" + (o.getIndex() + 1);
- if (digits) {
- // prepend leading zeroes
- s = ("0000000" + s).substr(-digits);
- }
- res.push(s);
- });
- return res.join(separator);
- },
- /** Return the parent keys separated by options.keyPathSeparator, e.g. "/id_1/id_17/id_32".
- *
- * (Unlike `node.getPath()`, this method prepends a "/" and inverts the first argument.)
- *
- * @see FancytreeNode#getPath
- * @param {boolean} [excludeSelf=false]
- * @returns {string}
- */
- getKeyPath: function(excludeSelf) {
- var sep = this.tree.options.keyPathSeparator;
- return sep + this.getPath(!excludeSelf, "key", sep);
- },
- /** Return the last child of this node or null.
- * @returns {FancytreeNode | null}
- */
- getLastChild: function() {
- return this.children
- ? this.children[this.children.length - 1]
- : null;
- },
- /** Return node depth. 0: System root node, 1: visible top-level node, 2: first sub-level, ... .
- * @returns {int}
- */
- getLevel: function() {
- var level = 0,
- dtn = this.parent;
- while (dtn) {
- level++;
- dtn = dtn.parent;
- }
- return level;
- },
- /** Return the successor node (under the same parent) or null.
- * @returns {FancytreeNode | null}
- */
- getNextSibling: function() {
- // TODO: use indexOf, if available: (not in IE6)
- if (this.parent) {
- var i,
- l,
- ac = this.parent.children;
- for (i = 0, l = ac.length - 1; i < l; i++) {
- // up to length-2, so next(last) = null
- if (ac[i] === this) {
- return ac[i + 1];
- }
- }
- }
- return null;
- },
- /** Return the parent node (null for the system root node).
- * @returns {FancytreeNode | null}
- */
- getParent: function() {
- // TODO: return null for top-level nodes?
- return this.parent;
- },
- /** Return an array of all parent nodes (top-down).
- * @param {boolean} [includeRoot=false] Include the invisible system root node.
- * @param {boolean} [includeSelf=false] Include the node itself.
- * @returns {FancytreeNode[]}
- */
- getParentList: function(includeRoot, includeSelf) {
- var l = [],
- dtn = includeSelf ? this : this.parent;
- while (dtn) {
- if (includeRoot || dtn.parent) {
- l.unshift(dtn);
- }
- dtn = dtn.parent;
- }
- return l;
- },
- /** Return a string representing the hierachical node path, e.g. "a/b/c".
- * @param {boolean} [includeSelf=true]
- * @param {string | function} [part="title"] node property name or callback
- * @param {string} [separator="/"]
- * @returns {string}
- * @since v2.31
- */
- getPath: function(includeSelf, part, separator) {
- includeSelf = includeSelf !== false;
- part = part || "title";
- separator = separator || "/";
- var val,
- path = [],
- isFunc = $.isFunction(part);
- this.visitParents(function(n) {
- if (n.parent) {
- val = isFunc ? part(n) : n[part];
- path.unshift(val);
- }
- }, includeSelf);
- return path.join(separator);
- },
- /** Return the predecessor node (under the same parent) or null.
- * @returns {FancytreeNode | null}
- */
- getPrevSibling: function() {
- if (this.parent) {
- var i,
- l,
- ac = this.parent.children;
- for (i = 1, l = ac.length; i < l; i++) {
- // start with 1, so prev(first) = null
- if (ac[i] === this) {
- return ac[i - 1];
- }
- }
- }
- return null;
- },
- /**
- * Return an array of selected descendant nodes.
- * @param {boolean} [stopOnParents=false] only return the topmost selected
- * node (useful with selectMode 3)
- * @returns {FancytreeNode[]}
- */
- getSelectedNodes: function(stopOnParents) {
- var nodeList = [];
- this.visit(function(node) {
- if (node.selected) {
- nodeList.push(node);
- if (stopOnParents === true) {
- return "skip"; // stop processing this branch
- }
- }
- });
- return nodeList;
- },
- /** Return true if node has children. Return undefined if not sure, i.e. the node is lazy and not yet loaded).
- * @returns {boolean | undefined}
- */
- hasChildren: function() {
- if (this.lazy) {
- if (this.children == null) {
- // null or undefined: Not yet loaded
- return undefined;
- } else if (this.children.length === 0) {
- // Loaded, but response was empty
- return false;
- } else if (
- this.children.length === 1 &&
- this.children[0].isStatusNode()
- ) {
- // Currently loading or load error
- return undefined;
- }
- return true;
- }
- return !!(this.children && this.children.length);
- },
- /**
- * Return true if node has `className` defined in .extraClasses.
- *
- * @param {string} className class name (separate multiple classes by space)
- * @returns {boolean}
- *
- * @since 2.32
- */
- hasClass: function(className) {
- return (
- (" " + (this.extraClasses || "") + " ").indexOf(
- " " + className + " "
- ) >= 0
- );
- },
- /** Return true if node has keyboard focus.
- * @returns {boolean}
- */
- hasFocus: function() {
- return this.tree.hasFocus() && this.tree.focusNode === this;
- },
- /** Write to browser console if debugLevel >= 3 (prepending node info)
- *
- * @param {*} msg string or object or array of such
- */
- info: function(msg) {
- if (this.tree.options.debugLevel >= 3) {
- Array.prototype.unshift.call(arguments, this.toString());
- consoleApply("info", arguments);
- }
- },
- /** Return true if node is active (see also FancytreeNode#isSelected).
- * @returns {boolean}
- */
- isActive: function() {
- return this.tree.activeNode === this;
- },
- /** Return true if node is vertically below `otherNode`, i.e. rendered in a subsequent row.
- * @param {FancytreeNode} otherNode
- * @returns {boolean}
- * @since 2.28
- */
- isBelowOf: function(otherNode) {
- return this.getIndexHier(".", 5) > otherNode.getIndexHier(".", 5);
- },
- /** Return true if node is a direct child of otherNode.
- * @param {FancytreeNode} otherNode
- * @returns {boolean}
- */
- isChildOf: function(otherNode) {
- return this.parent && this.parent === otherNode;
- },
- /** Return true, if node is a direct or indirect sub node of otherNode.
- * @param {FancytreeNode} otherNode
- * @returns {boolean}
- */
- isDescendantOf: function(otherNode) {
- if (!otherNode || otherNode.tree !== this.tree) {
- return false;
- }
- var p = this.parent;
- while (p) {
- if (p === otherNode) {
- return true;
- }
- if (p === p.parent) {
- $.error("Recursive parent link: " + p);
- }
- p = p.parent;
- }
- return false;
- },
- /** Return true if node is expanded.
- * @returns {boolean}
- */
- isExpanded: function() {
- return !!this.expanded;
- },
- /** Return true if node is the first node of its parent's children.
- * @returns {boolean}
- */
- isFirstSibling: function() {
- var p = this.parent;
- return !p || p.children[0] === this;
- },
- /** Return true if node is a folder, i.e. has the node.folder attribute set.
- * @returns {boolean}
- */
- isFolder: function() {
- return !!this.folder;
- },
- /** Return true if node is the last node of its parent's children.
- * @returns {boolean}
- */
- isLastSibling: function() {
- var p = this.parent;
- return !p || p.children[p.children.length - 1] === this;
- },
- /** Return true if node is lazy (even if data was already loaded)
- * @returns {boolean}
- */
- isLazy: function() {
- return !!this.lazy;
- },
- /** Return true if node is lazy and loaded. For non-lazy nodes always return true.
- * @returns {boolean}
- */
- isLoaded: function() {
- return !this.lazy || this.hasChildren() !== undefined; // Also checks if the only child is a status node
- },
- /** Return true if children are currently beeing loaded, i.e. a Ajax request is pending.
- * @returns {boolean}
- */
- isLoading: function() {
- return !!this._isLoading;
- },
- /*
- * @deprecated since v2.4.0: Use isRootNode() instead
- */
- isRoot: function() {
- return this.isRootNode();
- },
- /** Return true if node is partially selected (tri-state).
- * @returns {boolean}
- * @since 2.23
- */
- isPartsel: function() {
- return !this.selected && !!this.partsel;
- },
- /** (experimental) Return true if this is partially loaded.
- * @returns {boolean}
- * @since 2.15
- */
- isPartload: function() {
- return !!this.partload;
- },
- /** Return true if this is the (invisible) system root node.
- * @returns {boolean}
- * @since 2.4
- */
- isRootNode: function() {
- return this.tree.rootNode === this;
- },
- /** Return true if node is selected, i.e. has a checkmark set (see also FancytreeNode#isActive).
- * @returns {boolean}
- */
- isSelected: function() {
- return !!this.selected;
- },
- /** Return true if this node is a temporarily generated system node like
- * 'loading', 'paging', or 'error' (node.statusNodeType contains the type).
- * @returns {boolean}
- */
- isStatusNode: function() {
- return !!this.statusNodeType;
- },
- /** Return true if this node is a status node of type 'paging'.
- * @returns {boolean}
- * @since 2.15
- */
- isPagingNode: function() {
- return this.statusNodeType === "paging";
- },
- /** Return true if this a top level node, i.e. a direct child of the (invisible) system root node.
- * @returns {boolean}
- * @since 2.4
- */
- isTopLevel: function() {
- return this.tree.rootNode === this.parent;
- },
- /** Return true if node is lazy and not yet loaded. For non-lazy nodes always return false.
- * @returns {boolean}
- */
- isUndefined: function() {
- return this.hasChildren() === undefined; // also checks if the only child is a status node
- },
- /** Return true if all parent nodes are expanded. Note: this does not check
- * whether the node is scrolled into the visible part of the screen.
- * @returns {boolean}
- */
- isVisible: function() {
- var i,
- l,
- n,
- hasFilter = this.tree.enableFilter,
- parents = this.getParentList(false, false);
- // TODO: check $(n.span).is(":visible")
- // i.e. return false for nodes (but not parents) that are hidden
- // by a filter
- if (hasFilter && !this.match && !this.subMatchCount) {
- // this.debug( "isVisible: HIDDEN (" + hasFilter + ", " + this.match + ", " + this.match + ")" );
- return false;
- }
- for (i = 0, l = parents.length; i < l; i++) {
- n = parents[i];
- if (!n.expanded) {
- // this.debug("isVisible: HIDDEN (parent collapsed)");
- return false;
- }
- // if (hasFilter && !n.match && !n.subMatchCount) {
- // this.debug("isVisible: HIDDEN (" + hasFilter + ", " + this.match + ", " + this.match + ")");
- // return false;
- // }
- }
- // this.debug("isVisible: VISIBLE");
- return true;
- },
- /** Deprecated.
- * @deprecated since 2014-02-16: use load() instead.
- */
- lazyLoad: function(discard) {
- $.error(
- "FancytreeNode.lazyLoad() is deprecated since 2014-02-16. Use .load() instead."
- );
- },
- /**
- * Load all children of a lazy node if neccessary. The <i>expanded</i> state is maintained.
- * @param {boolean} [forceReload=false] Pass true to discard any existing nodes before. Otherwise this method does nothing if the node was already loaded.
- * @returns {$.Promise}
- */
- load: function(forceReload) {
- var res,
- source,
- self = this,
- wasExpanded = this.isExpanded();
- _assert(this.isLazy(), "load() requires a lazy node");
- // _assert( forceReload || this.isUndefined(), "Pass forceReload=true to re-load a lazy node" );
- if (!forceReload && !this.isUndefined()) {
- return _getResolvedPromise(this);
- }
- if (this.isLoaded()) {
- this.resetLazy(); // also collapses
- }
- // This method is also called by setExpanded() and loadKeyPath(), so we
- // have to avoid recursion.
- source = this.tree._triggerNodeEvent("lazyLoad", this);
- if (source === false) {
- // #69
- return _getResolvedPromise(this);
- }
- _assert(
- typeof source !== "boolean",
- "lazyLoad event must return source in data.result"
- );
- res = this.tree._callHook("nodeLoadChildren", this, source);
- if (wasExpanded) {
- this.expanded = true;
- res.always(function() {
- self.render();
- });
- } else {
- res.always(function() {
- self.renderStatus(); // fix expander icon to 'loaded'
- });
- }
- return res;
- },
- /** Expand all parents and optionally scroll into visible area as neccessary.
- * Promise is resolved, when lazy loading and animations are done.
- * @param {object} [opts] passed to `setExpanded()`.
- * Defaults to {noAnimation: false, noEvents: false, scrollIntoView: true}
- * @returns {$.Promise}
- */
- makeVisible: function(opts) {
- var i,
- self = this,
- deferreds = [],
- dfd = new $.Deferred(),
- parents = this.getParentList(false, false),
- len = parents.length,
- effects = !(opts && opts.noAnimation === true),
- scroll = !(opts && opts.scrollIntoView === false);
- // Expand bottom-up, so only the top node is animated
- for (i = len - 1; i >= 0; i--) {
- // self.debug("pushexpand" + parents[i]);
- deferreds.push(parents[i].setExpanded(true, opts));
- }
- $.when.apply($, deferreds).done(function() {
- // All expands have finished
- // self.debug("expand DONE", scroll);
- if (scroll) {
- self.scrollIntoView(effects).done(function() {
- // self.debug("scroll DONE");
- dfd.resolve();
- });
- } else {
- dfd.resolve();
- }
- });
- return dfd.promise();
- },
- /** Move this node to targetNode.
- * @param {FancytreeNode} targetNode
- * @param {string} mode <pre>
- * 'child': append this node as last child of targetNode.
- * This is the default. To be compatble with the D'n'd
- * hitMode, we also accept 'over'.
- * 'firstChild': add this node as first child of targetNode.
- * 'before': add this node as sibling before targetNode.
- * 'after': add this node as sibling after targetNode.</pre>
- * @param {function} [map] optional callback(FancytreeNode) to allow modifcations
- */
- moveTo: function(targetNode, mode, map) {
- if (mode === undefined || mode === "over") {
- mode = "child";
- } else if (mode === "firstChild") {
- if (targetNode.children && targetNode.children.length) {
- mode = "before";
- targetNode = targetNode.children[0];
- } else {
- mode = "child";
- }
- }
- var pos,
- tree = this.tree,
- prevParent = this.parent,
- targetParent =
- mode === "child" ? targetNode : targetNode.parent;
- if (this === targetNode) {
- return;
- } else if (!this.parent) {
- $.error("Cannot move system root");
- } else if (targetParent.isDescendantOf(this)) {
- $.error("Cannot move a node to its own descendant");
- }
- if (targetParent !== prevParent) {
- prevParent.triggerModifyChild("remove", this);
- }
- // Unlink this node from current parent
- if (this.parent.children.length === 1) {
- if (this.parent === targetParent) {
- return; // #258
- }
- this.parent.children = this.parent.lazy ? [] : null;
- this.parent.expanded = false;
- } else {
- pos = $.inArray(this, this.parent.children);
- _assert(pos >= 0, "invalid source parent");
- this.parent.children.splice(pos, 1);
- }
- // Remove from source DOM parent
- // if(this.parent.ul){
- // this.parent.ul.removeChild(this.li);
- // }
- // Insert this node to target parent's child list
- this.parent = targetParent;
- if (targetParent.hasChildren()) {
- switch (mode) {
- case "child":
- // Append to existing target children
- targetParent.children.push(this);
- break;
- case "before":
- // Insert this node before target node
- pos = $.inArray(targetNode, targetParent.children);
- _assert(pos >= 0, "invalid target parent");
- targetParent.children.splice(pos, 0, this);
- break;
- case "after":
- // Insert this node after target node
- pos = $.inArray(targetNode, targetParent.children);
- _assert(pos >= 0, "invalid target parent");
- targetParent.children.splice(pos + 1, 0, this);
- break;
- default:
- $.error("Invalid mode " + mode);
- }
- } else {
- targetParent.children = [this];
- }
- // Parent has no <ul> tag yet:
- // if( !targetParent.ul ) {
- // // This is the parent's first child: create UL tag
- // // (Hidden, because it will be
- // targetParent.ul = document.createElement("ul");
- // targetParent.ul.style.display = "none";
- // targetParent.li.appendChild(targetParent.ul);
- // }
- // // Issue 319: Add to target DOM parent (only if node was already rendered(expanded))
- // if(this.li){
- // targetParent.ul.appendChild(this.li);
- // }
- // Let caller modify the nodes
- if (map) {
- targetNode.visit(map, true);
- }
- if (targetParent === prevParent) {
- targetParent.triggerModifyChild("move", this);
- } else {
- // prevParent.triggerModifyChild("remove", this);
- targetParent.triggerModifyChild("add", this);
- }
- // Handle cross-tree moves
- if (tree !== targetNode.tree) {
- // Fix node.tree for all source nodes
- // _assert(false, "Cross-tree move is not yet implemented.");
- this.warn("Cross-tree moveTo is experimental!");
- this.visit(function(n) {
- // TODO: fix selection state and activation, ...
- n.tree = targetNode.tree;
- }, true);
- }
- // A collaposed node won't re-render children, so we have to remove it manually
- // if( !targetParent.expanded ){
- // prevParent.ul.removeChild(this.li);
- // }
- tree._callHook("treeStructureChanged", tree, "moveTo");
- // Update HTML markup
- if (!prevParent.isDescendantOf(targetParent)) {
- prevParent.render();
- }
- if (
- !targetParent.isDescendantOf(prevParent) &&
- targetParent !== prevParent
- ) {
- targetParent.render();
- }
- // TODO: fix selection state
- // TODO: fix active state
- /*
- var tree = this.tree;
- var opts = tree.options;
- var pers = tree.persistence;
- // Always expand, if it's below minExpandLevel
- // tree.logDebug ("%s._addChildNode(%o), l=%o", this, ftnode, ftnode.getLevel());
- if ( opts.minExpandLevel >= ftnode.getLevel() ) {
- // tree.logDebug ("Force expand for %o", ftnode);
- this.bExpanded = true;
- }
- // In multi-hier mode, update the parents selection state
- // DT issue #82: only if not initializing, because the children may not exist yet
- // if( !ftnode.data.isStatusNode() && opts.selectMode==3 && !isInitializing )
- // ftnode._fixSelectionState();
- // In multi-hier mode, update the parents selection state
- if( ftnode.bSelected && opts.selectMode==3 ) {
- var p = this;
- while( p ) {
- if( !p.hasSubSel )
- p._setSubSel(true);
- p = p.parent;
- }
- }
- // render this node and the new child
- if ( tree.bEnableUpdate )
- this.render();
- return ftnode;
- */
- },
- /** Set focus relative to this node and optionally activate.
- *
- * 'left' collapses the node if it is expanded, or move to the parent
- * otherwise.
- * 'right' expands the node if it is collapsed, or move to the first
- * child otherwise.
- *
- * @param {string|number} where 'down', 'first', 'last', 'left', 'parent', 'right', or 'up'.
- * (Alternatively the keyCode that would normally trigger this move,
- * e.g. `$.ui.keyCode.LEFT` = 'left'.
- * @param {boolean} [activate=true]
- * @returns {$.Promise}
- */
- navigate: function(where, activate) {
- var node,
- KC = $.ui.keyCode;
- // Handle optional expand/collapse action for LEFT/RIGHT
- switch (where) {
- case "left":
- case KC.LEFT:
- if (this.expanded) {
- return this.setExpanded(false);
- }
- break;
- case "right":
- case KC.RIGHT:
- if (!this.expanded && (this.children || this.lazy)) {
- return this.setExpanded();
- }
- break;
- }
- // Otherwise activate or focus the related node
- node = this.findRelatedNode(where);
- if (node) {
- // setFocus/setActive will scroll later (if autoScroll is specified)
- try {
- node.makeVisible({ scrollIntoView: false });
- } catch (e) {} // #272
- if (activate === false) {
- node.setFocus();
- return _getResolvedPromise();
- }
- return node.setActive();
- }
- this.warn("Could not find related node '" + where + "'.");
- return _getResolvedPromise();
- },
- /**
- * Remove this node (not allowed for system root).
- */
- remove: function() {
- return this.parent.removeChild(this);
- },
- /**
- * Remove childNode from list of direct children.
- * @param {FancytreeNode} childNode
- */
- removeChild: function(childNode) {
- return this.tree._callHook("nodeRemoveChild", this, childNode);
- },
- /**
- * Remove all child nodes and descendents. This converts the node into a leaf.<br>
- * If this was a lazy node, it is still considered 'loaded'; call node.resetLazy()
- * in order to trigger lazyLoad on next expand.
- */
- removeChildren: function() {
- return this.tree._callHook("nodeRemoveChildren", this);
- },
- /**
- * Remove class from node's span tag and .extraClasses.
- *
- * @param {string} className class name
- *
- * @since 2.17
- */
- removeClass: function(className) {
- return this.toggleClass(className, false);
- },
- /**
- * This method renders and updates all HTML markup that is required
- * to display this node in its current state.<br>
- * Note:
- * <ul>
- * <li>It should only be neccessary to call this method after the node object
- * was modified by direct access to its properties, because the common
- * API methods (node.setTitle(), moveTo(), addChildren(), remove(), ...)
- * already handle this.
- * <li> {@link FancytreeNode#renderTitle} and {@link FancytreeNode#renderStatus}
- * are implied. If changes are more local, calling only renderTitle() or
- * renderStatus() may be sufficient and faster.
- * </ul>
- *
- * @param {boolean} [force=false] re-render, even if html markup was already created
- * @param {boolean} [deep=false] also render all descendants, even if parent is collapsed
- */
- render: function(force, deep) {
- return this.tree._callHook("nodeRender", this, force, deep);
- },
- /** Create HTML markup for the node's outer `<span>` (expander, checkbox, icon, and title).
- * Implies {@link FancytreeNode#renderStatus}.
- * @see Fancytree_Hooks#nodeRenderTitle
- */
- renderTitle: function() {
- return this.tree._callHook("nodeRenderTitle", this);
- },
- /** Update element's CSS classes according to node state.
- * @see Fancytree_Hooks#nodeRenderStatus
- */
- renderStatus: function() {
- return this.tree._callHook("nodeRenderStatus", this);
- },
- /**
- * (experimental) Replace this node with `source`.
- * (Currently only available for paging nodes.)
- * @param {NodeData[]} source List of child node definitions
- * @since 2.15
- */
- replaceWith: function(source) {
- var res,
- parent = this.parent,
- pos = $.inArray(this, parent.children),
- self = this;
- _assert(
- this.isPagingNode(),
- "replaceWith() currently requires a paging status node"
- );
- res = this.tree._callHook("nodeLoadChildren", this, source);
- res.done(function(data) {
- // New nodes are currently children of `this`.
- var children = self.children;
- // Prepend newly loaded child nodes to `this`
- // Move new children after self
- for (i = 0; i < children.length; i++) {
- children[i].parent = parent;
- }
- parent.children.splice.apply(
- parent.children,
- [pos + 1, 0].concat(children)
- );
- // Remove self
- self.children = null;
- self.remove();
- // Redraw new nodes
- parent.render();
- // TODO: set node.partload = false if this was tha last paging node?
- // parent.addPagingNode(false);
- }).fail(function() {
- self.setExpanded();
- });
- return res;
- // $.error("Not implemented: replaceWith()");
- },
- /**
- * Remove all children, collapse, and set the lazy-flag, so that the lazyLoad
- * event is triggered on next expand.
- */
- resetLazy: function() {
- this.removeChildren();
- this.expanded = false;
- this.lazy = true;
- this.children = undefined;
- this.renderStatus();
- },
- /** Schedule activity for delayed execution (cancel any pending request).
- * scheduleAction('cancel') will only cancel a pending request (if any).
- * @param {string} mode
- * @param {number} ms
- */
- scheduleAction: function(mode, ms) {
- if (this.tree.timer) {
- clearTimeout(this.tree.timer);
- this.tree.debug("clearTimeout(%o)", this.tree.timer);
- }
- this.tree.timer = null;
- var self = this; // required for closures
- switch (mode) {
- case "cancel":
- // Simply made sure that timer was cleared
- break;
- case "expand":
- this.tree.timer = setTimeout(function() {
- self.tree.debug("setTimeout: trigger expand");
- self.setExpanded(true);
- }, ms);
- break;
- case "activate":
- this.tree.timer = setTimeout(function() {
- self.tree.debug("setTimeout: trigger activate");
- self.setActive(true);
- }, ms);
- break;
- default:
- $.error("Invalid mode " + mode);
- }
- // this.tree.debug("setTimeout(%s, %s): %s", mode, ms, this.tree.timer);
- },
- /**
- *
- * @param {boolean | PlainObject} [effects=false] animation options.
- * @param {object} [options=null] {topNode: null, effects: ..., parent: ...} this node will remain visible in
- * any case, even if `this` is outside the scroll pane.
- * @returns {$.Promise}
- */
- scrollIntoView: function(effects, options) {
- if (options !== undefined && _isNode(options)) {
- throw Error(
- "scrollIntoView() with 'topNode' option is deprecated since 2014-05-08. Use 'options.topNode' instead."
- );
- }
- // The scroll parent is typically the plain tree's <UL> container.
- // For ext-table, we choose the nearest parent that has `position: relative`
- // and `overflow` set.
- // (This default can be overridden by the local or global `scrollParent` option.)
- var opts = $.extend(
- {
- effects:
- effects === true
- ? { duration: 200, queue: false }
- : effects,
- scrollOfs: this.tree.options.scrollOfs,
- scrollParent: this.tree.options.scrollParent,
- topNode: null,
- },
- options
- ),
- $scrollParent = opts.scrollParent,
- $container = this.tree.$container,
- overflowY = $container.css("overflow-y");
- if (!$scrollParent) {
- if (this.tree.tbody) {
- $scrollParent = $container.scrollParent();
- } else if (overflowY === "scroll" || overflowY === "auto") {
- $scrollParent = $container;
- } else {
- // #922 plain tree in a non-fixed-sized UL scrolls inside its parent
- $scrollParent = $container.scrollParent();
- }
- } else if (!$scrollParent.jquery) {
- // Make sure we have a jQuery object
- $scrollParent = $($scrollParent);
- }
- if (
- $scrollParent[0] === document ||
- $scrollParent[0] === document.body
- ) {
- // `document` may be returned by $().scrollParent(), if nothing is found,
- // but would not work: (see #894)
- this.debug(
- "scrollIntoView(): normalizing scrollParent to 'window':",
- $scrollParent[0]
- );
- $scrollParent = $(window);
- }
- // eslint-disable-next-line one-var
- var topNodeY,
- nodeY,
- horzScrollbarHeight,
- containerOffsetTop,
- dfd = new $.Deferred(),
- self = this,
- nodeHeight = $(this.span).height(),
- topOfs = opts.scrollOfs.top || 0,
- bottomOfs = opts.scrollOfs.bottom || 0,
- containerHeight = $scrollParent.height(),
- scrollTop = $scrollParent.scrollTop(),
- $animateTarget = $scrollParent,
- isParentWindow = $scrollParent[0] === window,
- topNode = opts.topNode || null,
- newScrollTop = null;
- // this.debug("scrollIntoView(), scrollTop=" + scrollTop, opts.scrollOfs);
- // _assert($(this.span).is(":visible"), "scrollIntoView node is invisible"); // otherwise we cannot calc offsets
- if (this.isRootNode() || !this.isVisible()) {
- // We cannot calc offsets for hidden elements
- this.info("scrollIntoView(): node is invisible.");
- return _getResolvedPromise();
- }
- if (isParentWindow) {
- nodeY = $(this.span).offset().top;
- topNodeY =
- topNode && topNode.span ? $(topNode.span).offset().top : 0;
- $animateTarget = $("html,body");
- } else {
- _assert(
- $scrollParent[0] !== document &&
- $scrollParent[0] !== document.body,
- "scrollParent should be a simple element or `window`, not document or body."
- );
- containerOffsetTop = $scrollParent.offset().top;
- nodeY =
- $(this.span).offset().top - containerOffsetTop + scrollTop; // relative to scroll parent
- topNodeY = topNode
- ? $(topNode.span).offset().top -
- containerOffsetTop +
- scrollTop
- : 0;
- horzScrollbarHeight = Math.max(
- 0,
- $scrollParent.innerHeight() - $scrollParent[0].clientHeight
- );
- containerHeight -= horzScrollbarHeight;
- }
- // this.debug(" scrollIntoView(), nodeY=" + nodeY + ", containerHeight=" + containerHeight);
- if (nodeY < scrollTop + topOfs) {
- // Node is above visible container area
- newScrollTop = nodeY - topOfs;
- // this.debug(" scrollIntoView(), UPPER newScrollTop=" + newScrollTop);
- } else if (
- nodeY + nodeHeight >
- scrollTop + containerHeight - bottomOfs
- ) {
- newScrollTop = nodeY + nodeHeight - containerHeight + bottomOfs;
- // this.debug(" scrollIntoView(), LOWER newScrollTop=" + newScrollTop);
- // If a topNode was passed, make sure that it is never scrolled
- // outside the upper border
- if (topNode) {
- _assert(
- topNode.isRootNode() || topNode.isVisible(),
- "topNode must be visible"
- );
- if (topNodeY < newScrollTop) {
- newScrollTop = topNodeY - topOfs;
- // this.debug(" scrollIntoView(), TOP newScrollTop=" + newScrollTop);
- }
- }
- }
- if (newScrollTop === null) {
- dfd.resolveWith(this);
- } else {
- // this.debug(" scrollIntoView(), SET newScrollTop=" + newScrollTop);
- if (opts.effects) {
- opts.effects.complete = function() {
- dfd.resolveWith(self);
- };
- $animateTarget.stop(true).animate(
- {
- scrollTop: newScrollTop,
- },
- opts.effects
- );
- } else {
- $animateTarget[0].scrollTop = newScrollTop;
- dfd.resolveWith(this);
- }
- }
- return dfd.promise();
- },
- /**Activate this node.
- *
- * The `cell` option requires the ext-table and ext-ariagrid extensions.
- *
- * @param {boolean} [flag=true] pass false to deactivate
- * @param {object} [opts] additional options. Defaults to {noEvents: false, noFocus: false, cell: null}
- * @returns {$.Promise}
- */
- setActive: function(flag, opts) {
- return this.tree._callHook("nodeSetActive", this, flag, opts);
- },
- /**Expand or collapse this node. Promise is resolved, when lazy loading and animations are done.
- * @param {boolean} [flag=true] pass false to collapse
- * @param {object} [opts] additional options. Defaults to {noAnimation: false, noEvents: false}
- * @returns {$.Promise}
- */
- setExpanded: function(flag, opts) {
- return this.tree._callHook("nodeSetExpanded", this, flag, opts);
- },
- /**Set keyboard focus to this node.
- * @param {boolean} [flag=true] pass false to blur
- * @see Fancytree#setFocus
- */
- setFocus: function(flag) {
- return this.tree._callHook("nodeSetFocus", this, flag);
- },
- /**Select this node, i.e. check the checkbox.
- * @param {boolean} [flag=true] pass false to deselect
- * @param {object} [opts] additional options. Defaults to {noEvents: false, p
- * propagateDown: null, propagateUp: null, callback: null }
- */
- setSelected: function(flag, opts) {
- return this.tree._callHook("nodeSetSelected", this, flag, opts);
- },
- /**Mark a lazy node as 'error', 'loading', 'nodata', or 'ok'.
- * @param {string} status 'error'|'loading'|'nodata'|'ok'
- * @param {string} [message]
- * @param {string} [details]
- */
- setStatus: function(status, message, details) {
- return this.tree._callHook(
- "nodeSetStatus",
- this,
- status,
- message,
- details
- );
- },
- /**Rename this node.
- * @param {string} title
- */
- setTitle: function(title) {
- this.title = title;
- this.renderTitle();
- this.triggerModify("rename");
- },
- /**Sort child list by title.
- * @param {function} [cmp] custom compare function(a, b) that returns -1, 0, or 1 (defaults to sort by title).
- * @param {boolean} [deep=false] pass true to sort all descendant nodes
- */
- sortChildren: function(cmp, deep) {
- var i,
- l,
- cl = this.children;
- if (!cl) {
- return;
- }
- cmp =
- cmp ||
- function(a, b) {
- var x = a.title.toLowerCase(),
- y = b.title.toLowerCase();
- // eslint-disable-next-line no-nested-ternary
- return x === y ? 0 : x > y ? 1 : -1;
- };
- cl.sort(cmp);
- if (deep) {
- for (i = 0, l = cl.length; i < l; i++) {
- if (cl[i].children) {
- cl[i].sortChildren(cmp, "$norender$");
- }
- }
- }
- if (deep !== "$norender$") {
- this.render();
- }
- this.triggerModifyChild("sort");
- },
- /** Convert node (or whole branch) into a plain object.
- *
- * The result is compatible with node.addChildren().
- *
- * @param {boolean} [recursive=false] include child nodes
- * @param {function} [callback] callback(dict, node) is called for every node, in order to allow modifications.
- * Return `false` to ignore this node or `"skip"` to include this node without its children.
- * @returns {NodeData}
- */
- toDict: function(recursive, callback) {
- var i,
- l,
- node,
- res,
- dict = {},
- self = this;
- $.each(NODE_ATTRS, function(i, a) {
- if (self[a] || self[a] === false) {
- dict[a] = self[a];
- }
- });
- if (!$.isEmptyObject(this.data)) {
- dict.data = $.extend({}, this.data);
- if ($.isEmptyObject(dict.data)) {
- delete dict.data;
- }
- }
- if (callback) {
- res = callback(dict, self);
- if (res === false) {
- return false; // Don't include this node nor its children
- }
- if (res === "skip") {
- recursive = false; // Include this node, but not the children
- }
- }
- if (recursive) {
- if ($.isArray(this.children)) {
- dict.children = [];
- for (i = 0, l = this.children.length; i < l; i++) {
- node = this.children[i];
- if (!node.isStatusNode()) {
- res = node.toDict(true, callback);
- if (res !== false) {
- dict.children.push(res);
- }
- }
- }
- }
- }
- return dict;
- },
- /**
- * Set, clear, or toggle class of node's span tag and .extraClasses.
- *
- * @param {string} className class name (separate multiple classes by space)
- * @param {boolean} [flag] true/false to add/remove class. If omitted, class is toggled.
- * @returns {boolean} true if a class was added
- *
- * @since 2.17
- */
- toggleClass: function(value, flag) {
- var className,
- hasClass,
- rnotwhite = /\S+/g,
- classNames = value.match(rnotwhite) || [],
- i = 0,
- wasAdded = false,
- statusElem = this[this.tree.statusClassPropName],
- curClasses = " " + (this.extraClasses || "") + " ";
- // this.info("toggleClass('" + value + "', " + flag + ")", curClasses);
- // Modify DOM element directly if it already exists
- if (statusElem) {
- $(statusElem).toggleClass(value, flag);
- }
- // Modify node.extraClasses to make this change persistent
- // Toggle if flag was not passed
- while ((className = classNames[i++])) {
- hasClass = curClasses.indexOf(" " + className + " ") >= 0;
- flag = flag === undefined ? !hasClass : !!flag;
- if (flag) {
- if (!hasClass) {
- curClasses += className + " ";
- wasAdded = true;
- }
- } else {
- while (curClasses.indexOf(" " + className + " ") > -1) {
- curClasses = curClasses.replace(
- " " + className + " ",
- " "
- );
- }
- }
- }
- this.extraClasses = $.trim(curClasses);
- // this.info("-> toggleClass('" + value + "', " + flag + "): '" + this.extraClasses + "'");
- return wasAdded;
- },
- /** Flip expanded status. */
- toggleExpanded: function() {
- return this.tree._callHook("nodeToggleExpanded", this);
- },
- /** Flip selection status. */
- toggleSelected: function() {
- return this.tree._callHook("nodeToggleSelected", this);
- },
- toString: function() {
- return "FancytreeNode@" + this.key + "[title='" + this.title + "']";
- // return "<FancytreeNode(#" + this.key + ", '" + this.title + "')>";
- },
- /**
- * Trigger `modifyChild` event on a parent to signal that a child was modified.
- * @param {string} operation Type of change: 'add', 'remove', 'rename', 'move', 'data', ...
- * @param {FancytreeNode} [childNode]
- * @param {object} [extra]
- */
- triggerModifyChild: function(operation, childNode, extra) {
- var data,
- modifyChild = this.tree.options.modifyChild;
- if (modifyChild) {
- if (childNode && childNode.parent !== this) {
- $.error(
- "childNode " + childNode + " is not a child of " + this
- );
- }
- data = {
- node: this,
- tree: this.tree,
- operation: operation,
- childNode: childNode || null,
- };
- if (extra) {
- $.extend(data, extra);
- }
- modifyChild({ type: "modifyChild" }, data);
- }
- },
- /**
- * Trigger `modifyChild` event on node.parent(!).
- * @param {string} operation Type of change: 'add', 'remove', 'rename', 'move', 'data', ...
- * @param {object} [extra]
- */
- triggerModify: function(operation, extra) {
- this.parent.triggerModifyChild(operation, this, extra);
- },
- /** Call fn(node) for all child nodes in hierarchical order (depth-first).<br>
- * Stop iteration, if fn() returns false. Skip current branch, if fn() returns "skip".<br>
- * Return false if iteration was stopped.
- *
- * @param {function} fn the callback function.
- * Return false to stop iteration, return "skip" to skip this node and
- * its children only.
- * @param {boolean} [includeSelf=false]
- * @returns {boolean}
- */
- visit: function(fn, includeSelf) {
- var i,
- l,
- res = true,
- children = this.children;
- if (includeSelf === true) {
- res = fn(this);
- if (res === false || res === "skip") {
- return res;
- }
- }
- if (children) {
- for (i = 0, l = children.length; i < l; i++) {
- res = children[i].visit(fn, true);
- if (res === false) {
- break;
- }
- }
- }
- return res;
- },
- /** Call fn(node) for all child nodes and recursively load lazy children.<br>
- * <b>Note:</b> If you need this method, you probably should consider to review
- * your architecture! Recursivley loading nodes is a perfect way for lazy
- * programmers to flood the server with requests ;-)
- *
- * @param {function} [fn] optional callback function.
- * Return false to stop iteration, return "skip" to skip this node and
- * its children only.
- * @param {boolean} [includeSelf=false]
- * @returns {$.Promise}
- * @since 2.4
- */
- visitAndLoad: function(fn, includeSelf, _recursion) {
- var dfd,
- res,
- loaders,
- node = this;
- // node.debug("visitAndLoad");
- if (fn && includeSelf === true) {
- res = fn(node);
- if (res === false || res === "skip") {
- return _recursion ? res : _getResolvedPromise();
- }
- }
- if (!node.children && !node.lazy) {
- return _getResolvedPromise();
- }
- dfd = new $.Deferred();
- loaders = [];
- // node.debug("load()...");
- node.load().done(function() {
- // node.debug("load()... done.");
- for (var i = 0, l = node.children.length; i < l; i++) {
- res = node.children[i].visitAndLoad(fn, true, true);
- if (res === false) {
- dfd.reject();
- break;
- } else if (res !== "skip") {
- loaders.push(res); // Add promise to the list
- }
- }
- $.when.apply(this, loaders).then(function() {
- dfd.resolve();
- });
- });
- return dfd.promise();
- },
- /** Call fn(node) for all parent nodes, bottom-up, including invisible system root.<br>
- * Stop iteration, if fn() returns false.<br>
- * Return false if iteration was stopped.
- *
- * @param {function} fn the callback function.
- * Return false to stop iteration, return "skip" to skip this node and children only.
- * @param {boolean} [includeSelf=false]
- * @returns {boolean}
- */
- visitParents: function(fn, includeSelf) {
- // Visit parent nodes (bottom up)
- if (includeSelf && fn(this) === false) {
- return false;
- }
- var p = this.parent;
- while (p) {
- if (fn(p) === false) {
- return false;
- }
- p = p.parent;
- }
- return true;
- },
- /** Call fn(node) for all sibling nodes.<br>
- * Stop iteration, if fn() returns false.<br>
- * Return false if iteration was stopped.
- *
- * @param {function} fn the callback function.
- * Return false to stop iteration.
- * @param {boolean} [includeSelf=false]
- * @returns {boolean}
- */
- visitSiblings: function(fn, includeSelf) {
- var i,
- l,
- n,
- ac = this.parent.children;
- for (i = 0, l = ac.length; i < l; i++) {
- n = ac[i];
- if (includeSelf || n !== this) {
- if (fn(n) === false) {
- return false;
- }
- }
- }
- return true;
- },
- /** Write warning to browser console if debugLevel >= 2 (prepending node info)
- *
- * @param {*} msg string or object or array of such
- */
- warn: function(msg) {
- if (this.tree.options.debugLevel >= 2) {
- Array.prototype.unshift.call(arguments, this.toString());
- consoleApply("warn", arguments);
- }
- },
- };
- /******************************************************************************
- * Fancytree
- */
- /**
- * Construct a new tree object.
- *
- * @class Fancytree
- * @classdesc The controller behind a fancytree.
- * This class also contains 'hook methods': see {@link Fancytree_Hooks}.
- *
- * @param {Widget} widget
- *
- * @property {string} _id Automatically generated unique tree instance ID, e.g. "1".
- * @property {string} _ns Automatically generated unique tree namespace, e.g. ".fancytree-1".
- * @property {FancytreeNode} activeNode Currently active node or null.
- * @property {string} ariaPropName Property name of FancytreeNode that contains the element which will receive the aria attributes.
- * Typically "li", but "tr" for table extension.
- * @property {jQueryObject} $container Outer `<ul>` element (or `<table>` element for ext-table).
- * @property {jQueryObject} $div A jQuery object containing the element used to instantiate the tree widget (`widget.element`)
- * @property {object|array} columns Recommended place to store shared column meta data. @since 2.27
- * @property {object} data Metadata, i.e. properties that may be passed to `source` in addition to a children array.
- * @property {object} ext Hash of all active plugin instances.
- * @property {FancytreeNode} focusNode Currently focused node or null.
- * @property {FancytreeNode} lastSelectedNode Used to implement selectMode 1 (single select)
- * @property {string} nodeContainerAttrName Property name of FancytreeNode that contains the outer element of single nodes.
- * Typically "li", but "tr" for table extension.
- * @property {FancytreeOptions} options Current options, i.e. default options + options passed to constructor.
- * @property {FancytreeNode} rootNode Invisible system root node.
- * @property {string} statusClassPropName Property name of FancytreeNode that contains the element which will receive the status classes.
- * Typically "span", but "tr" for table extension.
- * @property {object} types Map for shared type specific meta data, used with node.type attribute. @since 2.27
- * @property {object} viewport See ext-vieport. @since v2.31
- * @property {object} widget Base widget instance.
- */
- function Fancytree(widget) {
- this.widget = widget;
- this.$div = widget.element;
- this.options = widget.options;
- if (this.options) {
- if (this.options.lazyload !== undefined) {
- $.error(
- "The 'lazyload' event is deprecated since 2014-02-25. Use 'lazyLoad' (with uppercase L) instead."
- );
- }
- if (this.options.loaderror !== undefined) {
- $.error(
- "The 'loaderror' event was renamed since 2014-07-03. Use 'loadError' (with uppercase E) instead."
- );
- }
- if (this.options.fx !== undefined) {
- $.error(
- "The 'fx' option was replaced by 'toggleEffect' since 2014-11-30."
- );
- }
- if (this.options.removeNode !== undefined) {
- $.error(
- "The 'removeNode' event was replaced by 'modifyChild' since 2.20 (2016-09-10)."
- );
- }
- }
- this.ext = {}; // Active extension instances
- this.types = {};
- this.columns = {};
- // allow to init tree.data.foo from <div data-foo=''>
- this.data = _getElementDataAsDict(this.$div);
- // TODO: use widget.uuid instead?
- this._id = "" + (this.options.treeId || $.ui.fancytree._nextId++);
- // TODO: use widget.eventNamespace instead?
- this._ns = ".fancytree-" + this._id; // append for namespaced events
- this.activeNode = null;
- this.focusNode = null;
- this._hasFocus = null;
- this._tempCache = {};
- this._lastMousedownNode = null;
- this._enableUpdate = true;
- this.lastSelectedNode = null;
- this.systemFocusElement = null;
- this.lastQuicksearchTerm = "";
- this.lastQuicksearchTime = 0;
- this.viewport = null; // ext-grid
- this.statusClassPropName = "span";
- this.ariaPropName = "li";
- this.nodeContainerAttrName = "li";
- // Remove previous markup if any
- this.$div.find(">ul.fancytree-container").remove();
- // Create a node without parent.
- var fakeParent = { tree: this },
- $ul;
- this.rootNode = new FancytreeNode(fakeParent, {
- title: "root",
- key: "root_" + this._id,
- children: null,
- expanded: true,
- });
- this.rootNode.parent = null;
- // Create root markup
- $ul = $("<ul>", {
- id: "ft-id-" + this._id,
- class: "ui-fancytree fancytree-container fancytree-plain",
- }).appendTo(this.$div);
- this.$container = $ul;
- this.rootNode.ul = $ul[0];
- if (this.options.debugLevel == null) {
- this.options.debugLevel = FT.debugLevel;
- }
- // // Add container to the TAB chain
- // // See http://www.w3.org/TR/wai-aria-practices/#focus_activedescendant
- // // #577: Allow to set tabindex to "0", "-1" and ""
- // this.$container.attr("tabindex", this.options.tabindex);
- // if( this.options.rtl ) {
- // this.$container.attr("DIR", "RTL").addClass("fancytree-rtl");
- // // }else{
- // // this.$container.attr("DIR", null).removeClass("fancytree-rtl");
- // }
- // if(this.options.aria){
- // this.$container.attr("role", "tree");
- // if( this.options.selectMode !== 1 ) {
- // this.$container.attr("aria-multiselectable", true);
- // }
- // }
- }
- Fancytree.prototype = /** @lends Fancytree# */ {
- /* Return a context object that can be re-used for _callHook().
- * @param {Fancytree | FancytreeNode | EventData} obj
- * @param {Event} originalEvent
- * @param {Object} extra
- * @returns {EventData}
- */
- _makeHookContext: function(obj, originalEvent, extra) {
- var ctx, tree;
- if (obj.node !== undefined) {
- // obj is already a context object
- if (originalEvent && obj.originalEvent !== originalEvent) {
- $.error("invalid args");
- }
- ctx = obj;
- } else if (obj.tree) {
- // obj is a FancytreeNode
- tree = obj.tree;
- ctx = {
- node: obj,
- tree: tree,
- widget: tree.widget,
- options: tree.widget.options,
- originalEvent: originalEvent,
- typeInfo: tree.types[obj.type] || {},
- };
- } else if (obj.widget) {
- // obj is a Fancytree
- ctx = {
- node: null,
- tree: obj,
- widget: obj.widget,
- options: obj.widget.options,
- originalEvent: originalEvent,
- };
- } else {
- $.error("invalid args");
- }
- if (extra) {
- $.extend(ctx, extra);
- }
- return ctx;
- },
- /* Trigger a hook function: funcName(ctx, [...]).
- *
- * @param {string} funcName
- * @param {Fancytree|FancytreeNode|EventData} contextObject
- * @param {any} [_extraArgs] optional additional arguments
- * @returns {any}
- */
- _callHook: function(funcName, contextObject, _extraArgs) {
- var ctx = this._makeHookContext(contextObject),
- fn = this[funcName],
- args = Array.prototype.slice.call(arguments, 2);
- if (!$.isFunction(fn)) {
- $.error("_callHook('" + funcName + "') is not a function");
- }
- args.unshift(ctx);
- // this.debug("_hook", funcName, ctx.node && ctx.node.toString() || ctx.tree.toString(), args);
- return fn.apply(this, args);
- },
- _setExpiringValue: function(key, value, ms) {
- this._tempCache[key] = {
- value: value,
- expire: Date.now() + (+ms || 50),
- };
- },
- _getExpiringValue: function(key) {
- var entry = this._tempCache[key];
- if (entry && entry.expire > Date.now()) {
- return entry.value;
- }
- delete this._tempCache[key];
- return null;
- },
- /* Check if this tree has extension `name` enabled.
- *
- * @param {string} name name of the required extension
- */
- _usesExtension: function(name) {
- return $.inArray(name, this.options.extensions) >= 0;
- },
- /* Check if current extensions dependencies are met and throw an error if not.
- *
- * This method may be called inside the `treeInit` hook for custom extensions.
- *
- * @param {string} name name of the required extension
- * @param {boolean} [required=true] pass `false` if the extension is optional, but we want to check for order if it is present
- * @param {boolean} [before] `true` if `name` must be included before this, `false` otherwise (use `null` if order doesn't matter)
- * @param {string} [message] optional error message (defaults to a descriptve error message)
- */
- _requireExtension: function(name, required, before, message) {
- if (before != null) {
- before = !!before;
- }
- var thisName = this._local.name,
- extList = this.options.extensions,
- isBefore =
- $.inArray(name, extList) < $.inArray(thisName, extList),
- isMissing = required && this.ext[name] == null,
- badOrder = !isMissing && before != null && before !== isBefore;
- _assert(
- thisName && thisName !== name,
- "invalid or same name '" + thisName + "' (require yourself?)"
- );
- if (isMissing || badOrder) {
- if (!message) {
- if (isMissing || required) {
- message =
- "'" +
- thisName +
- "' extension requires '" +
- name +
- "'";
- if (badOrder) {
- message +=
- " to be registered " +
- (before ? "before" : "after") +
- " itself";
- }
- } else {
- message =
- "If used together, `" +
- name +
- "` must be registered " +
- (before ? "before" : "after") +
- " `" +
- thisName +
- "`";
- }
- }
- $.error(message);
- return false;
- }
- return true;
- },
- /** Activate node with a given key and fire focus and activate events.
- *
- * A previously activated node will be deactivated.
- * If activeVisible option is set, all parents will be expanded as necessary.
- * Pass key = false, to deactivate the current node only.
- * @param {string} key
- * @param {object} [opts] additional options. Defaults to {noEvents: false, noFocus: false}
- * @returns {FancytreeNode} activated node (null, if not found)
- */
- activateKey: function(key, opts) {
- var node = this.getNodeByKey(key);
- if (node) {
- node.setActive(true, opts);
- } else if (this.activeNode) {
- this.activeNode.setActive(false, opts);
- }
- return node;
- },
- /** (experimental) Add child status nodes that indicate 'More...', ....
- * @param {boolean|object} node optional node definition. Pass `false` to remove all paging nodes.
- * @param {string} [mode='append'] 'child'|firstChild'
- * @since 2.15
- */
- addPagingNode: function(node, mode) {
- return this.rootNode.addPagingNode(node, mode);
- },
- /**
- * (experimental) Apply a modification (or navigation) operation.
- *
- * Valid commands:
- * - 'moveUp', 'moveDown'
- * - 'indent', 'outdent'
- * - 'remove'
- * - 'edit', 'addChild', 'addSibling': (reqires ext-edit extension)
- * - 'cut', 'copy', 'paste': (use an internal singleton 'clipboard')
- * - 'down', 'first', 'last', 'left', 'parent', 'right', 'up': navigate
- *
- * @param {string} cmd
- * @param {FancytreeNode} [node=active_node]
- * @param {object} [opts] Currently unused
- *
- * @since 2.32
- */
- applyCommand: function(cmd, node, opts_) {
- var // clipboard,
- refNode;
- // opts = $.extend(
- // { setActive: true, clipboard: CLIPBOARD },
- // opts_
- // );
- node = node || this.getActiveNode();
- // clipboard = opts.clipboard;
- switch (cmd) {
- // Sorting and indentation:
- case "moveUp":
- refNode = node.getPrevSibling();
- if (refNode) {
- node.moveTo(refNode, "before");
- node.setActive();
- }
- break;
- case "moveDown":
- refNode = node.getNextSibling();
- if (refNode) {
- node.moveTo(refNode, "after");
- node.setActive();
- }
- break;
- case "indent":
- refNode = node.getPrevSibling();
- if (refNode) {
- node.moveTo(refNode, "child");
- refNode.setExpanded();
- node.setActive();
- }
- break;
- case "outdent":
- if (!node.isTopLevel()) {
- node.moveTo(node.getParent(), "after");
- node.setActive();
- }
- break;
- // Remove:
- case "remove":
- refNode = node.getPrevSibling() || node.getParent();
- node.remove();
- if (refNode) {
- refNode.setActive();
- }
- break;
- // Add, edit (requires ext-edit):
- case "addChild":
- node.editCreateNode("child", "");
- break;
- case "addSibling":
- node.editCreateNode("after", "");
- break;
- case "rename":
- node.editStart();
- break;
- // Simple clipboard simulation:
- // case "cut":
- // clipboard = { mode: cmd, data: node };
- // break;
- // case "copy":
- // clipboard = {
- // mode: cmd,
- // data: node.toDict(function(d, n) {
- // delete d.key;
- // }),
- // };
- // break;
- // case "clear":
- // clipboard = null;
- // break;
- // case "paste":
- // if (clipboard.mode === "cut") {
- // // refNode = node.getPrevSibling();
- // clipboard.data.moveTo(node, "child");
- // clipboard.data.setActive();
- // } else if (clipboard.mode === "copy") {
- // node.addChildren(clipboard.data).setActive();
- // }
- // break;
- // Navigation commands:
- case "down":
- case "first":
- case "last":
- case "left":
- case "parent":
- case "right":
- case "up":
- return node.navigate(cmd);
- default:
- $.error("Unhandled command: '" + cmd + "'");
- }
- },
- /** (experimental) Modify existing data model.
- *
- * @param {Array} patchList array of [key, NodePatch] arrays
- * @returns {$.Promise} resolved, when all patches have been applied
- * @see TreePatch
- */
- applyPatch: function(patchList) {
- var dfd,
- i,
- p2,
- key,
- patch,
- node,
- patchCount = patchList.length,
- deferredList = [];
- for (i = 0; i < patchCount; i++) {
- p2 = patchList[i];
- _assert(
- p2.length === 2,
- "patchList must be an array of length-2-arrays"
- );
- key = p2[0];
- patch = p2[1];
- node = key === null ? this.rootNode : this.getNodeByKey(key);
- if (node) {
- dfd = new $.Deferred();
- deferredList.push(dfd);
- node.applyPatch(patch).always(_makeResolveFunc(dfd, node));
- } else {
- this.warn("could not find node with key '" + key + "'");
- }
- }
- // Return a promise that is resolved, when ALL patches were applied
- return $.when.apply($, deferredList).promise();
- },
- /* TODO: implement in dnd extension
- cancelDrag: function() {
- var dd = $.ui.ddmanager.current;
- if(dd){
- dd.cancel();
- }
- },
- */
- /** Remove all nodes.
- * @since 2.14
- */
- clear: function(source) {
- this._callHook("treeClear", this);
- },
- /** Return the number of nodes.
- * @returns {integer}
- */
- count: function() {
- return this.rootNode.countChildren();
- },
- /** Write to browser console if debugLevel >= 4 (prepending tree name)
- *
- * @param {*} msg string or object or array of such
- */
- debug: function(msg) {
- if (this.options.debugLevel >= 4) {
- Array.prototype.unshift.call(arguments, this.toString());
- consoleApply("log", arguments);
- }
- },
- /** Destroy this widget, restore previous markup and cleanup resources.
- *
- * @since 2.34
- */
- destroy: function() {
- this.widget.destroy();
- },
- /** Enable (or disable) the tree control.
- *
- * @param {boolean} [flag=true] pass false to disable
- * @since 2.30
- */
- enable: function(flag) {
- if (flag === false) {
- this.widget.disable();
- } else {
- this.widget.enable();
- }
- },
- /** Temporarily suppress rendering to improve performance on bulk-updates.
- *
- * @param {boolean} flag
- * @returns {boolean} previous status
- * @since 2.19
- */
- enableUpdate: function(flag) {
- flag = flag !== false;
- if (!!this._enableUpdate === !!flag) {
- return flag;
- }
- this._enableUpdate = flag;
- if (flag) {
- this.debug("enableUpdate(true): redraw "); //, this._dirtyRoots);
- this._callHook("treeStructureChanged", this, "enableUpdate");
- this.render();
- } else {
- // this._dirtyRoots = null;
- this.debug("enableUpdate(false)...");
- }
- return !flag; // return previous value
- },
- /** Write error to browser console if debugLevel >= 1 (prepending tree info)
- *
- * @param {*} msg string or object or array of such
- */
- error: function(msg) {
- if (this.options.debugLevel >= 1) {
- Array.prototype.unshift.call(arguments, this.toString());
- consoleApply("error", arguments);
- }
- },
- /** Expand (or collapse) all parent nodes.
- *
- * This convenience method uses `tree.visit()` and `tree.setExpanded()`
- * internally.
- *
- * @param {boolean} [flag=true] pass false to collapse
- * @param {object} [opts] passed to setExpanded()
- * @since 2.30
- */
- expandAll: function(flag, opts) {
- var prev = this.enableUpdate(false);
- flag = flag !== false;
- this.visit(function(node) {
- if (
- node.hasChildren() !== false &&
- node.isExpanded() !== flag
- ) {
- node.setExpanded(flag, opts);
- }
- });
- this.enableUpdate(prev);
- },
- /**Find all nodes that matches condition.
- *
- * @param {string | function(node)} match title string to search for, or a
- * callback function that returns `true` if a node is matched.
- * @returns {FancytreeNode[]} array of nodes (may be empty)
- * @see FancytreeNode#findAll
- * @since 2.12
- */
- findAll: function(match) {
- return this.rootNode.findAll(match);
- },
- /**Find first node that matches condition.
- *
- * @param {string | function(node)} match title string to search for, or a
- * callback function that returns `true` if a node is matched.
- * @returns {FancytreeNode} matching node or null
- * @see FancytreeNode#findFirst
- * @since 2.12
- */
- findFirst: function(match) {
- return this.rootNode.findFirst(match);
- },
- /** Find the next visible node that starts with `match`, starting at `startNode`
- * and wrap-around at the end.
- *
- * @param {string|function} match
- * @param {FancytreeNode} [startNode] defaults to first node
- * @returns {FancytreeNode} matching node or null
- */
- findNextNode: function(match, startNode) {
- //, visibleOnly) {
- var res = null,
- firstNode = this.getFirstChild();
- match =
- typeof match === "string"
- ? _makeNodeTitleStartMatcher(match)
- : match;
- startNode = startNode || firstNode;
- function _checkNode(n) {
- // console.log("_check " + n)
- if (match(n)) {
- res = n;
- }
- if (res || n === startNode) {
- return false;
- }
- }
- this.visitRows(_checkNode, {
- start: startNode,
- includeSelf: false,
- });
- // Wrap around search
- if (!res && startNode !== firstNode) {
- this.visitRows(_checkNode, {
- start: firstNode,
- includeSelf: true,
- });
- }
- return res;
- },
- /** Find a node relative to another node.
- *
- * @param {FancytreeNode} node
- * @param {string|number} where 'down', 'first', 'last', 'left', 'parent', 'right', or 'up'.
- * (Alternatively the keyCode that would normally trigger this move,
- * e.g. `$.ui.keyCode.LEFT` = 'left'.
- * @param {boolean} [includeHidden=false] Not yet implemented
- * @returns {FancytreeNode|null}
- * @since v2.31
- */
- findRelatedNode: function(node, where, includeHidden) {
- var res = null,
- KC = $.ui.keyCode;
- switch (where) {
- case "parent":
- case KC.BACKSPACE:
- if (node.parent && node.parent.parent) {
- res = node.parent;
- }
- break;
- case "first":
- case KC.HOME:
- // First visible node
- this.visit(function(n) {
- if (n.isVisible()) {
- res = n;
- return false;
- }
- });
- break;
- case "last":
- case KC.END:
- this.visit(function(n) {
- // last visible node
- if (n.isVisible()) {
- res = n;
- }
- });
- break;
- case "left":
- case KC.LEFT:
- if (node.expanded) {
- node.setExpanded(false);
- } else if (node.parent && node.parent.parent) {
- res = node.parent;
- }
- break;
- case "right":
- case KC.RIGHT:
- if (!node.expanded && (node.children || node.lazy)) {
- node.setExpanded();
- res = node;
- } else if (node.children && node.children.length) {
- res = node.children[0];
- }
- break;
- case "up":
- case KC.UP:
- this.visitRows(
- function(n) {
- res = n;
- return false;
- },
- { start: node, reverse: true, includeSelf: false }
- );
- break;
- case "down":
- case KC.DOWN:
- this.visitRows(
- function(n) {
- res = n;
- return false;
- },
- { start: node, includeSelf: false }
- );
- break;
- default:
- this.tree.warn("Unknown relation '" + where + "'.");
- }
- return res;
- },
- // TODO: fromDict
- /**
- * Generate INPUT elements that can be submitted with html forms.
- *
- * In selectMode 3 only the topmost selected nodes are considered, unless
- * `opts.stopOnParents: false` is passed.
- *
- * @example
- * // Generate input elements for active and selected nodes
- * tree.generateFormElements();
- * // Generate input elements selected nodes, using a custom `name` attribute
- * tree.generateFormElements("cust_sel", false);
- * // Generate input elements using a custom filter
- * tree.generateFormElements(true, true, { filter: function(node) {
- * return node.isSelected() && node.data.yes;
- * }});
- *
- * @param {boolean | string} [selected=true] Pass false to disable, pass a string to override the field name (default: 'ft_ID[]')
- * @param {boolean | string} [active=true] Pass false to disable, pass a string to override the field name (default: 'ft_ID_active')
- * @param {object} [opts] default { filter: null, stopOnParents: true }
- */
- generateFormElements: function(selected, active, opts) {
- opts = opts || {};
- var nodeList,
- selectedName =
- typeof selected === "string"
- ? selected
- : "ft_" + this._id + "[]",
- activeName =
- typeof active === "string"
- ? active
- : "ft_" + this._id + "_active",
- id = "fancytree_result_" + this._id,
- $result = $("#" + id),
- stopOnParents =
- this.options.selectMode === 3 &&
- opts.stopOnParents !== false;
- if ($result.length) {
- $result.empty();
- } else {
- $result = $("<div>", {
- id: id,
- })
- .hide()
- .insertAfter(this.$container);
- }
- if (active !== false && this.activeNode) {
- $result.append(
- $("<input>", {
- type: "radio",
- name: activeName,
- value: this.activeNode.key,
- checked: true,
- })
- );
- }
- function _appender(node) {
- $result.append(
- $("<input>", {
- type: "checkbox",
- name: selectedName,
- value: node.key,
- checked: true,
- })
- );
- }
- if (opts.filter) {
- this.visit(function(node) {
- var res = opts.filter(node);
- if (res === "skip") {
- return res;
- }
- if (res !== false) {
- _appender(node);
- }
- });
- } else if (selected !== false) {
- nodeList = this.getSelectedNodes(stopOnParents);
- $.each(nodeList, function(idx, node) {
- _appender(node);
- });
- }
- },
- /**
- * Return the currently active node or null.
- * @returns {FancytreeNode}
- */
- getActiveNode: function() {
- return this.activeNode;
- },
- /** Return the first top level node if any (not the invisible root node).
- * @returns {FancytreeNode | null}
- */
- getFirstChild: function() {
- return this.rootNode.getFirstChild();
- },
- /**
- * Return node that has keyboard focus or null.
- * @returns {FancytreeNode}
- */
- getFocusNode: function() {
- return this.focusNode;
- },
- /**
- * Return current option value.
- * (Note: this is the preferred variant of `$().fancytree("option", "KEY")`)
- *
- * @param {string} name option name (may contain '.')
- * @returns {any}
- */
- getOption: function(optionName) {
- return this.widget.option(optionName);
- },
- /**
- * Return node with a given key or null if not found.
- *
- * @param {string} key
- * @param {FancytreeNode} [searchRoot] only search below this node
- * @returns {FancytreeNode | null}
- */
- getNodeByKey: function(key, searchRoot) {
- // Search the DOM by element ID (assuming this is faster than traversing all nodes).
- var el, match;
- // TODO: use tree.keyMap if available
- // TODO: check opts.generateIds === true
- if (!searchRoot) {
- el = document.getElementById(this.options.idPrefix + key);
- if (el) {
- return el.ftnode ? el.ftnode : null;
- }
- }
- // Not found in the DOM, but still may be in an unrendered part of tree
- searchRoot = searchRoot || this.rootNode;
- match = null;
- key = "" + key; // Convert to string (#1005)
- searchRoot.visit(function(node) {
- if (node.key === key) {
- match = node;
- return false; // Stop iteration
- }
- }, true);
- return match;
- },
- /** Return the invisible system root node.
- * @returns {FancytreeNode}
- */
- getRootNode: function() {
- return this.rootNode;
- },
- /**
- * Return an array of selected nodes.
- *
- * Note: you cannot send this result via Ajax directly. Instead the
- * node object need to be converted to plain objects, for example
- * by using `$.map()` and `node.toDict()`.
- * @param {boolean} [stopOnParents=false] only return the topmost selected
- * node (useful with selectMode 3)
- * @returns {FancytreeNode[]}
- */
- getSelectedNodes: function(stopOnParents) {
- return this.rootNode.getSelectedNodes(stopOnParents);
- },
- /** Return true if the tree control has keyboard focus
- * @returns {boolean}
- */
- hasFocus: function() {
- // var ae = document.activeElement,
- // hasFocus = !!(
- // ae && $(ae).closest(".fancytree-container").length
- // );
- // if (hasFocus !== !!this._hasFocus) {
- // this.warn(
- // "hasFocus(): fix inconsistent container state, now: " +
- // hasFocus
- // );
- // this._hasFocus = hasFocus;
- // this.$container.toggleClass("fancytree-treefocus", hasFocus);
- // }
- // return hasFocus;
- return !!this._hasFocus;
- },
- /** Write to browser console if debugLevel >= 3 (prepending tree name)
- * @param {*} msg string or object or array of such
- */
- info: function(msg) {
- if (this.options.debugLevel >= 3) {
- Array.prototype.unshift.call(arguments, this.toString());
- consoleApply("info", arguments);
- }
- },
- /** Return true if any node is currently beeing loaded, i.e. a Ajax request is pending.
- * @returns {boolean}
- * @since 2.32
- */
- isLoading: function() {
- var res = false;
- this.rootNode.visit(function(n) {
- // also visit rootNode
- if (n._isLoading || n._requestId) {
- res = true;
- return false;
- }
- }, true);
- return res;
- },
- /*
- TODO: isInitializing: function() {
- return ( this.phase=="init" || this.phase=="postInit" );
- },
- TODO: isReloading: function() {
- return ( this.phase=="init" || this.phase=="postInit" ) && this.options.persist && this.persistence.cookiesFound;
- },
- TODO: isUserEvent: function() {
- return ( this.phase=="userEvent" );
- },
- */
- /**
- * Make sure that a node with a given ID is loaded, by traversing - and
- * loading - its parents. This method is meant for lazy hierarchies.
- * A callback is executed for every node as we go.
- * @example
- * // Resolve using node.key:
- * tree.loadKeyPath("/_3/_23/_26/_27", function(node, status){
- * if(status === "loaded") {
- * console.log("loaded intermediate node " + node);
- * }else if(status === "ok") {
- * node.activate();
- * }
- * });
- * // Use deferred promise:
- * tree.loadKeyPath("/_3/_23/_26/_27").progress(function(data){
- * if(data.status === "loaded") {
- * console.log("loaded intermediate node " + data.node);
- * }else if(data.status === "ok") {
- * node.activate();
- * }
- * }).done(function(){
- * ...
- * });
- * // Custom path segment resolver:
- * tree.loadKeyPath("/321/431/21/2", {
- * matchKey: function(node, key){
- * return node.data.refKey === key;
- * },
- * callback: function(node, status){
- * if(status === "loaded") {
- * console.log("loaded intermediate node " + node);
- * }else if(status === "ok") {
- * node.activate();
- * }
- * }
- * });
- * @param {string | string[]} keyPathList one or more key paths (e.g. '/3/2_1/7')
- * @param {function | object} optsOrCallback callback(node, status) is called for every visited node ('loading', 'loaded', 'ok', 'error').
- * Pass an object to define custom key matchers for the path segments: {callback: function, matchKey: function}.
- * @returns {$.Promise}
- */
- loadKeyPath: function(keyPathList, optsOrCallback) {
- var callback,
- i,
- path,
- self = this,
- dfd = new $.Deferred(),
- parent = this.getRootNode(),
- sep = this.options.keyPathSeparator,
- pathSegList = [],
- opts = $.extend({}, optsOrCallback);
- // Prepare options
- if (typeof optsOrCallback === "function") {
- callback = optsOrCallback;
- } else if (optsOrCallback && optsOrCallback.callback) {
- callback = optsOrCallback.callback;
- }
- opts.callback = function(ctx, node, status) {
- if (callback) {
- callback.call(ctx, node, status);
- }
- dfd.notifyWith(ctx, [{ node: node, status: status }]);
- };
- if (opts.matchKey == null) {
- opts.matchKey = function(node, key) {
- return node.key === key;
- };
- }
- // Convert array of path strings to array of segment arrays
- if (!$.isArray(keyPathList)) {
- keyPathList = [keyPathList];
- }
- for (i = 0; i < keyPathList.length; i++) {
- path = keyPathList[i];
- // strip leading slash
- if (path.charAt(0) === sep) {
- path = path.substr(1);
- }
- // segListMap[path] = { parent: parent, segList: path.split(sep) };
- pathSegList.push(path.split(sep));
- // targetList.push({ parent: parent, segList: path.split(sep)/* , path: path*/});
- }
- // The timeout forces async behavior always (even if nodes are all loaded)
- // This way a potential progress() event will fire.
- setTimeout(function() {
- self._loadKeyPathImpl(dfd, opts, parent, pathSegList).done(
- function() {
- dfd.resolve();
- }
- );
- }, 0);
- return dfd.promise();
- },
- /*
- * Resolve a list of paths, relative to one parent node.
- */
- _loadKeyPathImpl: function(dfd, opts, parent, pathSegList) {
- var deferredList,
- i,
- key,
- node,
- nodeKey,
- remain,
- remainMap,
- tmpParent,
- segList,
- subDfd,
- self = this;
- function __findChild(parent, key) {
- // console.log("__findChild", key, parent);
- var i,
- l,
- cl = parent.children;
- if (cl) {
- for (i = 0, l = cl.length; i < l; i++) {
- if (opts.matchKey(cl[i], key)) {
- return cl[i];
- }
- }
- }
- return null;
- }
- // console.log("_loadKeyPathImpl, parent=", parent, ", pathSegList=", pathSegList);
- // Pass 1:
- // Handle all path segments for nodes that are already loaded.
- // Collect distinct top-most lazy nodes in a map.
- // Note that we can use node.key to de-dupe entries, even if a custom matcher would
- // look for other node attributes.
- // map[node.key] => {node: node, pathList: [list of remaining rest-paths]}
- remainMap = {};
- for (i = 0; i < pathSegList.length; i++) {
- segList = pathSegList[i];
- // target = targetList[i];
- // Traverse and pop path segments (i.e. keys), until we hit a lazy, unloaded node
- tmpParent = parent;
- while (segList.length) {
- key = segList.shift();
- node = __findChild(tmpParent, key);
- if (!node) {
- this.warn(
- "loadKeyPath: key not found: " +
- key +
- " (parent: " +
- tmpParent +
- ")"
- );
- opts.callback(this, key, "error");
- break;
- } else if (segList.length === 0) {
- opts.callback(this, node, "ok");
- break;
- } else if (!node.lazy || node.hasChildren() !== undefined) {
- opts.callback(this, node, "loaded");
- tmpParent = node;
- } else {
- opts.callback(this, node, "loaded");
- key = node.key; //target.segList.join(sep);
- if (remainMap[key]) {
- remainMap[key].pathSegList.push(segList);
- } else {
- remainMap[key] = {
- parent: node,
- pathSegList: [segList],
- };
- }
- break;
- }
- }
- }
- // console.log("_loadKeyPathImpl AFTER pass 1, remainMap=", remainMap);
- // Now load all lazy nodes and continue iteration for remaining paths
- deferredList = [];
- // Avoid jshint warning 'Don't make functions within a loop.':
- function __lazyload(dfd, parent, pathSegList) {
- // console.log("__lazyload", parent, "pathSegList=", pathSegList);
- opts.callback(self, parent, "loading");
- parent
- .load()
- .done(function() {
- self._loadKeyPathImpl
- .call(self, dfd, opts, parent, pathSegList)
- .always(_makeResolveFunc(dfd, self));
- })
- .fail(function(errMsg) {
- self.warn("loadKeyPath: error loading lazy " + parent);
- opts.callback(self, node, "error");
- dfd.rejectWith(self);
- });
- }
- // remainMap contains parent nodes, each with a list of relative sub-paths.
- // We start loading all of them now, and pass the the list to each loader.
- for (nodeKey in remainMap) {
- if (remainMap.hasOwnProperty(nodeKey)) {
- remain = remainMap[nodeKey];
- // console.log("for(): remain=", remain, "remainMap=", remainMap);
- // key = remain.segList.shift();
- // node = __findChild(remain.parent, key);
- // if (node == null) { // #576
- // // Issue #576, refactored for v2.27:
- // // The root cause was, that sometimes the wrong parent was used here
- // // to find the next segment.
- // // Falling back to getNodeByKey() was a hack that no longer works if a custom
- // // matcher is used, because we cannot assume that a single segment-key is unique
- // // throughout the tree.
- // self.error("loadKeyPath: error loading child by key '" + key + "' (parent: " + target.parent + ")", target);
- // // node = self.getNodeByKey(key);
- // continue;
- // }
- subDfd = new $.Deferred();
- deferredList.push(subDfd);
- __lazyload(subDfd, remain.parent, remain.pathSegList);
- }
- }
- // Return a promise that is resolved, when ALL paths were loaded
- return $.when.apply($, deferredList).promise();
- },
- /** Re-fire beforeActivate, activate, and (optional) focus events.
- * Calling this method in the `init` event, will activate the node that
- * was marked 'active' in the source data, and optionally set the keyboard
- * focus.
- * @param [setFocus=false]
- */
- reactivate: function(setFocus) {
- var res,
- node = this.activeNode;
- if (!node) {
- return _getResolvedPromise();
- }
- this.activeNode = null; // Force re-activating
- res = node.setActive(true, { noFocus: true });
- if (setFocus) {
- node.setFocus();
- }
- return res;
- },
- /** Reload tree from source and return a promise.
- * @param [source] optional new source (defaults to initial source data)
- * @returns {$.Promise}
- */
- reload: function(source) {
- this._callHook("treeClear", this);
- return this._callHook("treeLoad", this, source);
- },
- /**Render tree (i.e. create DOM elements for all top-level nodes).
- * @param {boolean} [force=false] create DOM elemnts, even if parent is collapsed
- * @param {boolean} [deep=false]
- */
- render: function(force, deep) {
- return this.rootNode.render(force, deep);
- },
- /**(De)select all nodes.
- * @param {boolean} [flag=true]
- * @since 2.28
- */
- selectAll: function(flag) {
- this.visit(function(node) {
- node.setSelected(flag);
- });
- },
- // TODO: selectKey: function(key, select)
- // TODO: serializeArray: function(stopOnParents)
- /**
- * @param {boolean} [flag=true]
- */
- setFocus: function(flag) {
- return this._callHook("treeSetFocus", this, flag);
- },
- /**
- * Set current option value.
- * (Note: this is the preferred variant of `$().fancytree("option", "KEY", VALUE)`)
- * @param {string} name option name (may contain '.')
- * @param {any} new value
- */
- setOption: function(optionName, value) {
- return this.widget.option(optionName, value);
- },
- /**
- * Call console.time() when in debug mode (verbose >= 4).
- *
- * @param {string} label
- */
- debugTime: function(label) {
- if (this.options.debugLevel >= 4) {
- window.console.time(this + " - " + label);
- }
- },
- /**
- * Call console.timeEnd() when in debug mode (verbose >= 4).
- *
- * @param {string} label
- */
- debugTimeEnd: function(label) {
- if (this.options.debugLevel >= 4) {
- window.console.timeEnd(this + " - " + label);
- }
- },
- /**
- * Return all nodes as nested list of {@link NodeData}.
- *
- * @param {boolean} [includeRoot=false] Returns the hidden system root node (and its children)
- * @param {function} [callback] callback(dict, node) is called for every node, in order to allow modifications.
- * Return `false` to ignore this node or "skip" to include this node without its children.
- * @returns {Array | object}
- * @see FancytreeNode#toDict
- */
- toDict: function(includeRoot, callback) {
- var res = this.rootNode.toDict(true, callback);
- return includeRoot ? res : res.children;
- },
- /* Implicitly called for string conversions.
- * @returns {string}
- */
- toString: function() {
- return "Fancytree@" + this._id;
- // return "<Fancytree(#" + this._id + ")>";
- },
- /* _trigger a widget event with additional node ctx.
- * @see EventData
- */
- _triggerNodeEvent: function(type, node, originalEvent, extra) {
- // this.debug("_trigger(" + type + "): '" + ctx.node.title + "'", ctx);
- var ctx = this._makeHookContext(node, originalEvent, extra),
- res = this.widget._trigger(type, originalEvent, ctx);
- if (res !== false && ctx.result !== undefined) {
- return ctx.result;
- }
- return res;
- },
- /* _trigger a widget event with additional tree data. */
- _triggerTreeEvent: function(type, originalEvent, extra) {
- // this.debug("_trigger(" + type + ")", ctx);
- var ctx = this._makeHookContext(this, originalEvent, extra),
- res = this.widget._trigger(type, originalEvent, ctx);
- if (res !== false && ctx.result !== undefined) {
- return ctx.result;
- }
- return res;
- },
- /** Call fn(node) for all nodes in hierarchical order (depth-first).
- *
- * @param {function} fn the callback function.
- * Return false to stop iteration, return "skip" to skip this node and children only.
- * @returns {boolean} false, if the iterator was stopped.
- */
- visit: function(fn) {
- return this.rootNode.visit(fn, false);
- },
- /** Call fn(node) for all nodes in vertical order, top down (or bottom up).<br>
- * Stop iteration, if fn() returns false.<br>
- * Return false if iteration was stopped.
- *
- * @param {function} fn the callback function.
- * Return false to stop iteration, return "skip" to skip this node and children only.
- * @param {object} [options]
- * Defaults:
- * {start: First top node, reverse: false, includeSelf: true, includeHidden: false}
- * @returns {boolean} false if iteration was cancelled
- * @since 2.28
- */
- visitRows: function(fn, opts) {
- if (!this.rootNode.hasChildren()) {
- return false;
- }
- if (opts && opts.reverse) {
- delete opts.reverse;
- return this._visitRowsUp(fn, opts);
- }
- opts = opts || {};
- var i,
- nextIdx,
- parent,
- res,
- siblings,
- siblingOfs = 0,
- skipFirstNode = opts.includeSelf === false,
- includeHidden = !!opts.includeHidden,
- checkFilter = !includeHidden && this.enableFilter,
- node = opts.start || this.rootNode.children[0];
- parent = node.parent;
- while (parent) {
- // visit siblings
- siblings = parent.children;
- nextIdx = siblings.indexOf(node) + siblingOfs;
- _assert(
- nextIdx >= 0,
- "Could not find " +
- node +
- " in parent's children: " +
- parent
- );
- for (i = nextIdx; i < siblings.length; i++) {
- node = siblings[i];
- if (checkFilter && !node.match && !node.subMatchCount) {
- continue;
- }
- if (!skipFirstNode && fn(node) === false) {
- return false;
- }
- skipFirstNode = false;
- // Dive into node's child nodes
- if (
- node.children &&
- node.children.length &&
- (includeHidden || node.expanded)
- ) {
- // Disable warning: Functions declared within loops referencing an outer
- // scoped variable may lead to confusing semantics:
- /*jshint -W083 */
- res = node.visit(function(n) {
- if (checkFilter && !n.match && !n.subMatchCount) {
- return "skip";
- }
- if (fn(n) === false) {
- return false;
- }
- if (!includeHidden && n.children && !n.expanded) {
- return "skip";
- }
- }, false);
- /*jshint +W083 */
- if (res === false) {
- return false;
- }
- }
- }
- // Visit parent nodes (bottom up)
- node = parent;
- parent = parent.parent;
- siblingOfs = 1; //
- }
- return true;
- },
- /* Call fn(node) for all nodes in vertical order, bottom up.
- */
- _visitRowsUp: function(fn, opts) {
- var children,
- idx,
- parent,
- includeHidden = !!opts.includeHidden,
- node = opts.start || this.rootNode.children[0];
- while (true) {
- parent = node.parent;
- children = parent.children;
- if (children[0] === node) {
- // If this is already the first sibling, goto parent
- node = parent;
- if (!node.parent) {
- break; // first node of the tree
- }
- children = parent.children;
- } else {
- // Otherwise, goto prev. sibling
- idx = children.indexOf(node);
- node = children[idx - 1];
- // If the prev. sibling has children, follow down to last descendant
- while (
- // See: https://github.com/eslint/eslint/issues/11302
- // eslint-disable-next-line no-unmodified-loop-condition
- (includeHidden || node.expanded) &&
- node.children &&
- node.children.length
- ) {
- children = node.children;
- parent = node;
- node = children[children.length - 1];
- }
- }
- // Skip invisible
- if (!includeHidden && !node.isVisible()) {
- continue;
- }
- if (fn(node) === false) {
- return false;
- }
- }
- },
- /** Write warning to browser console if debugLevel >= 2 (prepending tree info)
- *
- * @param {*} msg string or object or array of such
- */
- warn: function(msg) {
- if (this.options.debugLevel >= 2) {
- Array.prototype.unshift.call(arguments, this.toString());
- consoleApply("warn", arguments);
- }
- },
- };
- /**
- * These additional methods of the {@link Fancytree} class are 'hook functions'
- * that can be used and overloaded by extensions.
- *
- * @see [writing extensions](https://github.com/mar10/fancytree/wiki/TutorialExtensions)
- * @mixin Fancytree_Hooks
- */
- $.extend(
- Fancytree.prototype,
- /** @lends Fancytree_Hooks# */
- {
- /** Default handling for mouse click events.
- *
- * @param {EventData} ctx
- */
- nodeClick: function(ctx) {
- var activate,
- expand,
- // event = ctx.originalEvent,
- targetType = ctx.targetType,
- node = ctx.node;
- // this.debug("ftnode.onClick(" + event.type + "): ftnode:" + this + ", button:" + event.button + ", which: " + event.which, ctx);
- // TODO: use switch
- // TODO: make sure clicks on embedded <input> doesn't steal focus (see table sample)
- if (targetType === "expander") {
- if (node.isLoading()) {
- // #495: we probably got a click event while a lazy load is pending.
- // The 'expanded' state is not yet set, so 'toggle' would expand
- // and trigger lazyLoad again.
- // It would be better to allow to collapse/expand the status node
- // while loading (instead of ignoring), but that would require some
- // more work.
- node.debug("Got 2nd click while loading: ignored");
- return;
- }
- // Clicking the expander icon always expands/collapses
- this._callHook("nodeToggleExpanded", ctx);
- } else if (targetType === "checkbox") {
- // Clicking the checkbox always (de)selects
- this._callHook("nodeToggleSelected", ctx);
- if (ctx.options.focusOnSelect) {
- // #358
- this._callHook("nodeSetFocus", ctx, true);
- }
- } else {
- // Honor `clickFolderMode` for
- expand = false;
- activate = true;
- if (node.folder) {
- switch (ctx.options.clickFolderMode) {
- case 2: // expand only
- expand = true;
- activate = false;
- break;
- case 3: // expand and activate
- activate = true;
- expand = true; //!node.isExpanded();
- break;
- // else 1 or 4: just activate
- }
- }
- if (activate) {
- this.nodeSetFocus(ctx);
- this._callHook("nodeSetActive", ctx, true);
- }
- if (expand) {
- if (!activate) {
- // this._callHook("nodeSetFocus", ctx);
- }
- // this._callHook("nodeSetExpanded", ctx, true);
- this._callHook("nodeToggleExpanded", ctx);
- }
- }
- // Make sure that clicks stop, otherwise <a href='#'> jumps to the top
- // if(event.target.localName === "a" && event.target.className === "fancytree-title"){
- // event.preventDefault();
- // }
- // TODO: return promise?
- },
- /** Collapse all other children of same parent.
- *
- * @param {EventData} ctx
- * @param {object} callOpts
- */
- nodeCollapseSiblings: function(ctx, callOpts) {
- // TODO: return promise?
- var ac,
- i,
- l,
- node = ctx.node;
- if (node.parent) {
- ac = node.parent.children;
- for (i = 0, l = ac.length; i < l; i++) {
- if (ac[i] !== node && ac[i].expanded) {
- this._callHook(
- "nodeSetExpanded",
- ac[i],
- false,
- callOpts
- );
- }
- }
- }
- },
- /** Default handling for mouse douleclick events.
- * @param {EventData} ctx
- */
- nodeDblclick: function(ctx) {
- // TODO: return promise?
- if (
- ctx.targetType === "title" &&
- ctx.options.clickFolderMode === 4
- ) {
- // this.nodeSetFocus(ctx);
- // this._callHook("nodeSetActive", ctx, true);
- this._callHook("nodeToggleExpanded", ctx);
- }
- // TODO: prevent text selection on dblclicks
- if (ctx.targetType === "title") {
- ctx.originalEvent.preventDefault();
- }
- },
- /** Default handling for mouse keydown events.
- *
- * NOTE: this may be called with node == null if tree (but no node) has focus.
- * @param {EventData} ctx
- */
- nodeKeydown: function(ctx) {
- // TODO: return promise?
- var matchNode,
- stamp,
- _res,
- focusNode,
- event = ctx.originalEvent,
- node = ctx.node,
- tree = ctx.tree,
- opts = ctx.options,
- which = event.which,
- // #909: Use event.key, to get unicode characters.
- // We can't use `/\w/.test(key)`, because that would
- // only detect plain ascii alpha-numerics. But we still need
- // to ignore modifier-only, whitespace, cursor-keys, etc.
- key = event.key || String.fromCharCode(which),
- specialModifiers = !!(
- event.altKey ||
- event.ctrlKey ||
- event.metaKey
- ),
- isAlnum =
- !MODIFIERS[which] &&
- !SPECIAL_KEYCODES[which] &&
- !specialModifiers,
- $target = $(event.target),
- handled = true,
- activate = !(event.ctrlKey || !opts.autoActivate);
- // (node || FT).debug("ftnode.nodeKeydown(" + event.type + "): ftnode:" + this + ", charCode:" + event.charCode + ", keyCode: " + event.keyCode + ", which: " + event.which);
- // FT.debug( "eventToString(): " + FT.eventToString(event) + ", key='" + key + "', isAlnum: " + isAlnum );
- // Set focus to active (or first node) if no other node has the focus yet
- if (!node) {
- focusNode = this.getActiveNode() || this.getFirstChild();
- if (focusNode) {
- focusNode.setFocus();
- node = ctx.node = this.focusNode;
- node.debug("Keydown force focus on active node");
- }
- }
- if (
- opts.quicksearch &&
- isAlnum &&
- !$target.is(":input:enabled")
- ) {
- // Allow to search for longer streaks if typed in quickly
- stamp = Date.now();
- if (stamp - tree.lastQuicksearchTime > 500) {
- tree.lastQuicksearchTerm = "";
- }
- tree.lastQuicksearchTime = stamp;
- tree.lastQuicksearchTerm += key;
- // tree.debug("quicksearch find", tree.lastQuicksearchTerm);
- matchNode = tree.findNextNode(
- tree.lastQuicksearchTerm,
- tree.getActiveNode()
- );
- if (matchNode) {
- matchNode.setActive();
- }
- event.preventDefault();
- return;
- }
- switch (FT.eventToString(event)) {
- case "+":
- case "=": // 187: '+' @ Chrome, Safari
- tree.nodeSetExpanded(ctx, true);
- break;
- case "-":
- tree.nodeSetExpanded(ctx, false);
- break;
- case "space":
- if (node.isPagingNode()) {
- tree._triggerNodeEvent("clickPaging", ctx, event);
- } else if (
- FT.evalOption("checkbox", node, node, opts, false)
- ) {
- // #768
- tree.nodeToggleSelected(ctx);
- } else {
- tree.nodeSetActive(ctx, true);
- }
- break;
- case "return":
- tree.nodeSetActive(ctx, true);
- break;
- case "home":
- case "end":
- case "backspace":
- case "left":
- case "right":
- case "up":
- case "down":
- _res = node.navigate(event.which, activate);
- break;
- default:
- handled = false;
- }
- if (handled) {
- event.preventDefault();
- }
- },
- // /** Default handling for mouse keypress events. */
- // nodeKeypress: function(ctx) {
- // var event = ctx.originalEvent;
- // },
- // /** Trigger lazyLoad event (async). */
- // nodeLazyLoad: function(ctx) {
- // var node = ctx.node;
- // if(this._triggerNodeEvent())
- // },
- /** Load child nodes (async).
- *
- * @param {EventData} ctx
- * @param {object[]|object|string|$.Promise|function} source
- * @returns {$.Promise} The deferred will be resolved as soon as the (ajax)
- * data was rendered.
- */
- nodeLoadChildren: function(ctx, source) {
- var ajax,
- delay,
- ajaxDfd = null,
- resultDfd,
- isAsync = true,
- tree = ctx.tree,
- node = ctx.node,
- nodePrevParent = node.parent,
- tag = "nodeLoadChildren",
- requestId = Date.now();
- // `source` is a callback: use the returned result instead:
- if ($.isFunction(source)) {
- source = source.call(tree, { type: "source" }, ctx);
- _assert(
- !$.isFunction(source),
- "source callback must not return another function"
- );
- }
- // `source` is already a promise:
- if ($.isFunction(source.then)) {
- // _assert($.isFunction(source.always), "Expected jQuery?");
- ajaxDfd = source;
- } else if (source.url) {
- // `source` is an Ajax options object
- ajax = $.extend({}, ctx.options.ajax, source);
- if (ajax.debugDelay) {
- // Simulate a slow server
- delay = ajax.debugDelay;
- delete ajax.debugDelay; // remove debug option
- if ($.isArray(delay)) {
- // random delay range [min..max]
- delay =
- delay[0] +
- Math.random() * (delay[1] - delay[0]);
- }
- node.warn(
- "nodeLoadChildren waiting debugDelay " +
- Math.round(delay) +
- " ms ..."
- );
- ajaxDfd = $.Deferred(function(ajaxDfd) {
- setTimeout(function() {
- $.ajax(ajax)
- .done(function() {
- ajaxDfd.resolveWith(this, arguments);
- })
- .fail(function() {
- ajaxDfd.rejectWith(this, arguments);
- });
- }, delay);
- });
- } else {
- ajaxDfd = $.ajax(ajax);
- }
- } else if ($.isPlainObject(source) || $.isArray(source)) {
- // `source` is already a constant dict or list, but we convert
- // to a thenable for unified processing.
- // 2020-01-03: refactored.
- // `ajaxDfd = $.when(source)` would do the trick, but the returned
- // promise will resolve async, which broke some tests and
- // would probably also break current implementations out there.
- // So we mock-up a thenable that resolves synchronously:
- ajaxDfd = {
- then: function(resolve, reject) {
- resolve(source, null, null);
- },
- };
- isAsync = false;
- } else {
- $.error("Invalid source type: " + source);
- }
- // Check for overlapping requests
- if (node._requestId) {
- node.warn(
- "Recursive load request #" +
- requestId +
- " while #" +
- node._requestId +
- " is pending."
- );
- node._requestId = requestId;
- // node.debug("Send load request #" + requestId);
- }
- if (isAsync) {
- tree.debugTime(tag);
- tree.nodeSetStatus(ctx, "loading");
- }
- // The async Ajax request has now started...
- // Defer the deferred:
- // we want to be able to reject invalid responses, even if
- // the raw HTTP Ajax XHR resolved as Ok.
- // We use the ajaxDfd.then() syntax here, which is compatible with
- // jQuery and ECMA6.
- // However resultDfd is a jQuery deferred, which is currently the
- // expected result type of nodeLoadChildren()
- resultDfd = new $.Deferred();
- ajaxDfd.then(
- function(data, textStatus, jqXHR) {
- // ajaxDfd was resolved, but we reject or resolve resultDfd
- // depending on the response data
- var errorObj, res;
- if (
- (source.dataType === "json" ||
- source.dataType === "jsonp") &&
- typeof data === "string"
- ) {
- $.error(
- "Ajax request returned a string (did you get the JSON dataType wrong?)."
- );
- }
- if (node._requestId && node._requestId > requestId) {
- // The expected request time stamp is later than `requestId`
- // (which was kept as as closure variable to this handler function)
- // node.warn("Ignored load response for obsolete request #" + requestId + " (expected #" + node._requestId + ")");
- resultDfd.rejectWith(this, [
- RECURSIVE_REQUEST_ERROR,
- ]);
- return;
- // } else {
- // node.debug("Response returned for load request #" + requestId);
- }
- if (node.parent === null && nodePrevParent !== null) {
- resultDfd.rejectWith(this, [
- INVALID_REQUEST_TARGET_ERROR,
- ]);
- return;
- }
- // Allow to adjust the received response data in the `postProcess` event.
- if (ctx.options.postProcess) {
- // The handler may either
- // - modify `ctx.response` in-place (and leave `ctx.result` undefined)
- // => res = undefined
- // - return a replacement in `ctx.result`
- // => res = <new data>
- // If res contains an `error` property, an error status is displayed
- try {
- res = tree._triggerNodeEvent(
- "postProcess",
- ctx,
- ctx.originalEvent,
- {
- response: data,
- error: null,
- dataType: source.dataType,
- }
- );
- if (res.error) {
- tree.warn(
- "postProcess returned error:",
- res
- );
- }
- } catch (e) {
- res = {
- error: e,
- message: "" + e,
- details: "postProcess failed",
- };
- }
- if (res.error) {
- // Either postProcess failed with an exception, or the returned
- // result object has an 'error' property attached:
- errorObj = $.isPlainObject(res.error)
- ? res.error
- : { message: res.error };
- errorObj = tree._makeHookContext(
- node,
- null,
- errorObj
- );
- resultDfd.rejectWith(this, [errorObj]);
- return;
- }
- if (
- $.isArray(res) ||
- ($.isPlainObject(res) &&
- $.isArray(res.children))
- ) {
- // Use `ctx.result` if valid
- // (otherwise use existing data, which may have been modified in-place)
- data = res;
- }
- } else if (
- data &&
- data.hasOwnProperty("d") &&
- ctx.options.enableAspx
- ) {
- // Process ASPX WebMethod JSON object inside "d" property
- // (only if no postProcess event was defined)
- if (ctx.options.enableAspx === 42) {
- tree.warn(
- "The default for enableAspx will change to `false` in the fututure. " +
- "Pass `enableAspx: true` or implement postProcess to silence this warning."
- );
- }
- data =
- typeof data.d === "string"
- ? $.parseJSON(data.d)
- : data.d;
- }
- resultDfd.resolveWith(this, [data]);
- },
- function(jqXHR, textStatus, errorThrown) {
- // ajaxDfd was rejected, so we reject resultDfd as well
- var errorObj = tree._makeHookContext(node, null, {
- error: jqXHR,
- args: Array.prototype.slice.call(arguments),
- message: errorThrown,
- details: jqXHR.status + ": " + errorThrown,
- });
- resultDfd.rejectWith(this, [errorObj]);
- }
- );
- // The async Ajax request has now started.
- // resultDfd will be resolved/rejected after the response arrived,
- // was postProcessed, and checked.
- // Now we implement the UI update and add the data to the tree.
- // We also return this promise to the caller.
- resultDfd
- .done(function(data) {
- tree.nodeSetStatus(ctx, "ok");
- var children, metaData, noDataRes;
- if ($.isPlainObject(data)) {
- // We got {foo: 'abc', children: [...]}
- // Copy extra properties to tree.data.foo
- _assert(
- node.isRootNode(),
- "source may only be an object for root nodes (expecting an array of child objects otherwise)"
- );
- _assert(
- $.isArray(data.children),
- "if an object is passed as source, it must contain a 'children' array (all other properties are added to 'tree.data')"
- );
- metaData = data;
- children = data.children;
- delete metaData.children;
- // Copy some attributes to tree.data
- $.each(TREE_ATTRS, function(i, attr) {
- if (metaData[attr] !== undefined) {
- tree[attr] = metaData[attr];
- delete metaData[attr];
- }
- });
- // Copy all other attributes to tree.data.NAME
- $.extend(tree.data, metaData);
- } else {
- children = data;
- }
- _assert(
- $.isArray(children),
- "expected array of children"
- );
- node._setChildren(children);
- if (tree.options.nodata && children.length === 0) {
- if ($.isFunction(tree.options.nodata)) {
- noDataRes = tree.options.nodata.call(
- tree,
- { type: "nodata" },
- ctx
- );
- } else if (
- tree.options.nodata === true &&
- node.isRootNode()
- ) {
- noDataRes = tree.options.strings.noData;
- } else if (
- typeof tree.options.nodata === "string" &&
- node.isRootNode()
- ) {
- noDataRes = tree.options.nodata;
- }
- if (noDataRes) {
- node.setStatus("nodata", noDataRes);
- }
- }
- // trigger fancytreeloadchildren
- tree._triggerNodeEvent("loadChildren", node);
- })
- .fail(function(error) {
- var ctxErr;
- if (error === RECURSIVE_REQUEST_ERROR) {
- node.warn(
- "Ignored response for obsolete load request #" +
- requestId +
- " (expected #" +
- node._requestId +
- ")"
- );
- return;
- } else if (error === INVALID_REQUEST_TARGET_ERROR) {
- node.warn(
- "Lazy parent node was removed while loading: discarding response."
- );
- return;
- } else if (error.node && error.error && error.message) {
- // error is already a context object
- ctxErr = error;
- } else {
- ctxErr = tree._makeHookContext(node, null, {
- error: error, // it can be jqXHR or any custom error
- args: Array.prototype.slice.call(arguments),
- message: error
- ? error.message || error.toString()
- : "",
- });
- if (ctxErr.message === "[object Object]") {
- ctxErr.message = "";
- }
- }
- node.warn(
- "Load children failed (" + ctxErr.message + ")",
- ctxErr
- );
- if (
- tree._triggerNodeEvent(
- "loadError",
- ctxErr,
- null
- ) !== false
- ) {
- tree.nodeSetStatus(
- ctx,
- "error",
- ctxErr.message,
- ctxErr.details
- );
- }
- })
- .always(function() {
- node._requestId = null;
- if (isAsync) {
- tree.debugTimeEnd(tag);
- }
- });
- return resultDfd.promise();
- },
- /** [Not Implemented] */
- nodeLoadKeyPath: function(ctx, keyPathList) {
- // TODO: implement and improve
- // http://code.google.com/p/dynatree/issues/detail?id=222
- },
- /**
- * Remove a single direct child of ctx.node.
- * @param {EventData} ctx
- * @param {FancytreeNode} childNode dircect child of ctx.node
- */
- nodeRemoveChild: function(ctx, childNode) {
- var idx,
- node = ctx.node,
- // opts = ctx.options,
- subCtx = $.extend({}, ctx, { node: childNode }),
- children = node.children;
- // FT.debug("nodeRemoveChild()", node.toString(), childNode.toString());
- if (children.length === 1) {
- _assert(childNode === children[0], "invalid single child");
- return this.nodeRemoveChildren(ctx);
- }
- if (
- this.activeNode &&
- (childNode === this.activeNode ||
- this.activeNode.isDescendantOf(childNode))
- ) {
- this.activeNode.setActive(false); // TODO: don't fire events
- }
- if (
- this.focusNode &&
- (childNode === this.focusNode ||
- this.focusNode.isDescendantOf(childNode))
- ) {
- this.focusNode = null;
- }
- // TODO: persist must take care to clear select and expand cookies
- this.nodeRemoveMarkup(subCtx);
- this.nodeRemoveChildren(subCtx);
- idx = $.inArray(childNode, children);
- _assert(idx >= 0, "invalid child");
- // Notify listeners
- node.triggerModifyChild("remove", childNode);
- // Unlink to support GC
- childNode.visit(function(n) {
- n.parent = null;
- }, true);
- this._callHook("treeRegisterNode", this, false, childNode);
- // remove from child list
- children.splice(idx, 1);
- },
- /**Remove HTML markup for all descendents of ctx.node.
- * @param {EventData} ctx
- */
- nodeRemoveChildMarkup: function(ctx) {
- var node = ctx.node;
- // FT.debug("nodeRemoveChildMarkup()", node.toString());
- // TODO: Unlink attr.ftnode to support GC
- if (node.ul) {
- if (node.isRootNode()) {
- $(node.ul).empty();
- } else {
- $(node.ul).remove();
- node.ul = null;
- }
- node.visit(function(n) {
- n.li = n.ul = null;
- });
- }
- },
- /**Remove all descendants of ctx.node.
- * @param {EventData} ctx
- */
- nodeRemoveChildren: function(ctx) {
- var //subCtx,
- tree = ctx.tree,
- node = ctx.node,
- children = node.children;
- // opts = ctx.options;
- // FT.debug("nodeRemoveChildren()", node.toString());
- if (!children) {
- return;
- }
- if (this.activeNode && this.activeNode.isDescendantOf(node)) {
- this.activeNode.setActive(false); // TODO: don't fire events
- }
- if (this.focusNode && this.focusNode.isDescendantOf(node)) {
- this.focusNode = null;
- }
- // TODO: persist must take care to clear select and expand cookies
- this.nodeRemoveChildMarkup(ctx);
- // Unlink children to support GC
- // TODO: also delete this.children (not possible using visit())
- // subCtx = $.extend({}, ctx);
- node.triggerModifyChild("remove", null);
- node.visit(function(n) {
- n.parent = null;
- tree._callHook("treeRegisterNode", tree, false, n);
- });
- if (node.lazy) {
- // 'undefined' would be interpreted as 'not yet loaded' for lazy nodes
- node.children = [];
- } else {
- node.children = null;
- }
- if (!node.isRootNode()) {
- node.expanded = false; // #449, #459
- }
- this.nodeRenderStatus(ctx);
- },
- /**Remove HTML markup for ctx.node and all its descendents.
- * @param {EventData} ctx
- */
- nodeRemoveMarkup: function(ctx) {
- var node = ctx.node;
- // FT.debug("nodeRemoveMarkup()", node.toString());
- // TODO: Unlink attr.ftnode to support GC
- if (node.li) {
- $(node.li).remove();
- node.li = null;
- }
- this.nodeRemoveChildMarkup(ctx);
- },
- /**
- * Create `<li><span>..</span> .. </li>` tags for this node.
- *
- * This method takes care that all HTML markup is created that is required
- * to display this node in its current state.
- *
- * Call this method to create new nodes, or after the strucuture
- * was changed (e.g. after moving this node or adding/removing children)
- * nodeRenderTitle() and nodeRenderStatus() are implied.
- *
- * ```html
- * <li id='KEY' ftnode=NODE>
- * <span class='fancytree-node fancytree-expanded fancytree-has-children fancytree-lastsib fancytree-exp-el fancytree-ico-e'>
- * <span class="fancytree-expander"></span>
- * <span class="fancytree-checkbox"></span> // only present in checkbox mode
- * <span class="fancytree-icon"></span>
- * <a href="#" class="fancytree-title"> Node 1 </a>
- * </span>
- * <ul> // only present if node has children
- * <li id='KEY' ftnode=NODE> child1 ... </li>
- * <li id='KEY' ftnode=NODE> child2 ... </li>
- * </ul>
- * </li>
- * ```
- *
- * @param {EventData} ctx
- * @param {boolean} [force=false] re-render, even if html markup was already created
- * @param {boolean} [deep=false] also render all descendants, even if parent is collapsed
- * @param {boolean} [collapsed=false] force root node to be collapsed, so we can apply animated expand later
- */
- nodeRender: function(ctx, force, deep, collapsed, _recursive) {
- /* This method must take care of all cases where the current data mode
- * (i.e. node hierarchy) does not match the current markup.
- *
- * - node was not yet rendered:
- * create markup
- * - node was rendered: exit fast
- * - children have been added
- * - children have been removed
- */
- var childLI,
- childNode1,
- childNode2,
- i,
- l,
- next,
- subCtx,
- node = ctx.node,
- tree = ctx.tree,
- opts = ctx.options,
- aria = opts.aria,
- firstTime = false,
- parent = node.parent,
- isRootNode = !parent,
- children = node.children,
- successorLi = null;
- // FT.debug("nodeRender(" + !!force + ", " + !!deep + ")", node.toString());
- if (tree._enableUpdate === false) {
- // tree.debug("no render", tree._enableUpdate);
- return;
- }
- if (!isRootNode && !parent.ul) {
- // Calling node.collapse on a deep, unrendered node
- return;
- }
- _assert(isRootNode || parent.ul, "parent UL must exist");
- // Render the node
- if (!isRootNode) {
- // Discard markup on force-mode, or if it is not linked to parent <ul>
- if (
- node.li &&
- (force || node.li.parentNode !== node.parent.ul)
- ) {
- if (node.li.parentNode === node.parent.ul) {
- // #486: store following node, so we can insert the new markup there later
- successorLi = node.li.nextSibling;
- } else {
- // May happen, when a top-level node was dropped over another
- this.debug(
- "Unlinking " +
- node +
- " (must be child of " +
- node.parent +
- ")"
- );
- }
- // this.debug("nodeRemoveMarkup...");
- this.nodeRemoveMarkup(ctx);
- }
- // Create <li><span /> </li>
- // node.debug("render...");
- if (node.li) {
- // this.nodeRenderTitle(ctx);
- this.nodeRenderStatus(ctx);
- } else {
- // node.debug("render... really");
- firstTime = true;
- node.li = document.createElement("li");
- node.li.ftnode = node;
- if (node.key && opts.generateIds) {
- node.li.id = opts.idPrefix + node.key;
- }
- node.span = document.createElement("span");
- node.span.className = "fancytree-node";
- if (aria && !node.tr) {
- $(node.li).attr("role", "treeitem");
- }
- node.li.appendChild(node.span);
- // Create inner HTML for the <span> (expander, checkbox, icon, and title)
- this.nodeRenderTitle(ctx);
- // Allow tweaking and binding, after node was created for the first time
- if (opts.createNode) {
- opts.createNode.call(
- tree,
- { type: "createNode" },
- ctx
- );
- }
- }
- // Allow tweaking after node state was rendered
- if (opts.renderNode) {
- opts.renderNode.call(tree, { type: "renderNode" }, ctx);
- }
- }
- // Visit child nodes
- if (children) {
- if (isRootNode || node.expanded || deep === true) {
- // Create a UL to hold the children
- if (!node.ul) {
- node.ul = document.createElement("ul");
- if (
- (collapsed === true && !_recursive) ||
- !node.expanded
- ) {
- // hide top UL, so we can use an animation to show it later
- node.ul.style.display = "none";
- }
- if (aria) {
- $(node.ul).attr("role", "group");
- }
- if (node.li) {
- // issue #67
- node.li.appendChild(node.ul);
- } else {
- node.tree.$div.append(node.ul);
- }
- }
- // Add child markup
- for (i = 0, l = children.length; i < l; i++) {
- subCtx = $.extend({}, ctx, { node: children[i] });
- this.nodeRender(subCtx, force, deep, false, true);
- }
- // Remove <li> if nodes have moved to another parent
- childLI = node.ul.firstChild;
- while (childLI) {
- childNode2 = childLI.ftnode;
- if (childNode2 && childNode2.parent !== node) {
- node.debug(
- "_fixParent: remove missing " + childNode2,
- childLI
- );
- next = childLI.nextSibling;
- childLI.parentNode.removeChild(childLI);
- childLI = next;
- } else {
- childLI = childLI.nextSibling;
- }
- }
- // Make sure, that <li> order matches node.children order.
- childLI = node.ul.firstChild;
- for (i = 0, l = children.length - 1; i < l; i++) {
- childNode1 = children[i];
- childNode2 = childLI.ftnode;
- if (childNode1 === childNode2) {
- childLI = childLI.nextSibling;
- } else {
- // node.debug("_fixOrder: mismatch at index " + i + ": " + childNode1 + " != " + childNode2);
- node.ul.insertBefore(
- childNode1.li,
- childNode2.li
- );
- }
- }
- }
- } else {
- // No children: remove markup if any
- if (node.ul) {
- // alert("remove child markup for " + node);
- this.warn("remove child markup for " + node);
- this.nodeRemoveChildMarkup(ctx);
- }
- }
- if (!isRootNode) {
- // Update element classes according to node state
- // this.nodeRenderStatus(ctx);
- // Finally add the whole structure to the DOM, so the browser can render
- if (firstTime) {
- // #486: successorLi is set, if we re-rendered (i.e. discarded)
- // existing markup, which we want to insert at the same position.
- // (null is equivalent to append)
- // parent.ul.appendChild(node.li);
- parent.ul.insertBefore(node.li, successorLi);
- }
- }
- },
- /** Create HTML inside the node's outer `<span>` (i.e. expander, checkbox,
- * icon, and title).
- *
- * nodeRenderStatus() is implied.
- * @param {EventData} ctx
- * @param {string} [title] optinal new title
- */
- nodeRenderTitle: function(ctx, title) {
- // set node connector images, links and text
- var checkbox,
- className,
- icon,
- nodeTitle,
- role,
- tabindex,
- tooltip,
- iconTooltip,
- node = ctx.node,
- tree = ctx.tree,
- opts = ctx.options,
- aria = opts.aria,
- level = node.getLevel(),
- ares = [];
- if (title !== undefined) {
- node.title = title;
- }
- if (!node.span || tree._enableUpdate === false) {
- // Silently bail out if node was not rendered yet, assuming
- // node.render() will be called as the node becomes visible
- return;
- }
- // Connector (expanded, expandable or simple)
- role =
- aria && node.hasChildren() !== false
- ? " role='button'"
- : "";
- if (level < opts.minExpandLevel) {
- if (!node.lazy) {
- node.expanded = true;
- }
- if (level > 1) {
- ares.push(
- "<span " +
- role +
- " class='fancytree-expander fancytree-expander-fixed'></span>"
- );
- }
- // .. else (i.e. for root level) skip expander/connector alltogether
- } else {
- ares.push(
- "<span " + role + " class='fancytree-expander'></span>"
- );
- }
- // Checkbox mode
- checkbox = FT.evalOption("checkbox", node, node, opts, false);
- if (checkbox && !node.isStatusNode()) {
- role = aria ? " role='checkbox'" : "";
- className = "fancytree-checkbox";
- if (
- checkbox === "radio" ||
- (node.parent && node.parent.radiogroup)
- ) {
- className += " fancytree-radio";
- }
- ares.push(
- "<span " + role + " class='" + className + "'></span>"
- );
- }
- // Folder or doctype icon
- if (node.data.iconClass !== undefined) {
- // 2015-11-16
- // Handle / warn about backward compatibility
- if (node.icon) {
- $.error(
- "'iconClass' node option is deprecated since v2.14.0: use 'icon' only instead"
- );
- } else {
- node.warn(
- "'iconClass' node option is deprecated since v2.14.0: use 'icon' instead"
- );
- node.icon = node.data.iconClass;
- }
- }
- // If opts.icon is a callback and returns something other than undefined, use that
- // else if node.icon is a boolean or string, use that
- // else if opts.icon is a boolean or string, use that
- // else show standard icon (which may be different for folders or documents)
- icon = FT.evalOption("icon", node, node, opts, true);
- // if( typeof icon !== "boolean" ) {
- // // icon is defined, but not true/false: must be a string
- // icon = "" + icon;
- // }
- if (icon !== false) {
- role = aria ? " role='presentation'" : "";
- iconTooltip = FT.evalOption(
- "iconTooltip",
- node,
- node,
- opts,
- null
- );
- iconTooltip = iconTooltip
- ? " title='" + _escapeTooltip(iconTooltip) + "'"
- : "";
- if (typeof icon === "string") {
- if (TEST_IMG.test(icon)) {
- // node.icon is an image url. Prepend imagePath
- icon =
- icon.charAt(0) === "/"
- ? icon
- : (opts.imagePath || "") + icon;
- ares.push(
- "<img src='" +
- icon +
- "' class='fancytree-icon'" +
- iconTooltip +
- " alt='' />"
- );
- } else {
- ares.push(
- "<span " +
- role +
- " class='fancytree-custom-icon " +
- icon +
- "'" +
- iconTooltip +
- "></span>"
- );
- }
- } else if (icon.text) {
- ares.push(
- "<span " +
- role +
- " class='fancytree-custom-icon " +
- (icon.addClass || "") +
- "'" +
- iconTooltip +
- ">" +
- FT.escapeHtml(icon.text) +
- "</span>"
- );
- } else if (icon.html) {
- ares.push(
- "<span " +
- role +
- " class='fancytree-custom-icon " +
- (icon.addClass || "") +
- "'" +
- iconTooltip +
- ">" +
- icon.html +
- "</span>"
- );
- } else {
- // standard icon: theme css will take care of this
- ares.push(
- "<span " +
- role +
- " class='fancytree-icon'" +
- iconTooltip +
- "></span>"
- );
- }
- }
- // Node title
- nodeTitle = "";
- if (opts.renderTitle) {
- nodeTitle =
- opts.renderTitle.call(
- tree,
- { type: "renderTitle" },
- ctx
- ) || "";
- }
- if (!nodeTitle) {
- tooltip = FT.evalOption("tooltip", node, node, opts, null);
- if (tooltip === true) {
- tooltip = node.title;
- }
- // if( node.tooltip ) {
- // tooltip = node.tooltip;
- // } else if ( opts.tooltip ) {
- // tooltip = opts.tooltip === true ? node.title : opts.tooltip.call(tree, node);
- // }
- tooltip = tooltip
- ? " title='" + _escapeTooltip(tooltip) + "'"
- : "";
- tabindex = opts.titlesTabbable ? " tabindex='0'" : "";
- nodeTitle =
- "<span class='fancytree-title'" +
- tooltip +
- tabindex +
- ">" +
- (opts.escapeTitles
- ? FT.escapeHtml(node.title)
- : node.title) +
- "</span>";
- }
- ares.push(nodeTitle);
- // Note: this will trigger focusout, if node had the focus
- //$(node.span).html(ares.join("")); // it will cleanup the jQuery data currently associated with SPAN (if any), but it executes more slowly
- node.span.innerHTML = ares.join("");
- // Update CSS classes
- this.nodeRenderStatus(ctx);
- if (opts.enhanceTitle) {
- ctx.$title = $(">span.fancytree-title", node.span);
- nodeTitle =
- opts.enhanceTitle.call(
- tree,
- { type: "enhanceTitle" },
- ctx
- ) || "";
- }
- },
- /** Update element classes according to node state.
- * @param {EventData} ctx
- */
- nodeRenderStatus: function(ctx) {
- // Set classes for current status
- var $ariaElem,
- node = ctx.node,
- tree = ctx.tree,
- opts = ctx.options,
- // nodeContainer = node[tree.nodeContainerAttrName],
- hasChildren = node.hasChildren(),
- isLastSib = node.isLastSibling(),
- aria = opts.aria,
- cn = opts._classNames,
- cnList = [],
- statusElem = node[tree.statusClassPropName];
- if (!statusElem || tree._enableUpdate === false) {
- // if this function is called for an unrendered node, ignore it (will be updated on nect render anyway)
- return;
- }
- if (aria) {
- $ariaElem = $(node.tr || node.li);
- }
- // Build a list of class names that we will add to the node <span>
- cnList.push(cn.node);
- if (tree.activeNode === node) {
- cnList.push(cn.active);
- // $(">span.fancytree-title", statusElem).attr("tabindex", "0");
- // tree.$container.removeAttr("tabindex");
- // }else{
- // $(">span.fancytree-title", statusElem).removeAttr("tabindex");
- // tree.$container.attr("tabindex", "0");
- }
- if (tree.focusNode === node) {
- cnList.push(cn.focused);
- }
- if (node.expanded) {
- cnList.push(cn.expanded);
- }
- if (aria) {
- if (hasChildren === false) {
- $ariaElem.removeAttr("aria-expanded");
- } else {
- $ariaElem.attr("aria-expanded", Boolean(node.expanded));
- }
- }
- if (node.folder) {
- cnList.push(cn.folder);
- }
- if (hasChildren !== false) {
- cnList.push(cn.hasChildren);
- }
- // TODO: required?
- if (isLastSib) {
- cnList.push(cn.lastsib);
- }
- if (node.lazy && node.children == null) {
- cnList.push(cn.lazy);
- }
- if (node.partload) {
- cnList.push(cn.partload);
- }
- if (node.partsel) {
- cnList.push(cn.partsel);
- }
- if (FT.evalOption("unselectable", node, node, opts, false)) {
- cnList.push(cn.unselectable);
- }
- if (node._isLoading) {
- cnList.push(cn.loading);
- }
- if (node._error) {
- cnList.push(cn.error);
- }
- if (node.statusNodeType) {
- cnList.push(cn.statusNodePrefix + node.statusNodeType);
- }
- if (node.selected) {
- cnList.push(cn.selected);
- if (aria) {
- $ariaElem.attr("aria-selected", true);
- }
- } else if (aria) {
- $ariaElem.attr("aria-selected", false);
- }
- if (node.extraClasses) {
- cnList.push(node.extraClasses);
- }
- // IE6 doesn't correctly evaluate multiple class names,
- // so we create combined class names that can be used in the CSS
- if (hasChildren === false) {
- cnList.push(
- cn.combinedExpanderPrefix + "n" + (isLastSib ? "l" : "")
- );
- } else {
- cnList.push(
- cn.combinedExpanderPrefix +
- (node.expanded ? "e" : "c") +
- (node.lazy && node.children == null ? "d" : "") +
- (isLastSib ? "l" : "")
- );
- }
- cnList.push(
- cn.combinedIconPrefix +
- (node.expanded ? "e" : "c") +
- (node.folder ? "f" : "")
- );
- // node.span.className = cnList.join(" ");
- statusElem.className = cnList.join(" ");
- // TODO: we should not set this in the <span> tag also, if we set it here:
- // Maybe most (all) of the classes should be set in LI instead of SPAN?
- if (node.li) {
- // #719: we have to consider that there may be already other classes:
- $(node.li).toggleClass(cn.lastsib, isLastSib);
- }
- },
- /** Activate node.
- * flag defaults to true.
- * If flag is true, the node is activated (must be a synchronous operation)
- * If flag is false, the node is deactivated (must be a synchronous operation)
- * @param {EventData} ctx
- * @param {boolean} [flag=true]
- * @param {object} [opts] additional options. Defaults to {noEvents: false, noFocus: false}
- * @returns {$.Promise}
- */
- nodeSetActive: function(ctx, flag, callOpts) {
- // Handle user click / [space] / [enter], according to clickFolderMode.
- callOpts = callOpts || {};
- var subCtx,
- node = ctx.node,
- tree = ctx.tree,
- opts = ctx.options,
- noEvents = callOpts.noEvents === true,
- noFocus = callOpts.noFocus === true,
- scroll = callOpts.scrollIntoView !== false,
- isActive = node === tree.activeNode;
- // flag defaults to true
- flag = flag !== false;
- // node.debug("nodeSetActive", flag);
- if (isActive === flag) {
- // Nothing to do
- return _getResolvedPromise(node);
- }
- // #1042: don't scroll between mousedown/-up when clicking an embedded link
- if (
- scroll &&
- ctx.originalEvent &&
- $(ctx.originalEvent.target).is("a,:checkbox")
- ) {
- node.info("Not scrolling while clicking an embedded link.");
- scroll = false;
- }
- if (
- flag &&
- !noEvents &&
- this._triggerNodeEvent(
- "beforeActivate",
- node,
- ctx.originalEvent
- ) === false
- ) {
- // Callback returned false
- return _getRejectedPromise(node, ["rejected"]);
- }
- if (flag) {
- if (tree.activeNode) {
- _assert(
- tree.activeNode !== node,
- "node was active (inconsistency)"
- );
- subCtx = $.extend({}, ctx, { node: tree.activeNode });
- tree.nodeSetActive(subCtx, false);
- _assert(
- tree.activeNode === null,
- "deactivate was out of sync?"
- );
- }
- if (opts.activeVisible) {
- // If no focus is set (noFocus: true) and there is no focused node, this node is made visible.
- // scroll = noFocus && tree.focusNode == null;
- // #863: scroll by default (unless `scrollIntoView: false` was passed)
- node.makeVisible({ scrollIntoView: scroll });
- }
- tree.activeNode = node;
- tree.nodeRenderStatus(ctx);
- if (!noFocus) {
- tree.nodeSetFocus(ctx);
- }
- if (!noEvents) {
- tree._triggerNodeEvent(
- "activate",
- node,
- ctx.originalEvent
- );
- }
- } else {
- _assert(
- tree.activeNode === node,
- "node was not active (inconsistency)"
- );
- tree.activeNode = null;
- this.nodeRenderStatus(ctx);
- if (!noEvents) {
- ctx.tree._triggerNodeEvent(
- "deactivate",
- node,
- ctx.originalEvent
- );
- }
- }
- return _getResolvedPromise(node);
- },
- /** Expand or collapse node, return Deferred.promise.
- *
- * @param {EventData} ctx
- * @param {boolean} [flag=true]
- * @param {object} [opts] additional options. Defaults to `{noAnimation: false, noEvents: false}`
- * @returns {$.Promise} The deferred will be resolved as soon as the (lazy)
- * data was retrieved, rendered, and the expand animation finished.
- */
- nodeSetExpanded: function(ctx, flag, callOpts) {
- callOpts = callOpts || {};
- var _afterLoad,
- dfd,
- i,
- l,
- parents,
- prevAC,
- node = ctx.node,
- tree = ctx.tree,
- opts = ctx.options,
- noAnimation = callOpts.noAnimation === true,
- noEvents = callOpts.noEvents === true;
- // flag defaults to true
- flag = flag !== false;
- // node.debug("nodeSetExpanded(" + flag + ")");
- if ($(node.li).hasClass(opts._classNames.animating)) {
- node.warn(
- "setExpanded(" + flag + ") while animating: ignored."
- );
- return _getRejectedPromise(node, ["recursion"]);
- }
- if ((node.expanded && flag) || (!node.expanded && !flag)) {
- // Nothing to do
- // node.debug("nodeSetExpanded(" + flag + "): nothing to do");
- return _getResolvedPromise(node);
- } else if (flag && !node.lazy && !node.hasChildren()) {
- // Prevent expanding of empty nodes
- // return _getRejectedPromise(node, ["empty"]);
- return _getResolvedPromise(node);
- } else if (!flag && node.getLevel() < opts.minExpandLevel) {
- // Prevent collapsing locked levels
- return _getRejectedPromise(node, ["locked"]);
- } else if (
- !noEvents &&
- this._triggerNodeEvent(
- "beforeExpand",
- node,
- ctx.originalEvent
- ) === false
- ) {
- // Callback returned false
- return _getRejectedPromise(node, ["rejected"]);
- }
- // If this node inside a collpased node, no animation and scrolling is needed
- if (!noAnimation && !node.isVisible()) {
- noAnimation = callOpts.noAnimation = true;
- }
- dfd = new $.Deferred();
- // Auto-collapse mode: collapse all siblings
- if (flag && !node.expanded && opts.autoCollapse) {
- parents = node.getParentList(false, true);
- prevAC = opts.autoCollapse;
- try {
- opts.autoCollapse = false;
- for (i = 0, l = parents.length; i < l; i++) {
- // TODO: should return promise?
- this._callHook(
- "nodeCollapseSiblings",
- parents[i],
- callOpts
- );
- }
- } finally {
- opts.autoCollapse = prevAC;
- }
- }
- // Trigger expand/collapse after expanding
- dfd.done(function() {
- var lastChild = node.getLastChild();
- if (
- flag &&
- opts.autoScroll &&
- !noAnimation &&
- lastChild &&
- tree._enableUpdate
- ) {
- // Scroll down to last child, but keep current node visible
- lastChild
- .scrollIntoView(true, { topNode: node })
- .always(function() {
- if (!noEvents) {
- ctx.tree._triggerNodeEvent(
- flag ? "expand" : "collapse",
- ctx
- );
- }
- });
- } else {
- if (!noEvents) {
- ctx.tree._triggerNodeEvent(
- flag ? "expand" : "collapse",
- ctx
- );
- }
- }
- });
- // vvv Code below is executed after loading finished:
- _afterLoad = function(callback) {
- var cn = opts._classNames,
- isVisible,
- isExpanded,
- effect = opts.toggleEffect;
- node.expanded = flag;
- tree._callHook(
- "treeStructureChanged",
- ctx,
- flag ? "expand" : "collapse"
- );
- // Create required markup, but make sure the top UL is hidden, so we
- // can animate later
- tree._callHook("nodeRender", ctx, false, false, true);
- // Hide children, if node is collapsed
- if (node.ul) {
- isVisible = node.ul.style.display !== "none";
- isExpanded = !!node.expanded;
- if (isVisible === isExpanded) {
- node.warn(
- "nodeSetExpanded: UL.style.display already set"
- );
- } else if (!effect || noAnimation) {
- node.ul.style.display =
- node.expanded || !parent ? "" : "none";
- } else {
- // The UI toggle() effect works with the ext-wide extension,
- // while jQuery.animate() has problems when the title span
- // has position: absolute.
- // Since jQuery UI 1.12, the blind effect requires the parent
- // element to have 'position: relative'.
- // See #716, #717
- $(node.li).addClass(cn.animating); // #717
- if ($.isFunction($(node.ul)[effect.effect])) {
- // tree.debug( "use jquery." + effect.effect + " method" );
- $(node.ul)[effect.effect]({
- duration: effect.duration,
- always: function() {
- // node.debug("fancytree-animating end: " + node.li.className);
- $(this).removeClass(cn.animating); // #716
- $(node.li).removeClass(cn.animating); // #717
- callback();
- },
- });
- } else {
- // The UI toggle() effect works with the ext-wide extension,
- // while jQuery.animate() has problems when the title span
- // has positon: absolute.
- // Since jQuery UI 1.12, the blind effect requires the parent
- // element to have 'position: relative'.
- // See #716, #717
- // tree.debug("use specified effect (" + effect.effect + ") with the jqueryui.toggle method");
- // try to stop an animation that might be already in progress
- $(node.ul).stop(true, true); //< does not work after resetLazy has been called for a node whose animation wasn't complete and effect was "blind"
- // dirty fix to remove a defunct animation (effect: "blind") after resetLazy has been called
- $(node.ul)
- .parent()
- .find(".ui-effects-placeholder")
- .remove();
- $(node.ul).toggle(
- effect.effect,
- effect.options,
- effect.duration,
- function() {
- // node.debug("fancytree-animating end: " + node.li.className);
- $(this).removeClass(cn.animating); // #716
- $(node.li).removeClass(cn.animating); // #717
- callback();
- }
- );
- }
- return;
- }
- }
- callback();
- };
- // ^^^ Code above is executed after loading finshed.
- // Load lazy nodes, if any. Then continue with _afterLoad()
- if (flag && node.lazy && node.hasChildren() === undefined) {
- // node.debug("nodeSetExpanded: load start...");
- node.load()
- .done(function() {
- // node.debug("nodeSetExpanded: load done");
- if (dfd.notifyWith) {
- // requires jQuery 1.6+
- dfd.notifyWith(node, ["loaded"]);
- }
- _afterLoad(function() {
- dfd.resolveWith(node);
- });
- })
- .fail(function(errMsg) {
- _afterLoad(function() {
- dfd.rejectWith(node, [
- "load failed (" + errMsg + ")",
- ]);
- });
- });
- /*
- var source = tree._triggerNodeEvent("lazyLoad", node, ctx.originalEvent);
- _assert(typeof source !== "boolean", "lazyLoad event must return source in data.result");
- node.debug("nodeSetExpanded: load start...");
- this._callHook("nodeLoadChildren", ctx, source).done(function(){
- node.debug("nodeSetExpanded: load done");
- if(dfd.notifyWith){ // requires jQuery 1.6+
- dfd.notifyWith(node, ["loaded"]);
- }
- _afterLoad.call(tree);
- }).fail(function(errMsg){
- dfd.rejectWith(node, ["load failed (" + errMsg + ")"]);
- });
- */
- } else {
- _afterLoad(function() {
- dfd.resolveWith(node);
- });
- }
- // node.debug("nodeSetExpanded: returns");
- return dfd.promise();
- },
- /** Focus or blur this node.
- * @param {EventData} ctx
- * @param {boolean} [flag=true]
- */
- nodeSetFocus: function(ctx, flag) {
- // ctx.node.debug("nodeSetFocus(" + flag + ")");
- var ctx2,
- tree = ctx.tree,
- node = ctx.node,
- opts = tree.options,
- // et = ctx.originalEvent && ctx.originalEvent.type,
- isInput = ctx.originalEvent
- ? $(ctx.originalEvent.target).is(":input")
- : false;
- flag = flag !== false;
- // (node || tree).debug("nodeSetFocus(" + flag + "), event: " + et + ", isInput: "+ isInput);
- // Blur previous node if any
- if (tree.focusNode) {
- if (tree.focusNode === node && flag) {
- // node.debug("nodeSetFocus(" + flag + "): nothing to do");
- return;
- }
- ctx2 = $.extend({}, ctx, { node: tree.focusNode });
- tree.focusNode = null;
- this._triggerNodeEvent("blur", ctx2);
- this._callHook("nodeRenderStatus", ctx2);
- }
- // Set focus to container and node
- if (flag) {
- if (!this.hasFocus()) {
- node.debug("nodeSetFocus: forcing container focus");
- this._callHook("treeSetFocus", ctx, true, {
- calledByNode: true,
- });
- }
- node.makeVisible({ scrollIntoView: false });
- tree.focusNode = node;
- if (opts.titlesTabbable) {
- if (!isInput) {
- // #621
- $(node.span)
- .find(".fancytree-title")
- .focus();
- }
- }
- if (opts.aria) {
- // Set active descendant to node's span ID (create one, if needed)
- $(tree.$container).attr(
- "aria-activedescendant",
- $(node.tr || node.li)
- .uniqueId()
- .attr("id")
- );
- // "ftal_" + opts.idPrefix + node.key);
- }
- // $(node.span).find(".fancytree-title").focus();
- this._triggerNodeEvent("focus", ctx);
- // determine if we have focus on or inside tree container
- var hasFancytreeFocus =
- document.activeElement === tree.$container.get(0) ||
- $(document.activeElement, tree.$container).length >= 1;
- if (!hasFancytreeFocus) {
- // We cannot set KB focus to a node, so use the tree container
- // #563, #570: IE scrolls on every call to .focus(), if the container
- // is partially outside the viewport. So do it only, when absolutely
- // necessary.
- $(tree.$container).focus();
- }
- // if( opts.autoActivate ){
- // tree.nodeSetActive(ctx, true);
- // }
- if (opts.autoScroll) {
- node.scrollIntoView();
- }
- this._callHook("nodeRenderStatus", ctx);
- }
- },
- /** (De)Select node, return new status (sync).
- *
- * @param {EventData} ctx
- * @param {boolean} [flag=true]
- * @param {object} [opts] additional options. Defaults to {noEvents: false,
- * propagateDown: null, propagateUp: null,
- * callback: null,
- * }
- * @returns {boolean} previous status
- */
- nodeSetSelected: function(ctx, flag, callOpts) {
- callOpts = callOpts || {};
- var node = ctx.node,
- tree = ctx.tree,
- opts = ctx.options,
- noEvents = callOpts.noEvents === true,
- parent = node.parent;
- // flag defaults to true
- flag = flag !== false;
- // node.debug("nodeSetSelected(" + flag + ")", ctx);
- // Cannot (de)select unselectable nodes directly (only by propagation or
- // by setting the `.selected` property)
- if (FT.evalOption("unselectable", node, node, opts, false)) {
- return;
- }
- // Remember the user's intent, in case down -> up propagation prevents
- // applying it to node.selected
- node._lastSelectIntent = flag; // Confusing use of '!'
- // Nothing to do?
- if (!!node.selected === flag) {
- if (opts.selectMode === 3 && node.partsel && !flag) {
- // If propagation prevented selecting this node last time, we still
- // want to allow to apply setSelected(false) now
- } else {
- return flag;
- }
- }
- if (
- !noEvents &&
- this._triggerNodeEvent(
- "beforeSelect",
- node,
- ctx.originalEvent
- ) === false
- ) {
- return !!node.selected;
- }
- if (flag && opts.selectMode === 1) {
- // single selection mode (we don't uncheck all tree nodes, for performance reasons)
- if (tree.lastSelectedNode) {
- tree.lastSelectedNode.setSelected(false);
- }
- node.selected = flag;
- } else if (
- opts.selectMode === 3 &&
- parent &&
- !parent.radiogroup &&
- !node.radiogroup
- ) {
- // multi-hierarchical selection mode
- node.selected = flag;
- node.fixSelection3AfterClick(callOpts);
- } else if (parent && parent.radiogroup) {
- node.visitSiblings(function(n) {
- n._changeSelectStatusAttrs(flag && n === node);
- }, true);
- } else {
- // default: selectMode: 2, multi selection mode
- node.selected = flag;
- }
- this.nodeRenderStatus(ctx);
- tree.lastSelectedNode = flag ? node : null;
- if (!noEvents) {
- tree._triggerNodeEvent("select", ctx);
- }
- },
- /** Show node status (ok, loading, error, nodata) using styles and a dummy child node.
- *
- * @param {EventData} ctx
- * @param status
- * @param message
- * @param details
- * @since 2.3
- */
- nodeSetStatus: function(ctx, status, message, details) {
- var node = ctx.node,
- tree = ctx.tree;
- function _clearStatusNode() {
- // Remove dedicated dummy node, if any
- var firstChild = node.children ? node.children[0] : null;
- if (firstChild && firstChild.isStatusNode()) {
- try {
- // I've seen exceptions here with loadKeyPath...
- if (node.ul) {
- node.ul.removeChild(firstChild.li);
- firstChild.li = null; // avoid leaks (DT issue 215)
- }
- } catch (e) {}
- if (node.children.length === 1) {
- node.children = [];
- } else {
- node.children.shift();
- }
- tree._callHook(
- "treeStructureChanged",
- ctx,
- "clearStatusNode"
- );
- }
- }
- function _setStatusNode(data, type) {
- // Create/modify the dedicated dummy node for 'loading...' or
- // 'error!' status. (only called for direct child of the invisible
- // system root)
- var firstChild = node.children ? node.children[0] : null;
- if (firstChild && firstChild.isStatusNode()) {
- $.extend(firstChild, data);
- firstChild.statusNodeType = type;
- tree._callHook("nodeRenderTitle", firstChild);
- } else {
- node._setChildren([data]);
- tree._callHook(
- "treeStructureChanged",
- ctx,
- "setStatusNode"
- );
- node.children[0].statusNodeType = type;
- tree.render();
- }
- return node.children[0];
- }
- switch (status) {
- case "ok":
- _clearStatusNode();
- node._isLoading = false;
- node._error = null;
- node.renderStatus();
- break;
- case "loading":
- if (!node.parent) {
- _setStatusNode(
- {
- title:
- tree.options.strings.loading +
- (message ? " (" + message + ")" : ""),
- // icon: true, // needed for 'loding' icon
- checkbox: false,
- tooltip: details,
- },
- status
- );
- }
- node._isLoading = true;
- node._error = null;
- node.renderStatus();
- break;
- case "error":
- _setStatusNode(
- {
- title:
- tree.options.strings.loadError +
- (message ? " (" + message + ")" : ""),
- // icon: false,
- checkbox: false,
- tooltip: details,
- },
- status
- );
- node._isLoading = false;
- node._error = { message: message, details: details };
- node.renderStatus();
- break;
- case "nodata":
- _setStatusNode(
- {
- title: message || tree.options.strings.noData,
- // icon: false,
- checkbox: false,
- tooltip: details,
- },
- status
- );
- node._isLoading = false;
- node._error = null;
- node.renderStatus();
- break;
- default:
- $.error("invalid node status " + status);
- }
- },
- /**
- *
- * @param {EventData} ctx
- */
- nodeToggleExpanded: function(ctx) {
- return this.nodeSetExpanded(ctx, !ctx.node.expanded);
- },
- /**
- * @param {EventData} ctx
- */
- nodeToggleSelected: function(ctx) {
- var node = ctx.node,
- flag = !node.selected;
- // In selectMode: 3 this node may be unselected+partsel, even if
- // setSelected(true) was called before, due to `unselectable` children.
- // In this case, we now toggle as `setSelected(false)`
- if (
- node.partsel &&
- !node.selected &&
- node._lastSelectIntent === true
- ) {
- flag = false;
- node.selected = true; // so it is not considered 'nothing to do'
- }
- node._lastSelectIntent = flag;
- return this.nodeSetSelected(ctx, flag);
- },
- /** Remove all nodes.
- * @param {EventData} ctx
- */
- treeClear: function(ctx) {
- var tree = ctx.tree;
- tree.activeNode = null;
- tree.focusNode = null;
- tree.$div.find(">ul.fancytree-container").empty();
- // TODO: call destructors and remove reference loops
- tree.rootNode.children = null;
- tree._callHook("treeStructureChanged", ctx, "clear");
- },
- /** Widget was created (called only once, even it re-initialized).
- * @param {EventData} ctx
- */
- treeCreate: function(ctx) {},
- /** Widget was destroyed.
- * @param {EventData} ctx
- */
- treeDestroy: function(ctx) {
- this.$div.find(">ul.fancytree-container").remove();
- if (this.$source) {
- this.$source.removeClass("fancytree-helper-hidden");
- }
- },
- /** Widget was (re-)initialized.
- * @param {EventData} ctx
- */
- treeInit: function(ctx) {
- var tree = ctx.tree,
- opts = tree.options;
- //this.debug("Fancytree.treeInit()");
- // Add container to the TAB chain
- // See http://www.w3.org/TR/wai-aria-practices/#focus_activedescendant
- // #577: Allow to set tabindex to "0", "-1" and ""
- tree.$container.attr("tabindex", opts.tabindex);
- // Copy some attributes to tree.data
- $.each(TREE_ATTRS, function(i, attr) {
- if (opts[attr] !== undefined) {
- tree.info("Move option " + attr + " to tree");
- tree[attr] = opts[attr];
- delete opts[attr];
- }
- });
- if (opts.checkboxAutoHide) {
- tree.$container.addClass("fancytree-checkbox-auto-hide");
- }
- if (opts.rtl) {
- tree.$container
- .attr("DIR", "RTL")
- .addClass("fancytree-rtl");
- } else {
- tree.$container
- .removeAttr("DIR")
- .removeClass("fancytree-rtl");
- }
- if (opts.aria) {
- tree.$container.attr("role", "tree");
- if (opts.selectMode !== 1) {
- tree.$container.attr("aria-multiselectable", true);
- }
- }
- this.treeLoad(ctx);
- },
- /** Parse Fancytree from source, as configured in the options.
- * @param {EventData} ctx
- * @param {object} [source] optional new source (use last data otherwise)
- */
- treeLoad: function(ctx, source) {
- var metaData,
- type,
- $ul,
- tree = ctx.tree,
- $container = ctx.widget.element,
- dfd,
- // calling context for root node
- rootCtx = $.extend({}, ctx, { node: this.rootNode });
- if (tree.rootNode.children) {
- this.treeClear(ctx);
- }
- source = source || this.options.source;
- if (!source) {
- type = $container.data("type") || "html";
- switch (type) {
- case "html":
- // There should be an embedded `<ul>` with initial nodes,
- // but another `<ul class='fancytree-container'>` is appended
- // to the tree's <div> on startup anyway.
- $ul = $container
- .find(">ul")
- .not(".fancytree-container")
- .first();
- if ($ul.length) {
- $ul.addClass(
- "ui-fancytree-source fancytree-helper-hidden"
- );
- source = $.ui.fancytree.parseHtml($ul);
- // allow to init tree.data.foo from <ul data-foo=''>
- this.data = $.extend(
- this.data,
- _getElementDataAsDict($ul)
- );
- } else {
- FT.warn(
- "No `source` option was passed and container does not contain `<ul>`: assuming `source: []`."
- );
- source = [];
- }
- break;
- case "json":
- source = $.parseJSON($container.text());
- // $container already contains the <ul>, but we remove the plain (json) text
- // $container.empty();
- $container
- .contents()
- .filter(function() {
- return this.nodeType === 3;
- })
- .remove();
- if ($.isPlainObject(source)) {
- // We got {foo: 'abc', children: [...]}
- _assert(
- $.isArray(source.children),
- "if an object is passed as source, it must contain a 'children' array (all other properties are added to 'tree.data')"
- );
- metaData = source;
- source = source.children;
- delete metaData.children;
- // Copy some attributes to tree.data
- $.each(TREE_ATTRS, function(i, attr) {
- if (metaData[attr] !== undefined) {
- tree[attr] = metaData[attr];
- delete metaData[attr];
- }
- });
- // Copy extra properties to tree.data.foo
- $.extend(tree.data, metaData);
- }
- break;
- default:
- $.error("Invalid data-type: " + type);
- }
- } else if (typeof source === "string") {
- // TODO: source is an element ID
- $.error("Not implemented");
- }
- // preInit is fired when the widget markup is created, but nodes
- // not yet loaded
- tree._triggerTreeEvent("preInit", null);
- // Trigger fancytreeinit after nodes have been loaded
- dfd = this.nodeLoadChildren(rootCtx, source)
- .done(function() {
- tree._callHook(
- "treeStructureChanged",
- ctx,
- "loadChildren"
- );
- tree.render();
- if (ctx.options.selectMode === 3) {
- tree.rootNode.fixSelection3FromEndNodes();
- }
- if (tree.activeNode && tree.options.activeVisible) {
- tree.activeNode.makeVisible();
- }
- tree._triggerTreeEvent("init", null, { status: true });
- })
- .fail(function() {
- tree.render();
- tree._triggerTreeEvent("init", null, { status: false });
- });
- return dfd;
- },
- /** Node was inserted into or removed from the tree.
- * @param {EventData} ctx
- * @param {boolean} add
- * @param {FancytreeNode} node
- */
- treeRegisterNode: function(ctx, add, node) {
- ctx.tree._callHook(
- "treeStructureChanged",
- ctx,
- add ? "addNode" : "removeNode"
- );
- },
- /** Widget got focus.
- * @param {EventData} ctx
- * @param {boolean} [flag=true]
- */
- treeSetFocus: function(ctx, flag, callOpts) {
- var targetNode;
- flag = flag !== false;
- // this.debug("treeSetFocus(" + flag + "), callOpts: ", callOpts, this.hasFocus());
- // this.debug(" focusNode: " + this.focusNode);
- // this.debug(" activeNode: " + this.activeNode);
- if (flag !== this.hasFocus()) {
- this._hasFocus = flag;
- if (!flag && this.focusNode) {
- // Node also looses focus if widget blurs
- this.focusNode.setFocus(false);
- } else if (flag && (!callOpts || !callOpts.calledByNode)) {
- $(this.$container).focus();
- }
- this.$container.toggleClass("fancytree-treefocus", flag);
- this._triggerTreeEvent(flag ? "focusTree" : "blurTree");
- if (flag && !this.activeNode) {
- // #712: Use last mousedowned node ('click' event fires after focusin)
- targetNode =
- this._lastMousedownNode || this.getFirstChild();
- if (targetNode) {
- targetNode.setFocus();
- }
- }
- }
- },
- /** Widget option was set using `$().fancytree("option", "KEY", VALUE)`.
- *
- * Note: `key` may reference a nested option, e.g. 'dnd5.scroll'.
- * In this case `value`contains the complete, modified `dnd5` option hash.
- * We can check for changed values like
- * if( value.scroll !== tree.options.dnd5.scroll ) {...}
- *
- * @param {EventData} ctx
- * @param {string} key option name
- * @param {any} value option value
- */
- treeSetOption: function(ctx, key, value) {
- var tree = ctx.tree,
- callDefault = true,
- callCreate = false,
- callRender = false;
- switch (key) {
- case "aria":
- case "checkbox":
- case "icon":
- case "minExpandLevel":
- case "tabindex":
- // tree._callHook("treeCreate", tree);
- callCreate = true;
- callRender = true;
- break;
- case "checkboxAutoHide":
- tree.$container.toggleClass(
- "fancytree-checkbox-auto-hide",
- !!value
- );
- break;
- case "escapeTitles":
- case "tooltip":
- callRender = true;
- break;
- case "rtl":
- if (value === false) {
- tree.$container
- .removeAttr("DIR")
- .removeClass("fancytree-rtl");
- } else {
- tree.$container
- .attr("DIR", "RTL")
- .addClass("fancytree-rtl");
- }
- callRender = true;
- break;
- case "source":
- callDefault = false;
- tree._callHook("treeLoad", tree, value);
- callRender = true;
- break;
- }
- tree.debug(
- "set option " +
- key +
- "=" +
- value +
- " <" +
- typeof value +
- ">"
- );
- if (callDefault) {
- if (this.widget._super) {
- // jQuery UI 1.9+
- this.widget._super.call(this.widget, key, value);
- } else {
- // jQuery UI <= 1.8, we have to manually invoke the _setOption method from the base widget
- $.Widget.prototype._setOption.call(
- this.widget,
- key,
- value
- );
- }
- }
- if (callCreate) {
- tree._callHook("treeCreate", tree);
- }
- if (callRender) {
- tree.render(true, false); // force, not-deep
- }
- },
- /** A Node was added, removed, moved, or it's visibility changed.
- * @param {EventData} ctx
- */
- treeStructureChanged: function(ctx, type) {},
- }
- );
- /*******************************************************************************
- * jQuery UI widget boilerplate
- */
- /**
- * The plugin (derrived from [jQuery.Widget](http://api.jqueryui.com/jQuery.widget/)).
- *
- * **Note:**
- * These methods implement the standard jQuery UI widget API.
- * It is recommended to use methods of the {Fancytree} instance instead
- *
- * @example
- * // DEPRECATED: Access jQuery UI widget methods and members:
- * var tree = $("#tree").fancytree("getTree", "#myTree");
- * var node = $.ui.fancytree.getTree("#tree").getActiveNode();
- *
- * // RECOMMENDED: Use the Fancytree object API
- * var tree = $.ui.fancytree.getTree("#myTree");
- * var node = tree.getActiveNode();
- *
- * // or you may already have stored the tree instance upon creation:
- * import {createTree, version} from 'jquery.fancytree'
- * const tree = createTree('#tree', { ... });
- * var node = tree.getActiveNode();
- *
- * @see {Fancytree_Static#getTree}
- * @deprecated Use methods of the {Fancytree} instance instead
- * @mixin Fancytree_Widget
- */
- $.widget(
- "ui.fancytree",
- /** @lends Fancytree_Widget# */
- {
- /**These options will be used as defaults
- * @type {FancytreeOptions}
- */
- options: {
- activeVisible: true,
- ajax: {
- type: "GET",
- cache: false, // false: Append random '_' argument to the request url to prevent caching.
- // timeout: 0, // >0: Make sure we get an ajax error if server is unreachable
- dataType: "json", // Expect json format and pass json object to callbacks.
- },
- aria: true,
- autoActivate: true,
- autoCollapse: false,
- autoScroll: false,
- checkbox: false,
- clickFolderMode: 4,
- copyFunctionsToData: false,
- debugLevel: null, // 0..4 (null: use global setting $.ui.fancytree.debugLevel)
- disabled: false, // TODO: required anymore?
- enableAspx: 42, // TODO: this is truethy, but distinguishable from true: default will change to false in the future
- escapeTitles: false,
- extensions: [],
- focusOnSelect: false,
- generateIds: false,
- icon: true,
- idPrefix: "ft_",
- keyboard: true,
- keyPathSeparator: "/",
- minExpandLevel: 1,
- nodata: true, // (bool, string, or callback) display message, when no data available
- quicksearch: false,
- rtl: false,
- scrollOfs: { top: 0, bottom: 0 },
- scrollParent: null,
- selectMode: 2,
- strings: {
- loading: "Loading...", // … would be escaped when escapeTitles is true
- loadError: "Load error!",
- moreData: "More...",
- noData: "No data.",
- },
- tabindex: "0",
- titlesTabbable: false,
- toggleEffect: { effect: "slideToggle", duration: 200 }, //< "toggle" or "slideToggle" to use jQuery instead of jQueryUI for toggleEffect animation
- tooltip: false,
- treeId: null,
- _classNames: {
- active: "fancytree-active",
- animating: "fancytree-animating",
- combinedExpanderPrefix: "fancytree-exp-",
- combinedIconPrefix: "fancytree-ico-",
- error: "fancytree-error",
- expanded: "fancytree-expanded",
- focused: "fancytree-focused",
- folder: "fancytree-folder",
- hasChildren: "fancytree-has-children",
- lastsib: "fancytree-lastsib",
- lazy: "fancytree-lazy",
- loading: "fancytree-loading",
- node: "fancytree-node",
- partload: "fancytree-partload",
- partsel: "fancytree-partsel",
- radio: "fancytree-radio",
- selected: "fancytree-selected",
- statusNodePrefix: "fancytree-statusnode-",
- unselectable: "fancytree-unselectable",
- },
- // events
- lazyLoad: null,
- postProcess: null,
- },
- _deprecationWarning: function(name) {
- var tree = this.tree;
- if (tree && tree.options.debugLevel >= 3) {
- tree.warn(
- "$().fancytree('" +
- name +
- "') is deprecated (see https://wwwendt.de/tech/fancytree/doc/jsdoc/Fancytree_Widget.html"
- );
- }
- },
- /* Set up the widget, Called on first $().fancytree() */
- _create: function() {
- this.tree = new Fancytree(this);
- this.$source =
- this.source || this.element.data("type") === "json"
- ? this.element
- : this.element.find(">ul").first();
- // Subclass Fancytree instance with all enabled extensions
- var extension,
- extName,
- i,
- opts = this.options,
- extensions = opts.extensions,
- base = this.tree;
- for (i = 0; i < extensions.length; i++) {
- extName = extensions[i];
- extension = $.ui.fancytree._extensions[extName];
- if (!extension) {
- $.error(
- "Could not apply extension '" +
- extName +
- "' (it is not registered, did you forget to include it?)"
- );
- }
- // Add extension options as tree.options.EXTENSION
- // _assert(!this.tree.options[extName], "Extension name must not exist as option name: " + extName);
- // console.info("extend " + extName, extension.options, this.tree.options[extName])
- // issue #876: we want to replace custom array-options, not merge them
- this.tree.options[extName] = _simpleDeepMerge(
- {},
- extension.options,
- this.tree.options[extName]
- );
- // this.tree.options[extName] = $.extend(true, {}, extension.options, this.tree.options[extName]);
- // console.info("extend " + extName + " =>", this.tree.options[extName])
- // console.info("extend " + extName + " org default =>", extension.options)
- // Add a namespace tree.ext.EXTENSION, to hold instance data
- _assert(
- this.tree.ext[extName] === undefined,
- "Extension name must not exist as Fancytree.ext attribute: '" +
- extName +
- "'"
- );
- // this.tree[extName] = extension;
- this.tree.ext[extName] = {};
- // Subclass Fancytree methods using proxies.
- _subclassObject(this.tree, base, extension, extName);
- // current extension becomes base for the next extension
- base = extension;
- }
- //
- if (opts.icons !== undefined) {
- // 2015-11-16
- if (opts.icon === true) {
- this.tree.warn(
- "'icons' tree option is deprecated since v2.14.0: use 'icon' instead"
- );
- opts.icon = opts.icons;
- } else {
- $.error(
- "'icons' tree option is deprecated since v2.14.0: use 'icon' only instead"
- );
- }
- }
- if (opts.iconClass !== undefined) {
- // 2015-11-16
- if (opts.icon) {
- $.error(
- "'iconClass' tree option is deprecated since v2.14.0: use 'icon' only instead"
- );
- } else {
- this.tree.warn(
- "'iconClass' tree option is deprecated since v2.14.0: use 'icon' instead"
- );
- opts.icon = opts.iconClass;
- }
- }
- if (opts.tabbable !== undefined) {
- // 2016-04-04
- opts.tabindex = opts.tabbable ? "0" : "-1";
- this.tree.warn(
- "'tabbable' tree option is deprecated since v2.17.0: use 'tabindex='" +
- opts.tabindex +
- "' instead"
- );
- }
- //
- this.tree._callHook("treeCreate", this.tree);
- // Note: 'fancytreecreate' event is fired by widget base class
- // this.tree._triggerTreeEvent("create");
- },
- /* Called on every $().fancytree() */
- _init: function() {
- this.tree._callHook("treeInit", this.tree);
- // TODO: currently we call bind after treeInit, because treeInit
- // might change tree.$container.
- // It would be better, to move event binding into hooks altogether
- this._bind();
- },
- /* Use the _setOption method to respond to changes to options. */
- _setOption: function(key, value) {
- return this.tree._callHook(
- "treeSetOption",
- this.tree,
- key,
- value
- );
- },
- /** Use the destroy method to clean up any modifications your widget has made to the DOM */
- _destroy: function() {
- this._unbind();
- this.tree._callHook("treeDestroy", this.tree);
- // In jQuery UI 1.8, you must invoke the destroy method from the base widget
- // $.Widget.prototype.destroy.call(this);
- // TODO: delete tree and nodes to make garbage collect easier?
- // TODO: In jQuery UI 1.9 and above, you would define _destroy instead of destroy and not call the base method
- },
- // -------------------------------------------------------------------------
- /* Remove all event handlers for our namespace */
- _unbind: function() {
- var ns = this.tree._ns;
- this.element.off(ns);
- this.tree.$container.off(ns);
- $(document).off(ns);
- },
- /* Add mouse and kyboard handlers to the container */
- _bind: function() {
- var self = this,
- opts = this.options,
- tree = this.tree,
- ns = tree._ns;
- // selstartEvent = ( $.support.selectstart ? "selectstart" : "mousedown" )
- // Remove all previuous handlers for this tree
- this._unbind();
- //alert("keydown" + ns + "foc=" + tree.hasFocus() + tree.$container);
- // tree.debug("bind events; container: ", tree.$container);
- tree.$container
- .on("focusin" + ns + " focusout" + ns, function(event) {
- var node = FT.getNode(event),
- flag = event.type === "focusin";
- if (!flag && node && $(event.target).is("a")) {
- // #764
- node.debug(
- "Ignored focusout on embedded <a> element."
- );
- return;
- }
- // tree.treeOnFocusInOut.call(tree, event);
- // tree.debug("Tree container got event " + event.type, node, event, FT.getEventTarget(event));
- if (flag) {
- if (tree._getExpiringValue("focusin")) {
- // #789: IE 11 may send duplicate focusin events
- tree.debug("Ignored double focusin.");
- return;
- }
- tree._setExpiringValue("focusin", true, 50);
- if (!node) {
- // #789: IE 11 may send focusin before mousdown(?)
- node = tree._getExpiringValue("mouseDownNode");
- if (node) {
- tree.debug(
- "Reconstruct mouse target for focusin from recent event."
- );
- }
- }
- }
- if (node) {
- // For example clicking into an <input> that is part of a node
- tree._callHook(
- "nodeSetFocus",
- tree._makeHookContext(node, event),
- flag
- );
- } else {
- if (
- tree.tbody &&
- $(event.target).parents(
- "table.fancytree-container > thead"
- ).length
- ) {
- // #767: ignore events in the table's header
- tree.debug(
- "Ignore focus event outside table body.",
- event
- );
- } else {
- tree._callHook("treeSetFocus", tree, flag);
- }
- }
- })
- .on("selectstart" + ns, "span.fancytree-title", function(
- event
- ) {
- // prevent mouse-drags to select text ranges
- // tree.debug("<span title> got event " + event.type);
- event.preventDefault();
- })
- .on("keydown" + ns, function(event) {
- // TODO: also bind keyup and keypress
- // tree.debug("got event " + event.type + ", hasFocus:" + tree.hasFocus());
- // if(opts.disabled || opts.keyboard === false || !tree.hasFocus() ){
- if (opts.disabled || opts.keyboard === false) {
- return true;
- }
- var res,
- node = tree.focusNode, // node may be null
- ctx = tree._makeHookContext(node || tree, event),
- prevPhase = tree.phase;
- try {
- tree.phase = "userEvent";
- // If a 'fancytreekeydown' handler returns false, skip the default
- // handling (implemented by tree.nodeKeydown()).
- if (node) {
- res = tree._triggerNodeEvent(
- "keydown",
- node,
- event
- );
- } else {
- res = tree._triggerTreeEvent("keydown", event);
- }
- if (res === "preventNav") {
- res = true; // prevent keyboard navigation, but don't prevent default handling of embedded input controls
- } else if (res !== false) {
- res = tree._callHook("nodeKeydown", ctx);
- }
- return res;
- } finally {
- tree.phase = prevPhase;
- }
- })
- .on("mousedown" + ns, function(event) {
- var et = FT.getEventTarget(event);
- // self.tree.debug("event(" + event.type + "): node: ", et.node);
- // #712: Store the clicked node, so we can use it when we get a focusin event
- // ('click' event fires after focusin)
- // tree.debug("event(" + event.type + "): node: ", et.node);
- tree._lastMousedownNode = et ? et.node : null;
- // #789: Store the node also for a short period, so we can use it
- // in a *resulting* focusin event
- tree._setExpiringValue(
- "mouseDownNode",
- tree._lastMousedownNode
- );
- })
- .on("click" + ns + " dblclick" + ns, function(event) {
- if (opts.disabled) {
- return true;
- }
- var ctx,
- et = FT.getEventTarget(event),
- node = et.node,
- tree = self.tree,
- prevPhase = tree.phase;
- // self.tree.debug("event(" + event.type + "): node: ", node);
- if (!node) {
- return true; // Allow bubbling of other events
- }
- ctx = tree._makeHookContext(node, event);
- // self.tree.debug("event(" + event.type + "): node: ", node);
- try {
- tree.phase = "userEvent";
- switch (event.type) {
- case "click":
- ctx.targetType = et.type;
- if (node.isPagingNode()) {
- return (
- tree._triggerNodeEvent(
- "clickPaging",
- ctx,
- event
- ) === true
- );
- }
- return tree._triggerNodeEvent(
- "click",
- ctx,
- event
- ) === false
- ? false
- : tree._callHook("nodeClick", ctx);
- case "dblclick":
- ctx.targetType = et.type;
- return tree._triggerNodeEvent(
- "dblclick",
- ctx,
- event
- ) === false
- ? false
- : tree._callHook("nodeDblclick", ctx);
- }
- } finally {
- tree.phase = prevPhase;
- }
- });
- },
- /** Return the active node or null.
- * @returns {FancytreeNode}
- * @deprecated Use methods of the Fancytree instance instead (<a href="Fancytree_Widget.html">example above</a>).
- */
- getActiveNode: function() {
- this._deprecationWarning("getActiveNode");
- return this.tree.activeNode;
- },
- /** Return the matching node or null.
- * @param {string} key
- * @returns {FancytreeNode}
- * @deprecated Use methods of the Fancytree instance instead (<a href="Fancytree_Widget.html">example above</a>).
- */
- getNodeByKey: function(key) {
- this._deprecationWarning("getNodeByKey");
- return this.tree.getNodeByKey(key);
- },
- /** Return the invisible system root node.
- * @returns {FancytreeNode}
- * @deprecated Use methods of the Fancytree instance instead (<a href="Fancytree_Widget.html">example above</a>).
- */
- getRootNode: function() {
- this._deprecationWarning("getRootNode");
- return this.tree.rootNode;
- },
- /** Return the current tree instance.
- * @returns {Fancytree}
- * @deprecated Use `$.ui.fancytree.getTree()` instead (<a href="Fancytree_Widget.html">example above</a>).
- */
- getTree: function() {
- this._deprecationWarning("getTree");
- return this.tree;
- },
- }
- );
- // $.ui.fancytree was created by the widget factory. Create a local shortcut:
- FT = $.ui.fancytree;
- /**
- * Static members in the `$.ui.fancytree` namespace.
- * This properties and methods can be accessed without instantiating a concrete
- * Fancytree instance.
- *
- * @example
- * // Access static members:
- * var node = $.ui.fancytree.getNode(element);
- * alert($.ui.fancytree.version);
- *
- * @mixin Fancytree_Static
- */
- $.extend(
- $.ui.fancytree,
- /** @lends Fancytree_Static# */
- {
- /** Version number `"MAJOR.MINOR.PATCH"`
- * @type {string} */
- version: "2.38.0", // Set to semver by 'grunt release'
- /** @type {string}
- * @description `"production" for release builds` */
- buildType: "production", // Set to 'production' by 'grunt build'
- /** @type {int}
- * @description 0: silent .. 5: verbose (default: 3 for release builds). */
- debugLevel: 3, // Set to 3 by 'grunt build'
- // Used by $.ui.fancytree.debug() and as default for tree.options.debugLevel
- _nextId: 1,
- _nextNodeKey: 1,
- _extensions: {},
- // focusTree: null,
- /** Expose class object as `$.ui.fancytree._FancytreeClass`.
- * Useful to extend `$.ui.fancytree._FancytreeClass.prototype`.
- * @type {Fancytree}
- */
- _FancytreeClass: Fancytree,
- /** Expose class object as $.ui.fancytree._FancytreeNodeClass
- * Useful to extend `$.ui.fancytree._FancytreeNodeClass.prototype`.
- * @type {FancytreeNode}
- */
- _FancytreeNodeClass: FancytreeNode,
- /* Feature checks to provide backwards compatibility */
- jquerySupports: {
- // http://jqueryui.com/upgrade-guide/1.9/#deprecated-offset-option-merged-into-my-and-at
- positionMyOfs: isVersionAtLeast($.ui.version, 1, 9),
- },
- /** Throw an error if condition fails (debug method).
- * @param {boolean} cond
- * @param {string} msg
- */
- assert: function(cond, msg) {
- return _assert(cond, msg);
- },
- /** Create a new Fancytree instance on a target element.
- *
- * @param {Element | jQueryObject | string} el Target DOM element or selector
- * @param {FancytreeOptions} [opts] Fancytree options
- * @returns {Fancytree} new tree instance
- * @example
- * var tree = $.ui.fancytree.createTree("#tree", {
- * source: {url: "my/webservice"}
- * }); // Create tree for this matching element
- *
- * @since 2.25
- */
- createTree: function(el, opts) {
- var $tree = $(el).fancytree(opts);
- return FT.getTree($tree);
- },
- /** Return a function that executes *fn* at most every *timeout* ms.
- * @param {integer} timeout
- * @param {function} fn
- * @param {boolean} [invokeAsap=false]
- * @param {any} [ctx]
- */
- debounce: function(timeout, fn, invokeAsap, ctx) {
- var timer;
- if (arguments.length === 3 && typeof invokeAsap !== "boolean") {
- ctx = invokeAsap;
- invokeAsap = false;
- }
- return function() {
- var args = arguments;
- ctx = ctx || this;
- // eslint-disable-next-line no-unused-expressions
- invokeAsap && !timer && fn.apply(ctx, args);
- clearTimeout(timer);
- timer = setTimeout(function() {
- // eslint-disable-next-line no-unused-expressions
- invokeAsap || fn.apply(ctx, args);
- timer = null;
- }, timeout);
- };
- },
- /** Write message to console if debugLevel >= 4
- * @param {string} msg
- */
- debug: function(msg) {
- if ($.ui.fancytree.debugLevel >= 4) {
- consoleApply("log", arguments);
- }
- },
- /** Write error message to console if debugLevel >= 1.
- * @param {string} msg
- */
- error: function(msg) {
- if ($.ui.fancytree.debugLevel >= 1) {
- consoleApply("error", arguments);
- }
- },
- /** Convert `<`, `>`, `&`, `"`, `'`, and `/` to the equivalent entities.
- *
- * @param {string} s
- * @returns {string}
- */
- escapeHtml: function(s) {
- return ("" + s).replace(REX_HTML, function(s) {
- return ENTITY_MAP[s];
- });
- },
- /** Make jQuery.position() arguments backwards compatible, i.e. if
- * jQuery UI version <= 1.8, convert
- * { my: "left+3 center", at: "left bottom", of: $target }
- * to
- * { my: "left center", at: "left bottom", of: $target, offset: "3 0" }
- *
- * See http://jqueryui.com/upgrade-guide/1.9/#deprecated-offset-option-merged-into-my-and-at
- * and http://jsfiddle.net/mar10/6xtu9a4e/
- *
- * @param {object} opts
- * @returns {object} the (potentially modified) original opts hash object
- */
- fixPositionOptions: function(opts) {
- if (opts.offset || ("" + opts.my + opts.at).indexOf("%") >= 0) {
- $.error(
- "expected new position syntax (but '%' is not supported)"
- );
- }
- if (!$.ui.fancytree.jquerySupports.positionMyOfs) {
- var // parse 'left+3 center' into ['left+3 center', 'left', '+3', 'center', undefined]
- myParts = /(\w+)([+-]?\d+)?\s+(\w+)([+-]?\d+)?/.exec(
- opts.my
- ),
- atParts = /(\w+)([+-]?\d+)?\s+(\w+)([+-]?\d+)?/.exec(
- opts.at
- ),
- // convert to numbers
- dx =
- (myParts[2] ? +myParts[2] : 0) +
- (atParts[2] ? +atParts[2] : 0),
- dy =
- (myParts[4] ? +myParts[4] : 0) +
- (atParts[4] ? +atParts[4] : 0);
- opts = $.extend({}, opts, {
- // make a copy and overwrite
- my: myParts[1] + " " + myParts[3],
- at: atParts[1] + " " + atParts[3],
- });
- if (dx || dy) {
- opts.offset = "" + dx + " " + dy;
- }
- }
- return opts;
- },
- /** Return a {node: FancytreeNode, type: TYPE} object for a mouse event.
- *
- * @param {Event} event Mouse event, e.g. click, ...
- * @returns {object} Return a {node: FancytreeNode, type: TYPE} object
- * TYPE: 'title' | 'prefix' | 'expander' | 'checkbox' | 'icon' | undefined
- */
- getEventTarget: function(event) {
- var $target,
- tree,
- tcn = event && event.target ? event.target.className : "",
- res = { node: this.getNode(event.target), type: undefined };
- // We use a fast version of $(res.node).hasClass()
- // See http://jsperf.com/test-for-classname/2
- if (/\bfancytree-title\b/.test(tcn)) {
- res.type = "title";
- } else if (/\bfancytree-expander\b/.test(tcn)) {
- res.type =
- res.node.hasChildren() === false
- ? "prefix"
- : "expander";
- // }else if( /\bfancytree-checkbox\b/.test(tcn) || /\bfancytree-radio\b/.test(tcn) ){
- } else if (/\bfancytree-checkbox\b/.test(tcn)) {
- res.type = "checkbox";
- } else if (/\bfancytree(-custom)?-icon\b/.test(tcn)) {
- res.type = "icon";
- } else if (/\bfancytree-node\b/.test(tcn)) {
- // Somewhere near the title
- res.type = "title";
- } else if (event && event.target) {
- $target = $(event.target);
- if ($target.is("ul[role=group]")) {
- // #nnn: Clicking right to a node may hit the surrounding UL
- tree = res.node && res.node.tree;
- (tree || FT).debug("Ignoring click on outer UL.");
- res.node = null;
- } else if ($target.closest(".fancytree-title").length) {
- // #228: clicking an embedded element inside a title
- res.type = "title";
- } else if ($target.closest(".fancytree-checkbox").length) {
- // E.g. <svg> inside checkbox span
- res.type = "checkbox";
- } else if ($target.closest(".fancytree-expander").length) {
- res.type = "expander";
- }
- }
- return res;
- },
- /** Return a string describing the affected node region for a mouse event.
- *
- * @param {Event} event Mouse event, e.g. click, mousemove, ...
- * @returns {string} 'title' | 'prefix' | 'expander' | 'checkbox' | 'icon' | undefined
- */
- getEventTargetType: function(event) {
- return this.getEventTarget(event).type;
- },
- /** Return a FancytreeNode instance from element, event, or jQuery object.
- *
- * @param {Element | jQueryObject | Event} el
- * @returns {FancytreeNode} matching node or null
- */
- getNode: function(el) {
- if (el instanceof FancytreeNode) {
- return el; // el already was a FancytreeNode
- } else if (el instanceof $) {
- el = el[0]; // el was a jQuery object: use the DOM element
- } else if (el.originalEvent !== undefined) {
- el = el.target; // el was an Event
- }
- while (el) {
- if (el.ftnode) {
- return el.ftnode;
- }
- el = el.parentNode;
- }
- return null;
- },
- /** Return a Fancytree instance, from element, index, event, or jQueryObject.
- *
- * @param {Element | jQueryObject | Event | integer | string} [el]
- * @returns {Fancytree} matching tree or null
- * @example
- * $.ui.fancytree.getTree(); // Get first Fancytree instance on page
- * $.ui.fancytree.getTree(1); // Get second Fancytree instance on page
- * $.ui.fancytree.getTree(event); // Get tree for this mouse- or keyboard event
- * $.ui.fancytree.getTree("foo"); // Get tree for this `opts.treeId`
- * $.ui.fancytree.getTree("#tree"); // Get tree for this matching element
- *
- * @since 2.13
- */
- getTree: function(el) {
- var widget,
- orgEl = el;
- if (el instanceof Fancytree) {
- return el; // el already was a Fancytree
- }
- if (el === undefined) {
- el = 0; // get first tree
- }
- if (typeof el === "number") {
- el = $(".fancytree-container").eq(el); // el was an integer: return nth instance
- } else if (typeof el === "string") {
- // `el` may be a treeId or a selector:
- el = $("#ft-id-" + orgEl).eq(0);
- if (!el.length) {
- el = $(orgEl).eq(0); // el was a selector: use first match
- }
- } else if (
- el instanceof Element ||
- el instanceof HTMLDocument
- ) {
- el = $(el);
- } else if (el instanceof $) {
- el = el.eq(0); // el was a jQuery object: use the first
- } else if (el.originalEvent !== undefined) {
- el = $(el.target); // el was an Event
- }
- // el is a jQuery object wit one element here
- el = el.closest(":ui-fancytree");
- widget = el.data("ui-fancytree") || el.data("fancytree"); // the latter is required by jQuery <= 1.8
- return widget ? widget.tree : null;
- },
- /** Return an option value that has a default, but may be overridden by a
- * callback or a node instance attribute.
- *
- * Evaluation sequence:
- *
- * If `tree.options.<optionName>` is a callback that returns something, use that.
- * Else if `node.<optionName>` is defined, use that.
- * Else if `tree.options.<optionName>` is a value, use that.
- * Else use `defaultValue`.
- *
- * @param {string} optionName name of the option property (on node and tree)
- * @param {FancytreeNode} node passed to the callback
- * @param {object} nodeObject where to look for the local option property, e.g. `node` or `node.data`
- * @param {object} treeOption where to look for the tree option, e.g. `tree.options` or `tree.options.dnd5`
- * @param {any} [defaultValue]
- * @returns {any}
- *
- * @example
- * // Check for node.foo, tree,options.foo(), and tree.options.foo:
- * $.ui.fancytree.evalOption("foo", node, node, tree.options);
- * // Check for node.data.bar, tree,options.qux.bar(), and tree.options.qux.bar:
- * $.ui.fancytree.evalOption("bar", node, node.data, tree.options.qux);
- *
- * @since 2.22
- */
- evalOption: function(
- optionName,
- node,
- nodeObject,
- treeOptions,
- defaultValue
- ) {
- var ctx,
- res,
- tree = node.tree,
- treeOpt = treeOptions[optionName],
- nodeOpt = nodeObject[optionName];
- if ($.isFunction(treeOpt)) {
- ctx = {
- node: node,
- tree: tree,
- widget: tree.widget,
- options: tree.widget.options,
- typeInfo: tree.types[node.type] || {},
- };
- res = treeOpt.call(tree, { type: optionName }, ctx);
- if (res == null) {
- res = nodeOpt;
- }
- } else {
- res = nodeOpt == null ? treeOpt : nodeOpt;
- }
- if (res == null) {
- res = defaultValue; // no option set at all: return default
- }
- return res;
- },
- /** Set expander, checkbox, or node icon, supporting string and object format.
- *
- * @param {Element | jQueryObject} span
- * @param {string} baseClass
- * @param {string | object} icon
- * @since 2.27
- */
- setSpanIcon: function(span, baseClass, icon) {
- var $span = $(span);
- if (typeof icon === "string") {
- $span.attr("class", baseClass + " " + icon);
- } else {
- // support object syntax: { text: ligature, addClasse: classname }
- if (icon.text) {
- $span.text("" + icon.text);
- } else if (icon.html) {
- span.innerHTML = icon.html;
- }
- $span.attr(
- "class",
- baseClass + " " + (icon.addClass || "")
- );
- }
- },
- /** Convert a keydown or mouse event to a canonical string like 'ctrl+a',
- * 'ctrl+shift+f2', 'shift+leftdblclick'.
- *
- * This is especially handy for switch-statements in event handlers.
- *
- * @param {event}
- * @returns {string}
- *
- * @example
- switch( $.ui.fancytree.eventToString(event) ) {
- case "-":
- tree.nodeSetExpanded(ctx, false);
- break;
- case "shift+return":
- tree.nodeSetActive(ctx, true);
- break;
- case "down":
- res = node.navigate(event.which, activate);
- break;
- default:
- handled = false;
- }
- if( handled ){
- event.preventDefault();
- }
- */
- eventToString: function(event) {
- // Poor-man's hotkeys. See here for a complete implementation:
- // https://github.com/jeresig/jquery.hotkeys
- var which = event.which,
- et = event.type,
- s = [];
- if (event.altKey) {
- s.push("alt");
- }
- if (event.ctrlKey) {
- s.push("ctrl");
- }
- if (event.metaKey) {
- s.push("meta");
- }
- if (event.shiftKey) {
- s.push("shift");
- }
- if (et === "click" || et === "dblclick") {
- s.push(MOUSE_BUTTONS[event.button] + et);
- } else if (et === "wheel") {
- s.push(et);
- } else if (!IGNORE_KEYCODES[which]) {
- s.push(
- SPECIAL_KEYCODES[which] ||
- String.fromCharCode(which).toLowerCase()
- );
- }
- return s.join("+");
- },
- /** Write message to console if debugLevel >= 3
- * @param {string} msg
- */
- info: function(msg) {
- if ($.ui.fancytree.debugLevel >= 3) {
- consoleApply("info", arguments);
- }
- },
- /* @deprecated: use eventToString(event) instead.
- */
- keyEventToString: function(event) {
- this.warn(
- "keyEventToString() is deprecated: use eventToString()"
- );
- return this.eventToString(event);
- },
- /** Return a wrapped handler method, that provides `this._super`.
- *
- * @example
- // Implement `opts.createNode` event to add the 'draggable' attribute
- $.ui.fancytree.overrideMethod(ctx.options, "createNode", function(event, data) {
- // Default processing if any
- this._super.apply(this, arguments);
- // Add 'draggable' attribute
- data.node.span.draggable = true;
- });
- *
- * @param {object} instance
- * @param {string} methodName
- * @param {function} handler
- * @param {object} [context] optional context
- */
- overrideMethod: function(instance, methodName, handler, context) {
- var prevSuper,
- _super = instance[methodName] || $.noop;
- instance[methodName] = function() {
- var self = context || this;
- try {
- prevSuper = self._super;
- self._super = _super;
- return handler.apply(self, arguments);
- } finally {
- self._super = prevSuper;
- }
- };
- },
- /**
- * Parse tree data from HTML <ul> markup
- *
- * @param {jQueryObject} $ul
- * @returns {NodeData[]}
- */
- parseHtml: function($ul) {
- var classes,
- className,
- extraClasses,
- i,
- iPos,
- l,
- tmp,
- tmp2,
- $children = $ul.find(">li"),
- children = [];
- $children.each(function() {
- var allData,
- lowerCaseAttr,
- $li = $(this),
- $liSpan = $li.find(">span", this).first(),
- $liA = $liSpan.length ? null : $li.find(">a").first(),
- d = { tooltip: null, data: {} };
- if ($liSpan.length) {
- d.title = $liSpan.html();
- } else if ($liA && $liA.length) {
- // If a <li><a> tag is specified, use it literally and extract href/target.
- d.title = $liA.html();
- d.data.href = $liA.attr("href");
- d.data.target = $liA.attr("target");
- d.tooltip = $liA.attr("title");
- } else {
- // If only a <li> tag is specified, use the trimmed string up to
- // the next child <ul> tag.
- d.title = $li.html();
- iPos = d.title.search(/<ul/i);
- if (iPos >= 0) {
- d.title = d.title.substring(0, iPos);
- }
- }
- d.title = $.trim(d.title);
- // Make sure all fields exist
- for (i = 0, l = CLASS_ATTRS.length; i < l; i++) {
- d[CLASS_ATTRS[i]] = undefined;
- }
- // Initialize to `true`, if class is set and collect extraClasses
- classes = this.className.split(" ");
- extraClasses = [];
- for (i = 0, l = classes.length; i < l; i++) {
- className = classes[i];
- if (CLASS_ATTR_MAP[className]) {
- d[className] = true;
- } else {
- extraClasses.push(className);
- }
- }
- d.extraClasses = extraClasses.join(" ");
- // Parse node options from ID, title and class attributes
- tmp = $li.attr("title");
- if (tmp) {
- d.tooltip = tmp; // overrides <a title='...'>
- }
- tmp = $li.attr("id");
- if (tmp) {
- d.key = tmp;
- }
- // Translate hideCheckbox -> checkbox:false
- if ($li.attr("hideCheckbox")) {
- d.checkbox = false;
- }
- // Add <li data-NAME='...'> as node.data.NAME
- allData = _getElementDataAsDict($li);
- if (allData && !$.isEmptyObject(allData)) {
- // #507: convert data-hidecheckbox (lower case) to hideCheckbox
- for (lowerCaseAttr in NODE_ATTR_LOWERCASE_MAP) {
- if (allData.hasOwnProperty(lowerCaseAttr)) {
- allData[
- NODE_ATTR_LOWERCASE_MAP[lowerCaseAttr]
- ] = allData[lowerCaseAttr];
- delete allData[lowerCaseAttr];
- }
- }
- // #56: Allow to set special node.attributes from data-...
- for (i = 0, l = NODE_ATTRS.length; i < l; i++) {
- tmp = NODE_ATTRS[i];
- tmp2 = allData[tmp];
- if (tmp2 != null) {
- delete allData[tmp];
- d[tmp] = tmp2;
- }
- }
- // All other data-... goes to node.data...
- $.extend(d.data, allData);
- }
- // Recursive reading of child nodes, if LI tag contains an UL tag
- $ul = $li.find(">ul").first();
- if ($ul.length) {
- d.children = $.ui.fancytree.parseHtml($ul);
- } else {
- d.children = d.lazy ? undefined : null;
- }
- children.push(d);
- // FT.debug("parse ", d, children);
- });
- return children;
- },
- /** Add Fancytree extension definition to the list of globally available extensions.
- *
- * @param {object} definition
- */
- registerExtension: function(definition) {
- _assert(
- definition.name != null,
- "extensions must have a `name` property."
- );
- _assert(
- definition.version != null,
- "extensions must have a `version` property."
- );
- $.ui.fancytree._extensions[definition.name] = definition;
- },
- /** Inverse of escapeHtml().
- *
- * @param {string} s
- * @returns {string}
- */
- unescapeHtml: function(s) {
- var e = document.createElement("div");
- e.innerHTML = s;
- return e.childNodes.length === 0
- ? ""
- : e.childNodes[0].nodeValue;
- },
- /** Write warning message to console if debugLevel >= 2.
- * @param {string} msg
- */
- warn: function(msg) {
- if ($.ui.fancytree.debugLevel >= 2) {
- consoleApply("warn", arguments);
- }
- },
- }
- );
- // Value returned by `require('jquery.fancytree')`
- return $.ui.fancytree;
- }); // End of closure
- /*! Extension 'jquery.fancytree.childcounter.js' */// Extending Fancytree
- // ===================
- //
- // See also the [live demo](https://wwWendt.de/tech/fancytree/demo/sample-ext-childcounter.html) of this code.
- //
- // Every extension should have a comment header containing some information
- // about the author, copyright and licensing. Also a pointer to the latest
- // source code.
- // Prefix with `/*!` so the comment is not removed by the minifier.
- /*!
- * jquery.fancytree.childcounter.js
- *
- * Add a child counter bubble to tree nodes.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.38.0
- * @date 2021-02-09T20:03:49Z
- */
- // To keep the global namespace clean, we wrap everything in a closure.
- // The UMD wrapper pattern defines the dependencies on jQuery and the
- // Fancytree core module, and makes sure that we can use the `require()`
- // syntax with package loaders.
- (function(factory) {
- if (typeof define === "function" && define.amd) {
- // AMD. Register as an anonymous module.
- define(["jquery", "./jquery.fancytree"], factory);
- } else if (typeof module === "object" && module.exports) {
- // Node/CommonJS
- require("./jquery.fancytree");
- module.exports = factory(require("jquery"));
- } else {
- // Browser globals
- factory(jQuery);
- }
- })(function($) {
- // Consider to use [strict mode](http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/)
- "use strict";
- // The [coding guidelines](http://contribute.jquery.org/style-guide/js/)
- // require jshint /eslint compliance.
- // But for this sample, we want to allow unused variables for demonstration purpose.
- /*eslint-disable no-unused-vars */
- // Adding methods
- // --------------
- // New member functions can be added to the `Fancytree` class.
- // This function will be available for every tree instance:
- //
- // var tree = $.ui.fancytree.getTree("#tree");
- // tree.countSelected(false);
- $.ui.fancytree._FancytreeClass.prototype.countSelected = function(topOnly) {
- var tree = this,
- treeOptions = tree.options;
- return tree.getSelectedNodes(topOnly).length;
- };
- // The `FancytreeNode` class can also be easily extended. This would be called
- // like
- // node.updateCounters();
- //
- // It is also good practice to add a docstring comment.
- /**
- * [ext-childcounter] Update counter badges for `node` and its parents.
- * May be called in the `loadChildren` event, to update parents of lazy loaded
- * nodes.
- * @alias FancytreeNode#updateCounters
- * @requires jquery.fancytree.childcounters.js
- */
- $.ui.fancytree._FancytreeNodeClass.prototype.updateCounters = function() {
- var node = this,
- $badge = $("span.fancytree-childcounter", node.span),
- extOpts = node.tree.options.childcounter,
- count = node.countChildren(extOpts.deep);
- node.data.childCounter = count;
- if (
- (count || !extOpts.hideZeros) &&
- (!node.isExpanded() || !extOpts.hideExpanded)
- ) {
- if (!$badge.length) {
- $badge = $("<span class='fancytree-childcounter'/>").appendTo(
- $(
- "span.fancytree-icon,span.fancytree-custom-icon",
- node.span
- )
- );
- }
- $badge.text(count);
- } else {
- $badge.remove();
- }
- if (extOpts.deep && !node.isTopLevel() && !node.isRootNode()) {
- node.parent.updateCounters();
- }
- };
- // Finally, we can extend the widget API and create functions that are called
- // like so:
- //
- // $("#tree").fancytree("widgetMethod1", "abc");
- $.ui.fancytree.prototype.widgetMethod1 = function(arg1) {
- var tree = this.tree;
- return arg1;
- };
- // Register a Fancytree extension
- // ------------------------------
- // A full blown extension, extension is available for all trees and can be
- // enabled like so (see also the [live demo](https://wwWendt.de/tech/fancytree/demo/sample-ext-childcounter.html)):
- //
- // <script src="../src/jquery.fancytree.js"></script>
- // <script src="../src/jquery.fancytree.childcounter.js"></script>
- // ...
- //
- // $("#tree").fancytree({
- // extensions: ["childcounter"],
- // childcounter: {
- // hideExpanded: true
- // },
- // ...
- // });
- //
- /* 'childcounter' extension */
- $.ui.fancytree.registerExtension({
- // Every extension must be registered by a unique name.
- name: "childcounter",
- // Version information should be compliant with [semver](http://semver.org)
- version: "2.38.0",
- // Extension specific options and their defaults.
- // This options will be available as `tree.options.childcounter.hideExpanded`
- options: {
- deep: true,
- hideZeros: true,
- hideExpanded: false,
- },
- // Attributes other than `options` (or functions) can be defined here, and
- // will be added to the tree.ext.EXTNAME namespace, in this case `tree.ext.childcounter.foo`.
- // They can also be accessed as `this._local.foo` from within the extension
- // methods.
- foo: 42,
- // Local functions are prefixed with an underscore '_'.
- // Callable as `this._local._appendCounter()`.
- _appendCounter: function(bar) {
- var tree = this;
- },
- // **Override virtual methods for this extension.**
- //
- // Fancytree implements a number of 'hook methods', prefixed by 'node...' or 'tree...'.
- // with a `ctx` argument (see [EventData](https://wwWendt.de/tech/fancytree/doc/jsdoc/global.html#EventData)
- // for details) and an extended calling context:<br>
- // `this` : the Fancytree instance<br>
- // `this._local`: the namespace that contains extension attributes and private methods (same as this.ext.EXTNAME)<br>
- // `this._super`: the virtual function that was overridden (member of previous extension or Fancytree)
- //
- // See also the [complete list of available hook functions](https://wwWendt.de/tech/fancytree/doc/jsdoc/Fancytree_Hooks.html).
- /* Init */
- // `treeInit` is triggered when a tree is initalized. We can set up classes or
- // bind event handlers here...
- treeInit: function(ctx) {
- var tree = this, // same as ctx.tree,
- opts = ctx.options,
- extOpts = ctx.options.childcounter;
- // Optionally check for dependencies with other extensions
- /* this._requireExtension("glyph", false, false); */
- // Call the base implementation
- this._superApply(arguments);
- // Add a class to the tree container
- this.$container.addClass("fancytree-ext-childcounter");
- },
- // Destroy this tree instance (we only call the default implementation, so
- // this method could as well be omitted).
- treeDestroy: function(ctx) {
- this._superApply(arguments);
- },
- // Overload the `renderTitle` hook, to append a counter badge
- nodeRenderTitle: function(ctx, title) {
- var node = ctx.node,
- extOpts = ctx.options.childcounter,
- count =
- node.data.childCounter == null
- ? node.countChildren(extOpts.deep)
- : +node.data.childCounter;
- // Let the base implementation render the title
- // We use `_super()` instead of `_superApply()` here, since it is a little bit
- // more performant when called often
- this._super(ctx, title);
- // Append a counter badge
- if (
- (count || !extOpts.hideZeros) &&
- (!node.isExpanded() || !extOpts.hideExpanded)
- ) {
- $(
- "span.fancytree-icon,span.fancytree-custom-icon",
- node.span
- ).append(
- $("<span class='fancytree-childcounter'/>").text(count)
- );
- }
- },
- // Overload the `setExpanded` hook, so the counters are updated
- nodeSetExpanded: function(ctx, flag, callOpts) {
- var tree = ctx.tree,
- node = ctx.node;
- // Let the base implementation expand/collapse the node, then redraw the title
- // after the animation has finished
- return this._superApply(arguments).always(function() {
- tree.nodeRenderTitle(ctx);
- });
- },
- // End of extension definition
- });
- // Value returned by `require('jquery.fancytree..')`
- return $.ui.fancytree;
- }); // End of closure
- /*! Extension 'jquery.fancytree.clones.js' *//*!
- *
- * jquery.fancytree.clones.js
- * Support faster lookup of nodes by key and shared ref-ids.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.38.0
- * @date 2021-02-09T20:03:49Z
- */
- (function(factory) {
- if (typeof define === "function" && define.amd) {
- // AMD. Register as an anonymous module.
- define(["jquery", "./jquery.fancytree"], factory);
- } else if (typeof module === "object" && module.exports) {
- // Node/CommonJS
- require("./jquery.fancytree");
- module.exports = factory(require("jquery"));
- } else {
- // Browser globals
- factory(jQuery);
- }
- })(function($) {
- "use strict";
- /*******************************************************************************
- * Private functions and variables
- */
- var _assert = $.ui.fancytree.assert;
- /* Return first occurrence of member from array. */
- function _removeArrayMember(arr, elem) {
- // TODO: use Array.indexOf for IE >= 9
- var i;
- for (i = arr.length - 1; i >= 0; i--) {
- if (arr[i] === elem) {
- arr.splice(i, 1);
- return true;
- }
- }
- return false;
- }
- /**
- * JS Implementation of MurmurHash3 (r136) (as of May 20, 2011)
- *
- * @author <a href="mailto:gary.court@gmail.com">Gary Court</a>
- * @see http://github.com/garycourt/murmurhash-js
- * @author <a href="mailto:aappleby@gmail.com">Austin Appleby</a>
- * @see http://sites.google.com/site/murmurhash/
- *
- * @param {string} key ASCII only
- * @param {boolean} [asString=false]
- * @param {number} seed Positive integer only
- * @return {number} 32-bit positive integer hash
- */
- function hashMurmur3(key, asString, seed) {
- /*eslint-disable no-bitwise */
- var h1b,
- k1,
- remainder = key.length & 3,
- bytes = key.length - remainder,
- h1 = seed,
- c1 = 0xcc9e2d51,
- c2 = 0x1b873593,
- i = 0;
- while (i < bytes) {
- k1 =
- (key.charCodeAt(i) & 0xff) |
- ((key.charCodeAt(++i) & 0xff) << 8) |
- ((key.charCodeAt(++i) & 0xff) << 16) |
- ((key.charCodeAt(++i) & 0xff) << 24);
- ++i;
- k1 =
- ((k1 & 0xffff) * c1 + ((((k1 >>> 16) * c1) & 0xffff) << 16)) &
- 0xffffffff;
- k1 = (k1 << 15) | (k1 >>> 17);
- k1 =
- ((k1 & 0xffff) * c2 + ((((k1 >>> 16) * c2) & 0xffff) << 16)) &
- 0xffffffff;
- h1 ^= k1;
- h1 = (h1 << 13) | (h1 >>> 19);
- h1b =
- ((h1 & 0xffff) * 5 + ((((h1 >>> 16) * 5) & 0xffff) << 16)) &
- 0xffffffff;
- h1 =
- (h1b & 0xffff) +
- 0x6b64 +
- ((((h1b >>> 16) + 0xe654) & 0xffff) << 16);
- }
- k1 = 0;
- switch (remainder) {
- case 3:
- k1 ^= (key.charCodeAt(i + 2) & 0xff) << 16;
- // fall through
- case 2:
- k1 ^= (key.charCodeAt(i + 1) & 0xff) << 8;
- // fall through
- case 1:
- k1 ^= key.charCodeAt(i) & 0xff;
- k1 =
- ((k1 & 0xffff) * c1 +
- ((((k1 >>> 16) * c1) & 0xffff) << 16)) &
- 0xffffffff;
- k1 = (k1 << 15) | (k1 >>> 17);
- k1 =
- ((k1 & 0xffff) * c2 +
- ((((k1 >>> 16) * c2) & 0xffff) << 16)) &
- 0xffffffff;
- h1 ^= k1;
- }
- h1 ^= key.length;
- h1 ^= h1 >>> 16;
- h1 =
- ((h1 & 0xffff) * 0x85ebca6b +
- ((((h1 >>> 16) * 0x85ebca6b) & 0xffff) << 16)) &
- 0xffffffff;
- h1 ^= h1 >>> 13;
- h1 =
- ((h1 & 0xffff) * 0xc2b2ae35 +
- ((((h1 >>> 16) * 0xc2b2ae35) & 0xffff) << 16)) &
- 0xffffffff;
- h1 ^= h1 >>> 16;
- if (asString) {
- // Convert to 8 digit hex string
- return ("0000000" + (h1 >>> 0).toString(16)).substr(-8);
- }
- return h1 >>> 0;
- /*eslint-enable no-bitwise */
- }
- /*
- * Return a unique key for node by calculating the hash of the parents refKey-list.
- */
- function calcUniqueKey(node) {
- var key,
- h1,
- path = $.map(node.getParentList(false, true), function(e) {
- return e.refKey || e.key;
- });
- path = path.join("/");
- // 32-bit has a high probability of collisions, so we pump up to 64-bit
- // https://security.stackexchange.com/q/209882/207588
- h1 = hashMurmur3(path, true);
- key = "id_" + h1 + hashMurmur3(h1 + path, true);
- return key;
- }
- /**
- * [ext-clones] Return a list of clone-nodes (i.e. same refKey) or null.
- * @param {boolean} [includeSelf=false]
- * @returns {FancytreeNode[] | null}
- *
- * @alias FancytreeNode#getCloneList
- * @requires jquery.fancytree.clones.js
- */
- $.ui.fancytree._FancytreeNodeClass.prototype.getCloneList = function(
- includeSelf
- ) {
- var key,
- tree = this.tree,
- refList = tree.refMap[this.refKey] || null,
- keyMap = tree.keyMap;
- if (refList) {
- key = this.key;
- // Convert key list to node list
- if (includeSelf) {
- refList = $.map(refList, function(val) {
- return keyMap[val];
- });
- } else {
- refList = $.map(refList, function(val) {
- return val === key ? null : keyMap[val];
- });
- if (refList.length < 1) {
- refList = null;
- }
- }
- }
- return refList;
- };
- /**
- * [ext-clones] Return true if this node has at least another clone with same refKey.
- * @returns {boolean}
- *
- * @alias FancytreeNode#isClone
- * @requires jquery.fancytree.clones.js
- */
- $.ui.fancytree._FancytreeNodeClass.prototype.isClone = function() {
- var refKey = this.refKey || null,
- refList = (refKey && this.tree.refMap[refKey]) || null;
- return !!(refList && refList.length > 1);
- };
- /**
- * [ext-clones] Update key and/or refKey for an existing node.
- * @param {string} key
- * @param {string} refKey
- * @returns {boolean}
- *
- * @alias FancytreeNode#reRegister
- * @requires jquery.fancytree.clones.js
- */
- $.ui.fancytree._FancytreeNodeClass.prototype.reRegister = function(
- key,
- refKey
- ) {
- key = key == null ? null : "" + key;
- refKey = refKey == null ? null : "" + refKey;
- // this.debug("reRegister", key, refKey);
- var tree = this.tree,
- prevKey = this.key,
- prevRefKey = this.refKey,
- keyMap = tree.keyMap,
- refMap = tree.refMap,
- refList = refMap[prevRefKey] || null,
- // curCloneKeys = refList ? node.getCloneList(true),
- modified = false;
- // Key has changed: update all references
- if (key != null && key !== this.key) {
- if (keyMap[key]) {
- $.error(
- "[ext-clones] reRegister(" +
- key +
- "): already exists: " +
- this
- );
- }
- // Update keyMap
- delete keyMap[prevKey];
- keyMap[key] = this;
- // Update refMap
- if (refList) {
- refMap[prevRefKey] = $.map(refList, function(e) {
- return e === prevKey ? key : e;
- });
- }
- this.key = key;
- modified = true;
- }
- // refKey has changed
- if (refKey != null && refKey !== this.refKey) {
- // Remove previous refKeys
- if (refList) {
- if (refList.length === 1) {
- delete refMap[prevRefKey];
- } else {
- refMap[prevRefKey] = $.map(refList, function(e) {
- return e === prevKey ? null : e;
- });
- }
- }
- // Add refKey
- if (refMap[refKey]) {
- refMap[refKey].append(key);
- } else {
- refMap[refKey] = [this.key];
- }
- this.refKey = refKey;
- modified = true;
- }
- return modified;
- };
- /**
- * [ext-clones] Define a refKey for an existing node.
- * @param {string} refKey
- * @returns {boolean}
- *
- * @alias FancytreeNode#setRefKey
- * @requires jquery.fancytree.clones.js
- * @since 2.16
- */
- $.ui.fancytree._FancytreeNodeClass.prototype.setRefKey = function(refKey) {
- return this.reRegister(null, refKey);
- };
- /**
- * [ext-clones] Return all nodes with a given refKey (null if not found).
- * @param {string} refKey
- * @param {FancytreeNode} [rootNode] optionally restrict results to descendants of this node
- * @returns {FancytreeNode[] | null}
- * @alias Fancytree#getNodesByRef
- * @requires jquery.fancytree.clones.js
- */
- $.ui.fancytree._FancytreeClass.prototype.getNodesByRef = function(
- refKey,
- rootNode
- ) {
- var keyMap = this.keyMap,
- refList = this.refMap[refKey] || null;
- if (refList) {
- // Convert key list to node list
- if (rootNode) {
- refList = $.map(refList, function(val) {
- var node = keyMap[val];
- return node.isDescendantOf(rootNode) ? node : null;
- });
- } else {
- refList = $.map(refList, function(val) {
- return keyMap[val];
- });
- }
- if (refList.length < 1) {
- refList = null;
- }
- }
- return refList;
- };
- /**
- * [ext-clones] Replace a refKey with a new one.
- * @param {string} oldRefKey
- * @param {string} newRefKey
- * @alias Fancytree#changeRefKey
- * @requires jquery.fancytree.clones.js
- */
- $.ui.fancytree._FancytreeClass.prototype.changeRefKey = function(
- oldRefKey,
- newRefKey
- ) {
- var i,
- node,
- keyMap = this.keyMap,
- refList = this.refMap[oldRefKey] || null;
- if (refList) {
- for (i = 0; i < refList.length; i++) {
- node = keyMap[refList[i]];
- node.refKey = newRefKey;
- }
- delete this.refMap[oldRefKey];
- this.refMap[newRefKey] = refList;
- }
- };
- /*******************************************************************************
- * Extension code
- */
- $.ui.fancytree.registerExtension({
- name: "clones",
- version: "2.38.0",
- // Default options for this extension.
- options: {
- highlightActiveClones: true, // set 'fancytree-active-clone' on active clones and all peers
- highlightClones: false, // set 'fancytree-clone' class on any node that has at least one clone
- },
- treeCreate: function(ctx) {
- this._superApply(arguments);
- ctx.tree.refMap = {};
- ctx.tree.keyMap = {};
- },
- treeInit: function(ctx) {
- this.$container.addClass("fancytree-ext-clones");
- _assert(ctx.options.defaultKey == null);
- // Generate unique / reproducible default keys
- ctx.options.defaultKey = function(node) {
- return calcUniqueKey(node);
- };
- // The default implementation loads initial data
- this._superApply(arguments);
- },
- treeClear: function(ctx) {
- ctx.tree.refMap = {};
- ctx.tree.keyMap = {};
- return this._superApply(arguments);
- },
- treeRegisterNode: function(ctx, add, node) {
- var refList,
- len,
- tree = ctx.tree,
- keyMap = tree.keyMap,
- refMap = tree.refMap,
- key = node.key,
- refKey = node && node.refKey != null ? "" + node.refKey : null;
- // ctx.tree.debug("clones.treeRegisterNode", add, node);
- if (node.isStatusNode()) {
- return this._super(ctx, add, node);
- }
- if (add) {
- if (keyMap[node.key] != null) {
- var other = keyMap[node.key],
- msg =
- "clones.treeRegisterNode: duplicate key '" +
- node.key +
- "': /" +
- node.getPath(true) +
- " => " +
- other.getPath(true);
- // Sometimes this exception is not visible in the console,
- // so we also write it:
- tree.error(msg);
- $.error(msg);
- }
- keyMap[key] = node;
- if (refKey) {
- refList = refMap[refKey];
- if (refList) {
- refList.push(key);
- if (
- refList.length === 2 &&
- ctx.options.clones.highlightClones
- ) {
- // Mark peer node, if it just became a clone (no need to
- // mark current node, since it will be rendered later anyway)
- keyMap[refList[0]].renderStatus();
- }
- } else {
- refMap[refKey] = [key];
- }
- // node.debug("clones.treeRegisterNode: add clone =>", refMap[refKey]);
- }
- } else {
- if (keyMap[key] == null) {
- $.error(
- "clones.treeRegisterNode: node.key not registered: " +
- node.key
- );
- }
- delete keyMap[key];
- if (refKey) {
- refList = refMap[refKey];
- // node.debug("clones.treeRegisterNode: remove clone BEFORE =>", refMap[refKey]);
- if (refList) {
- len = refList.length;
- if (len <= 1) {
- _assert(len === 1);
- _assert(refList[0] === key);
- delete refMap[refKey];
- } else {
- _removeArrayMember(refList, key);
- // Unmark peer node, if this was the only clone
- if (
- len === 2 &&
- ctx.options.clones.highlightClones
- ) {
- // node.debug("clones.treeRegisterNode: last =>", node.getCloneList());
- keyMap[refList[0]].renderStatus();
- }
- }
- // node.debug("clones.treeRegisterNode: remove clone =>", refMap[refKey]);
- }
- }
- }
- return this._super(ctx, add, node);
- },
- nodeRenderStatus: function(ctx) {
- var $span,
- res,
- node = ctx.node;
- res = this._super(ctx);
- if (ctx.options.clones.highlightClones) {
- $span = $(node[ctx.tree.statusClassPropName]);
- // Only if span already exists
- if ($span.length && node.isClone()) {
- // node.debug("clones.nodeRenderStatus: ", ctx.options.clones.highlightClones);
- $span.addClass("fancytree-clone");
- }
- }
- return res;
- },
- nodeSetActive: function(ctx, flag, callOpts) {
- var res,
- scpn = ctx.tree.statusClassPropName,
- node = ctx.node;
- res = this._superApply(arguments);
- if (ctx.options.clones.highlightActiveClones && node.isClone()) {
- $.each(node.getCloneList(true), function(idx, n) {
- // n.debug("clones.nodeSetActive: ", flag !== false);
- $(n[scpn]).toggleClass(
- "fancytree-active-clone",
- flag !== false
- );
- });
- }
- return res;
- },
- });
- // Value returned by `require('jquery.fancytree..')`
- return $.ui.fancytree;
- }); // End of closure
- /*! Extension 'jquery.fancytree.dnd5.js' *//*!
- * jquery.fancytree.dnd5.js
- *
- * Drag-and-drop support (native HTML5).
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.38.0
- * @date 2021-02-09T20:03:49Z
- */
- /*
- #TODO
- Compatiblity when dragging between *separate* windows:
- Drag from Chrome Edge FF IE11 Safari
- To Chrome ok ok ok NO ?
- Edge ok ok ok NO ?
- FF ok ok ok NO ?
- IE 11 ok ok ok ok ?
- Safari ? ? ? ? ok
- */
- (function(factory) {
- if (typeof define === "function" && define.amd) {
- // AMD. Register as an anonymous module.
- define(["jquery", "./jquery.fancytree"], factory);
- } else if (typeof module === "object" && module.exports) {
- // Node/CommonJS
- require("./jquery.fancytree");
- module.exports = factory(require("jquery"));
- } else {
- // Browser globals
- factory(jQuery);
- }
- })(function($) {
- "use strict";
- /******************************************************************************
- * Private functions and variables
- */
- var FT = $.ui.fancytree,
- isMac = /Mac/.test(navigator.platform),
- classDragSource = "fancytree-drag-source",
- classDragRemove = "fancytree-drag-remove",
- classDropAccept = "fancytree-drop-accept",
- classDropAfter = "fancytree-drop-after",
- classDropBefore = "fancytree-drop-before",
- classDropOver = "fancytree-drop-over",
- classDropReject = "fancytree-drop-reject",
- classDropTarget = "fancytree-drop-target",
- nodeMimeType = "application/x-fancytree-node",
- $dropMarker = null,
- $dragImage,
- $extraHelper,
- SOURCE_NODE = null,
- SOURCE_NODE_LIST = null,
- $sourceList = null,
- DRAG_ENTER_RESPONSE = null,
- // SESSION_DATA = null, // plain object passed to events as `data`
- SUGGESTED_DROP_EFFECT = null,
- REQUESTED_DROP_EFFECT = null,
- REQUESTED_EFFECT_ALLOWED = null,
- LAST_HIT_MODE = null,
- DRAG_OVER_STAMP = null; // Time when a node entered the 'over' hitmode
- /* */
- function _clearGlobals() {
- DRAG_ENTER_RESPONSE = null;
- DRAG_OVER_STAMP = null;
- REQUESTED_DROP_EFFECT = null;
- REQUESTED_EFFECT_ALLOWED = null;
- SUGGESTED_DROP_EFFECT = null;
- SOURCE_NODE = null;
- SOURCE_NODE_LIST = null;
- if ($sourceList) {
- $sourceList.removeClass(classDragSource + " " + classDragRemove);
- }
- $sourceList = null;
- if ($dropMarker) {
- $dropMarker.hide();
- }
- // Take this badge off of me - I can't use it anymore:
- if ($extraHelper) {
- $extraHelper.remove();
- $extraHelper = null;
- }
- }
- /* Convert number to string and prepend +/-; return empty string for 0.*/
- function offsetString(n) {
- // eslint-disable-next-line no-nested-ternary
- return n === 0 ? "" : n > 0 ? "+" + n : "" + n;
- }
- /* Convert a dragEnter() or dragOver() response to a canonical form.
- * Return false or plain object
- * @param {string|object|boolean} r
- * @return {object|false}
- */
- function normalizeDragEnterResponse(r) {
- var res;
- if (!r) {
- return false;
- }
- if ($.isPlainObject(r)) {
- res = {
- over: !!r.over,
- before: !!r.before,
- after: !!r.after,
- };
- } else if ($.isArray(r)) {
- res = {
- over: $.inArray("over", r) >= 0,
- before: $.inArray("before", r) >= 0,
- after: $.inArray("after", r) >= 0,
- };
- } else {
- res = {
- over: r === true || r === "over",
- before: r === true || r === "before",
- after: r === true || r === "after",
- };
- }
- if (Object.keys(res).length === 0) {
- return false;
- }
- // if( Object.keys(res).length === 1 ) {
- // res.unique = res[0];
- // }
- return res;
- }
- /* Convert a dataTransfer.effectAllowed to a canonical form.
- * Return false or plain object
- * @param {string|boolean} r
- * @return {object|false}
- */
- // function normalizeEffectAllowed(r) {
- // if (!r || r === "none") {
- // return false;
- // }
- // var all = r === "all",
- // res = {
- // copy: all || /copy/i.test(r),
- // link: all || /link/i.test(r),
- // move: all || /move/i.test(r),
- // };
- // return res;
- // }
- /* Implement auto scrolling when drag cursor is in top/bottom area of scroll parent. */
- function autoScroll(tree, event) {
- var spOfs,
- scrollTop,
- delta,
- dndOpts = tree.options.dnd5,
- sp = tree.$scrollParent[0],
- sensitivity = dndOpts.scrollSensitivity,
- speed = dndOpts.scrollSpeed,
- scrolled = 0;
- if (sp !== document && sp.tagName !== "HTML") {
- spOfs = tree.$scrollParent.offset();
- scrollTop = sp.scrollTop;
- if (spOfs.top + sp.offsetHeight - event.pageY < sensitivity) {
- delta =
- sp.scrollHeight -
- tree.$scrollParent.innerHeight() -
- scrollTop;
- // console.log ("sp.offsetHeight: " + sp.offsetHeight
- // + ", spOfs.top: " + spOfs.top
- // + ", scrollTop: " + scrollTop
- // + ", innerHeight: " + tree.$scrollParent.innerHeight()
- // + ", scrollHeight: " + sp.scrollHeight
- // + ", delta: " + delta
- // );
- if (delta > 0) {
- sp.scrollTop = scrolled = scrollTop + speed;
- }
- } else if (scrollTop > 0 && event.pageY - spOfs.top < sensitivity) {
- sp.scrollTop = scrolled = scrollTop - speed;
- }
- } else {
- scrollTop = $(document).scrollTop();
- if (scrollTop > 0 && event.pageY - scrollTop < sensitivity) {
- scrolled = scrollTop - speed;
- $(document).scrollTop(scrolled);
- } else if (
- $(window).height() - (event.pageY - scrollTop) <
- sensitivity
- ) {
- scrolled = scrollTop + speed;
- $(document).scrollTop(scrolled);
- }
- }
- if (scrolled) {
- tree.debug("autoScroll: " + scrolled + "px");
- }
- return scrolled;
- }
- /* Guess dropEffect from modifier keys.
- * Using rules suggested here:
- * https://ux.stackexchange.com/a/83769
- * @returns
- * 'copy', 'link', 'move', or 'none'
- */
- function evalEffectModifiers(tree, event, effectDefault) {
- var res = effectDefault;
- if (isMac) {
- if (event.metaKey && event.altKey) {
- // Mac: [Control] + [Option]
- res = "link";
- } else if (event.ctrlKey) {
- // Chrome on Mac: [Control]
- res = "link";
- } else if (event.metaKey) {
- // Mac: [Command]
- res = "move";
- } else if (event.altKey) {
- // Mac: [Option]
- res = "copy";
- }
- } else {
- if (event.ctrlKey) {
- // Windows: [Ctrl]
- res = "copy";
- } else if (event.shiftKey) {
- // Windows: [Shift]
- res = "move";
- } else if (event.altKey) {
- // Windows: [Alt]
- res = "link";
- }
- }
- if (res !== SUGGESTED_DROP_EFFECT) {
- tree.info(
- "evalEffectModifiers: " +
- event.type +
- " - evalEffectModifiers(): " +
- SUGGESTED_DROP_EFFECT +
- " -> " +
- res
- );
- }
- SUGGESTED_DROP_EFFECT = res;
- // tree.debug("evalEffectModifiers: " + res);
- return res;
- }
- /*
- * Check if the previous callback (dragEnter, dragOver, ...) has changed
- * the `data` object and apply those settings.
- *
- * Safari:
- * It seems that `dataTransfer.dropEffect` can only be set on dragStart, and will remain
- * even if the cursor changes when [Alt] or [Ctrl] are pressed (?)
- * Using rules suggested here:
- * https://ux.stackexchange.com/a/83769
- * @returns
- * 'copy', 'link', 'move', or 'none'
- */
- function prepareDropEffectCallback(event, data) {
- var tree = data.tree,
- dataTransfer = data.dataTransfer;
- if (event.type === "dragstart") {
- data.effectAllowed = tree.options.dnd5.effectAllowed;
- data.dropEffect = tree.options.dnd5.dropEffectDefault;
- } else {
- data.effectAllowed = REQUESTED_EFFECT_ALLOWED;
- data.dropEffect = REQUESTED_DROP_EFFECT;
- }
- data.dropEffectSuggested = evalEffectModifiers(
- tree,
- event,
- tree.options.dnd5.dropEffectDefault
- );
- data.isMove = data.dropEffect === "move";
- data.files = dataTransfer.files || [];
- // if (REQUESTED_EFFECT_ALLOWED !== dataTransfer.effectAllowed) {
- // tree.warn(
- // "prepareDropEffectCallback(" +
- // event.type +
- // "): dataTransfer.effectAllowed changed from " +
- // REQUESTED_EFFECT_ALLOWED +
- // " -> " +
- // dataTransfer.effectAllowed
- // );
- // }
- // if (REQUESTED_DROP_EFFECT !== dataTransfer.dropEffect) {
- // tree.warn(
- // "prepareDropEffectCallback(" +
- // event.type +
- // "): dataTransfer.dropEffect changed from requested " +
- // REQUESTED_DROP_EFFECT +
- // " to " +
- // dataTransfer.dropEffect
- // );
- // }
- }
- function applyDropEffectCallback(event, data, allowDrop) {
- var tree = data.tree,
- dataTransfer = data.dataTransfer;
- if (
- event.type !== "dragstart" &&
- REQUESTED_EFFECT_ALLOWED !== data.effectAllowed
- ) {
- tree.warn(
- "effectAllowed should only be changed in dragstart event: " +
- event.type +
- ": data.effectAllowed changed from " +
- REQUESTED_EFFECT_ALLOWED +
- " -> " +
- data.effectAllowed
- );
- }
- if (allowDrop === false) {
- tree.info("applyDropEffectCallback: allowDrop === false");
- data.effectAllowed = "none";
- data.dropEffect = "none";
- }
- // if (REQUESTED_DROP_EFFECT !== data.dropEffect) {
- // tree.debug(
- // "applyDropEffectCallback(" +
- // event.type +
- // "): data.dropEffect changed from previous " +
- // REQUESTED_DROP_EFFECT +
- // " to " +
- // data.dropEffect
- // );
- // }
- data.isMove = data.dropEffect === "move";
- // data.isMove = data.dropEffectSuggested === "move";
- // `effectAllowed` must only be defined in dragstart event, so we
- // store it in a global variable for reference
- if (event.type === "dragstart") {
- REQUESTED_EFFECT_ALLOWED = data.effectAllowed;
- REQUESTED_DROP_EFFECT = data.dropEffect;
- }
- // if (REQUESTED_DROP_EFFECT !== dataTransfer.dropEffect) {
- // data.tree.info(
- // "applyDropEffectCallback(" +
- // event.type +
- // "): dataTransfer.dropEffect changed from " +
- // REQUESTED_DROP_EFFECT +
- // " -> " +
- // dataTransfer.dropEffect
- // );
- // }
- dataTransfer.effectAllowed = REQUESTED_EFFECT_ALLOWED;
- dataTransfer.dropEffect = REQUESTED_DROP_EFFECT;
- // tree.debug(
- // "applyDropEffectCallback(" +
- // event.type +
- // "): set " +
- // dataTransfer.dropEffect +
- // "/" +
- // dataTransfer.effectAllowed
- // );
- // if (REQUESTED_DROP_EFFECT !== dataTransfer.dropEffect) {
- // data.tree.warn(
- // "applyDropEffectCallback(" +
- // event.type +
- // "): could not set dataTransfer.dropEffect to " +
- // REQUESTED_DROP_EFFECT +
- // ": got " +
- // dataTransfer.dropEffect
- // );
- // }
- return REQUESTED_DROP_EFFECT;
- }
- /* Handle dragover event (fired every x ms) on valid drop targets.
- *
- * - Auto-scroll when cursor is in border regions
- * - Apply restrictioan like 'preventVoidMoves'
- * - Calculate hit mode
- * - Calculate drop effect
- * - Trigger dragOver() callback to let user modify hit mode and drop effect
- * - Adjust the drop marker accordingly
- *
- * @returns hitMode
- */
- function handleDragOver(event, data) {
- // Implement auto-scrolling
- if (data.options.dnd5.scroll) {
- autoScroll(data.tree, event);
- }
- // Bail out with previous response if we get an invalid dragover
- if (!data.node) {
- data.tree.warn("Ignored dragover for non-node"); //, event, data);
- return LAST_HIT_MODE;
- }
- var markerOffsetX,
- nodeOfs,
- pos,
- relPosY,
- hitMode = null,
- tree = data.tree,
- options = tree.options,
- dndOpts = options.dnd5,
- targetNode = data.node,
- sourceNode = data.otherNode,
- markerAt = "center",
- $target = $(targetNode.span),
- $targetTitle = $target.find("span.fancytree-title");
- if (DRAG_ENTER_RESPONSE === false) {
- tree.debug("Ignored dragover, since dragenter returned false.");
- return false;
- } else if (typeof DRAG_ENTER_RESPONSE === "string") {
- $.error("assert failed: dragenter returned string");
- }
- // Calculate hitMode from relative cursor position.
- nodeOfs = $target.offset();
- relPosY = (event.pageY - nodeOfs.top) / $target.height();
- if (event.pageY === undefined) {
- tree.warn("event.pageY is undefined: see issue #1013.");
- }
- if (DRAG_ENTER_RESPONSE.after && relPosY > 0.75) {
- hitMode = "after";
- } else if (
- !DRAG_ENTER_RESPONSE.over &&
- DRAG_ENTER_RESPONSE.after &&
- relPosY > 0.5
- ) {
- hitMode = "after";
- } else if (DRAG_ENTER_RESPONSE.before && relPosY <= 0.25) {
- hitMode = "before";
- } else if (
- !DRAG_ENTER_RESPONSE.over &&
- DRAG_ENTER_RESPONSE.before &&
- relPosY <= 0.5
- ) {
- hitMode = "before";
- } else if (DRAG_ENTER_RESPONSE.over) {
- hitMode = "over";
- }
- // Prevent no-ops like 'before source node'
- // TODO: these are no-ops when moving nodes, but not in copy mode
- if (dndOpts.preventVoidMoves && data.dropEffect === "move") {
- if (targetNode === sourceNode) {
- targetNode.debug("Drop over source node prevented.");
- hitMode = null;
- } else if (
- hitMode === "before" &&
- sourceNode &&
- targetNode === sourceNode.getNextSibling()
- ) {
- targetNode.debug("Drop after source node prevented.");
- hitMode = null;
- } else if (
- hitMode === "after" &&
- sourceNode &&
- targetNode === sourceNode.getPrevSibling()
- ) {
- targetNode.debug("Drop before source node prevented.");
- hitMode = null;
- } else if (
- hitMode === "over" &&
- sourceNode &&
- sourceNode.parent === targetNode &&
- sourceNode.isLastSibling()
- ) {
- targetNode.debug("Drop last child over own parent prevented.");
- hitMode = null;
- }
- }
- // Let callback modify the calculated hitMode
- data.hitMode = hitMode;
- if (hitMode && dndOpts.dragOver) {
- prepareDropEffectCallback(event, data);
- dndOpts.dragOver(targetNode, data);
- var allowDrop = !!hitMode;
- applyDropEffectCallback(event, data, allowDrop);
- hitMode = data.hitMode;
- }
- LAST_HIT_MODE = hitMode;
- //
- if (hitMode === "after" || hitMode === "before" || hitMode === "over") {
- markerOffsetX = dndOpts.dropMarkerOffsetX || 0;
- switch (hitMode) {
- case "before":
- markerAt = "top";
- markerOffsetX += dndOpts.dropMarkerInsertOffsetX || 0;
- break;
- case "after":
- markerAt = "bottom";
- markerOffsetX += dndOpts.dropMarkerInsertOffsetX || 0;
- break;
- }
- pos = {
- my: "left" + offsetString(markerOffsetX) + " center",
- at: "left " + markerAt,
- of: $targetTitle,
- };
- if (options.rtl) {
- pos.my = "right" + offsetString(-markerOffsetX) + " center";
- pos.at = "right " + markerAt;
- // console.log("rtl", pos);
- }
- $dropMarker
- .toggleClass(classDropAfter, hitMode === "after")
- .toggleClass(classDropOver, hitMode === "over")
- .toggleClass(classDropBefore, hitMode === "before")
- .show()
- .position(FT.fixPositionOptions(pos));
- } else {
- $dropMarker.hide();
- // console.log("hide dropmarker")
- }
- $(targetNode.span)
- .toggleClass(
- classDropTarget,
- hitMode === "after" ||
- hitMode === "before" ||
- hitMode === "over"
- )
- .toggleClass(classDropAfter, hitMode === "after")
- .toggleClass(classDropBefore, hitMode === "before")
- .toggleClass(classDropAccept, hitMode === "over")
- .toggleClass(classDropReject, hitMode === false);
- return hitMode;
- }
- /*
- * Handle dragstart drag dragend events on the container
- */
- function onDragEvent(event) {
- var json,
- tree = this,
- dndOpts = tree.options.dnd5,
- node = FT.getNode(event),
- dataTransfer =
- event.dataTransfer || event.originalEvent.dataTransfer,
- data = {
- tree: tree,
- node: node,
- options: tree.options,
- originalEvent: event.originalEvent,
- widget: tree.widget,
- dataTransfer: dataTransfer,
- useDefaultImage: true,
- dropEffect: undefined,
- dropEffectSuggested: undefined,
- effectAllowed: undefined, // set by dragstart
- files: undefined, // only for drop events
- isCancelled: undefined, // set by dragend
- isMove: undefined,
- };
- switch (event.type) {
- case "dragstart":
- if (!node) {
- tree.info("Ignored dragstart on a non-node.");
- return false;
- }
- // Store current source node in different formats
- SOURCE_NODE = node;
- // Also optionally store selected nodes
- if (dndOpts.multiSource === false) {
- SOURCE_NODE_LIST = [node];
- } else if (dndOpts.multiSource === true) {
- if (node.isSelected()) {
- SOURCE_NODE_LIST = tree.getSelectedNodes();
- } else {
- SOURCE_NODE_LIST = [node];
- }
- } else {
- SOURCE_NODE_LIST = dndOpts.multiSource(node, data);
- }
- // Cache as array of jQuery objects for faster access:
- $sourceList = $(
- $.map(SOURCE_NODE_LIST, function(n) {
- return n.span;
- })
- );
- // Set visual feedback
- $sourceList.addClass(classDragSource);
- // Set payload
- // Note:
- // Transfer data is only accessible on dragstart and drop!
- // For all other events the formats and kinds in the drag
- // data store list of items representing dragged data can be
- // enumerated, but the data itself is unavailable and no new
- // data can be added.
- var nodeData = node.toDict(true, dndOpts.sourceCopyHook);
- nodeData.treeId = node.tree._id;
- json = JSON.stringify(nodeData);
- try {
- dataTransfer.setData(nodeMimeType, json);
- dataTransfer.setData("text/html", $(node.span).html());
- dataTransfer.setData("text/plain", node.title);
- } catch (ex) {
- // IE only accepts 'text' type
- tree.warn(
- "Could not set data (IE only accepts 'text') - " + ex
- );
- }
- // We always need to set the 'text' type if we want to drag
- // Because IE 11 only accepts this single type.
- // If we pass JSON here, IE can can access all node properties,
- // even when the source lives in another window. (D'n'd inside
- // the same window will always work.)
- // The drawback is, that in this case ALL browsers will see
- // the JSON representation as 'text', so dragging
- // to a text field will insert the JSON string instead of
- // the node title.
- if (dndOpts.setTextTypeJson) {
- dataTransfer.setData("text", json);
- } else {
- dataTransfer.setData("text", node.title);
- }
- // Set the allowed drag modes (combinations of move, copy, and link)
- // (effectAllowed can only be set in the dragstart event.)
- // This can be overridden in the dragStart() callback
- prepareDropEffectCallback(event, data);
- // Let user cancel or modify above settings
- // Realize potential changes by previous callback
- if (dndOpts.dragStart(node, data) === false) {
- // Cancel dragging
- // dataTransfer.dropEffect = "none";
- _clearGlobals();
- return false;
- }
- applyDropEffectCallback(event, data);
- // Unless user set `data.useDefaultImage` to false in dragStart,
- // generata a default drag image now:
- $extraHelper = null;
- if (data.useDefaultImage) {
- // Set the title as drag image (otherwise it would contain the expander)
- $dragImage = $(node.span).find(".fancytree-title");
- if (SOURCE_NODE_LIST && SOURCE_NODE_LIST.length > 1) {
- // Add a counter badge to node title if dragging more than one node.
- // We want this, because the element that is used as drag image
- // must be *visible* in the DOM, so we cannot create some hidden
- // custom markup.
- // See https://kryogenix.org/code/browser/custom-drag-image.html
- // Also, since IE 11 and Edge don't support setDragImage() alltogether,
- // it gives som feedback to the user.
- // The badge will be removed later on drag end.
- $extraHelper = $(
- "<span class='fancytree-childcounter'/>"
- )
- .text("+" + (SOURCE_NODE_LIST.length - 1))
- .appendTo($dragImage);
- }
- if (dataTransfer.setDragImage) {
- // IE 11 and Edge do not support this
- dataTransfer.setDragImage($dragImage[0], -10, -10);
- }
- }
- return true;
- case "drag":
- // Called every few milliseconds (no matter if the
- // cursor is over a valid drop target)
- // data.tree.info("drag", SOURCE_NODE)
- prepareDropEffectCallback(event, data);
- dndOpts.dragDrag(node, data);
- applyDropEffectCallback(event, data);
- $sourceList.toggleClass(classDragRemove, data.isMove);
- break;
- case "dragend":
- // Called at the end of a d'n'd process (after drop)
- // Note caveat: If drop removed the dragged source element,
- // we may not get this event, since the target does not exist
- // anymore
- prepareDropEffectCallback(event, data);
- _clearGlobals();
- data.isCancelled = !LAST_HIT_MODE;
- dndOpts.dragEnd(node, data, !LAST_HIT_MODE);
- // applyDropEffectCallback(event, data);
- break;
- }
- }
- /*
- * Handle dragenter dragover dragleave drop events on the container
- */
- function onDropEvent(event) {
- var json,
- allowAutoExpand,
- nodeData,
- isSourceFtNode,
- r,
- res,
- tree = this,
- dndOpts = tree.options.dnd5,
- allowDrop = null,
- node = FT.getNode(event),
- dataTransfer =
- event.dataTransfer || event.originalEvent.dataTransfer,
- data = {
- tree: tree,
- node: node,
- options: tree.options,
- originalEvent: event.originalEvent,
- widget: tree.widget,
- hitMode: DRAG_ENTER_RESPONSE,
- dataTransfer: dataTransfer,
- otherNode: SOURCE_NODE || null,
- otherNodeList: SOURCE_NODE_LIST || null,
- otherNodeData: null, // set by drop event
- useDefaultImage: true,
- dropEffect: undefined,
- dropEffectSuggested: undefined,
- effectAllowed: undefined, // set by dragstart
- files: null, // list of File objects (may be [])
- isCancelled: undefined, // set by drop event
- isMove: undefined,
- };
- // data.isMove = dropEffect === "move";
- switch (event.type) {
- case "dragenter":
- // The dragenter event is fired when a dragged element or
- // text selection enters a valid drop target.
- DRAG_OVER_STAMP = null;
- if (!node) {
- // Sometimes we get dragenter for the container element
- tree.debug(
- "Ignore non-node " +
- event.type +
- ": " +
- event.target.tagName +
- "." +
- event.target.className
- );
- DRAG_ENTER_RESPONSE = false;
- break;
- }
- $(node.span)
- .addClass(classDropOver)
- .removeClass(classDropAccept + " " + classDropReject);
- // Data is only readable in the dragstart and drop event,
- // but we can check for the type:
- isSourceFtNode =
- $.inArray(nodeMimeType, dataTransfer.types) >= 0;
- if (dndOpts.preventNonNodes && !isSourceFtNode) {
- node.debug("Reject dropping a non-node.");
- DRAG_ENTER_RESPONSE = false;
- break;
- } else if (
- dndOpts.preventForeignNodes &&
- (!SOURCE_NODE || SOURCE_NODE.tree !== node.tree)
- ) {
- node.debug("Reject dropping a foreign node.");
- DRAG_ENTER_RESPONSE = false;
- break;
- } else if (
- dndOpts.preventSameParent &&
- data.otherNode &&
- data.otherNode.tree === node.tree &&
- node.parent === data.otherNode.parent
- ) {
- node.debug("Reject dropping as sibling (same parent).");
- DRAG_ENTER_RESPONSE = false;
- break;
- } else if (
- dndOpts.preventRecursion &&
- data.otherNode &&
- data.otherNode.tree === node.tree &&
- node.isDescendantOf(data.otherNode)
- ) {
- node.debug("Reject dropping below own ancestor.");
- DRAG_ENTER_RESPONSE = false;
- break;
- } else if (dndOpts.preventLazyParents && !node.isLoaded()) {
- node.warn("Drop over unloaded target node prevented.");
- DRAG_ENTER_RESPONSE = false;
- break;
- }
- $dropMarker.show();
- // Call dragEnter() to figure out if (and where) dropping is allowed
- prepareDropEffectCallback(event, data);
- r = dndOpts.dragEnter(node, data);
- res = normalizeDragEnterResponse(r);
- // alert("res:" + JSON.stringify(res))
- DRAG_ENTER_RESPONSE = res;
- allowDrop = res && (res.over || res.before || res.after);
- applyDropEffectCallback(event, data, allowDrop);
- break;
- case "dragover":
- if (!node) {
- tree.debug(
- "Ignore non-node " +
- event.type +
- ": " +
- event.target.tagName +
- "." +
- event.target.className
- );
- break;
- }
- // The dragover event is fired when an element or text
- // selection is being dragged over a valid drop target
- // (every few hundred milliseconds).
- // tree.debug(
- // event.type +
- // ": dropEffect: " +
- // dataTransfer.dropEffect
- // );
- prepareDropEffectCallback(event, data);
- LAST_HIT_MODE = handleDragOver(event, data);
- // The flag controls the preventDefault() below:
- allowDrop = !!LAST_HIT_MODE;
- allowAutoExpand =
- LAST_HIT_MODE === "over" || LAST_HIT_MODE === false;
- if (
- allowAutoExpand &&
- !node.expanded &&
- node.hasChildren() !== false
- ) {
- if (!DRAG_OVER_STAMP) {
- DRAG_OVER_STAMP = Date.now();
- } else if (
- dndOpts.autoExpandMS &&
- Date.now() - DRAG_OVER_STAMP > dndOpts.autoExpandMS &&
- !node.isLoading() &&
- (!dndOpts.dragExpand ||
- dndOpts.dragExpand(node, data) !== false)
- ) {
- node.setExpanded();
- }
- } else {
- DRAG_OVER_STAMP = null;
- }
- break;
- case "dragleave":
- // NOTE: dragleave is fired AFTER the dragenter event of the
- // FOLLOWING element.
- if (!node) {
- tree.debug(
- "Ignore non-node " +
- event.type +
- ": " +
- event.target.tagName +
- "." +
- event.target.className
- );
- break;
- }
- if (!$(node.span).hasClass(classDropOver)) {
- node.debug("Ignore dragleave (multi).");
- break;
- }
- $(node.span).removeClass(
- classDropOver +
- " " +
- classDropAccept +
- " " +
- classDropReject
- );
- node.scheduleAction("cancel");
- dndOpts.dragLeave(node, data);
- $dropMarker.hide();
- break;
- case "drop":
- // Data is only readable in the (dragstart and) drop event:
- if ($.inArray(nodeMimeType, dataTransfer.types) >= 0) {
- nodeData = dataTransfer.getData(nodeMimeType);
- tree.info(
- event.type +
- ": getData('application/x-fancytree-node'): '" +
- nodeData +
- "'"
- );
- }
- if (!nodeData) {
- // 1. Source is not a Fancytree node, or
- // 2. If the FT mime type was set, but returns '', this
- // is probably IE 11 (which only supports 'text')
- nodeData = dataTransfer.getData("text");
- tree.info(
- event.type + ": getData('text'): '" + nodeData + "'"
- );
- }
- if (nodeData) {
- try {
- // 'text' type may contain JSON if IE is involved
- // and setTextTypeJson option was set
- json = JSON.parse(nodeData);
- if (json.title !== undefined) {
- data.otherNodeData = json;
- }
- } catch (ex) {
- // assume 'text' type contains plain text, so `otherNodeData`
- // should not be set
- }
- }
- tree.debug(
- event.type +
- ": nodeData: '" +
- nodeData +
- "', otherNodeData: ",
- data.otherNodeData
- );
- $(node.span).removeClass(
- classDropOver +
- " " +
- classDropAccept +
- " " +
- classDropReject
- );
- // Let user implement the actual drop operation
- data.hitMode = LAST_HIT_MODE;
- prepareDropEffectCallback(event, data, !LAST_HIT_MODE);
- data.isCancelled = !LAST_HIT_MODE;
- var orgSourceElem = SOURCE_NODE && SOURCE_NODE.span,
- orgSourceTree = SOURCE_NODE && SOURCE_NODE.tree;
- dndOpts.dragDrop(node, data);
- // applyDropEffectCallback(event, data);
- // Prevent browser's default drop handling, i.e. open as link, ...
- event.preventDefault();
- if (orgSourceElem && !document.body.contains(orgSourceElem)) {
- // The drop handler removed the original drag source from
- // the DOM, so the dragend event will probaly not fire.
- if (orgSourceTree === tree) {
- tree.debug(
- "Drop handler removed source element: generating dragEnd."
- );
- dndOpts.dragEnd(SOURCE_NODE, data);
- } else {
- tree.warn(
- "Drop handler removed source element: dragend event may be lost."
- );
- }
- }
- _clearGlobals();
- break;
- }
- // Dnd API madness: we must PREVENT default handling to enable dropping
- if (allowDrop) {
- event.preventDefault();
- return false;
- }
- }
- /** [ext-dnd5] Return a Fancytree instance, from element, index, event, or jQueryObject.
- *
- * @returns {FancytreeNode[]} List of nodes (empty if no drag operation)
- * @example
- * $.ui.fancytree.getDragNodeList();
- *
- * @alias Fancytree_Static#getDragNodeList
- * @requires jquery.fancytree.dnd5.js
- * @since 2.31
- */
- $.ui.fancytree.getDragNodeList = function() {
- return SOURCE_NODE_LIST || [];
- };
- /** [ext-dnd5] Return the FancytreeNode that is currently being dragged.
- *
- * If multiple nodes are dragged, only the first is returned.
- *
- * @returns {FancytreeNode | null} dragged nodes or null if no drag operation
- * @example
- * $.ui.fancytree.getDragNode();
- *
- * @alias Fancytree_Static#getDragNode
- * @requires jquery.fancytree.dnd5.js
- * @since 2.31
- */
- $.ui.fancytree.getDragNode = function() {
- return SOURCE_NODE;
- };
- /******************************************************************************
- *
- */
- $.ui.fancytree.registerExtension({
- name: "dnd5",
- version: "2.38.0",
- // Default options for this extension.
- options: {
- autoExpandMS: 1500, // Expand nodes after n milliseconds of hovering
- dropMarkerInsertOffsetX: -16, // Additional offset for drop-marker with hitMode = "before"/"after"
- dropMarkerOffsetX: -24, // Absolute position offset for .fancytree-drop-marker relatively to ..fancytree-title (icon/img near a node accepting drop)
- // #1021 `document.body` is not available yet
- dropMarkerParent: "body", // Root Container used for drop marker (could be a shadow root)
- multiSource: false, // true: Drag multiple (i.e. selected) nodes. Also a callback() is allowed
- effectAllowed: "all", // Restrict the possible cursor shapes and modifier operations (can also be set in the dragStart event)
- // dropEffect: "auto", // 'copy'|'link'|'move'|'auto'(calculate from `effectAllowed`+modifier keys) or callback(node, data) that returns such string.
- dropEffectDefault: "move", // Default dropEffect ('copy', 'link', or 'move') when no modifier is pressed (overide in dragDrag, dragOver).
- preventForeignNodes: false, // Prevent dropping nodes from different Fancytrees
- preventLazyParents: true, // Prevent dropping items on unloaded lazy Fancytree nodes
- preventNonNodes: false, // Prevent dropping items other than Fancytree nodes
- preventRecursion: true, // Prevent dropping nodes on own descendants
- preventSameParent: false, // Prevent dropping nodes under same direct parent
- preventVoidMoves: true, // Prevent dropping nodes 'before self', etc.
- scroll: true, // Enable auto-scrolling while dragging
- scrollSensitivity: 20, // Active top/bottom margin in pixel
- scrollSpeed: 5, // Pixel per event
- setTextTypeJson: false, // Allow dragging of nodes to different IE windows
- sourceCopyHook: null, // Optional callback passed to `toDict` on dragStart @since 2.38
- // Events (drag support)
- dragStart: null, // Callback(sourceNode, data), return true, to enable dnd drag
- dragDrag: $.noop, // Callback(sourceNode, data)
- dragEnd: $.noop, // Callback(sourceNode, data)
- // Events (drop support)
- dragEnter: null, // Callback(targetNode, data), return true, to enable dnd drop
- dragOver: $.noop, // Callback(targetNode, data)
- dragExpand: $.noop, // Callback(targetNode, data), return false to prevent autoExpand
- dragDrop: $.noop, // Callback(targetNode, data)
- dragLeave: $.noop, // Callback(targetNode, data)
- },
- treeInit: function(ctx) {
- var $temp,
- tree = ctx.tree,
- opts = ctx.options,
- glyph = opts.glyph || null,
- dndOpts = opts.dnd5;
- if ($.inArray("dnd", opts.extensions) >= 0) {
- $.error("Extensions 'dnd' and 'dnd5' are mutually exclusive.");
- }
- if (dndOpts.dragStop) {
- $.error(
- "dragStop is not used by ext-dnd5. Use dragEnd instead."
- );
- }
- if (dndOpts.preventRecursiveMoves != null) {
- $.error(
- "preventRecursiveMoves was renamed to preventRecursion."
- );
- }
- // Implement `opts.createNode` event to add the 'draggable' attribute
- // #680: this must happen before calling super.treeInit()
- if (dndOpts.dragStart) {
- FT.overrideMethod(ctx.options, "createNode", function(
- event,
- data
- ) {
- // Default processing if any
- this._super.apply(this, arguments);
- if (data.node.span) {
- data.node.span.draggable = true;
- } else {
- data.node.warn("Cannot add `draggable`: no span tag");
- }
- });
- }
- this._superApply(arguments);
- this.$container.addClass("fancytree-ext-dnd5");
- // Store the current scroll parent, which may be the tree
- // container, any enclosing div, or the document.
- // #761: scrollParent() always needs a container child
- $temp = $("<span>").appendTo(this.$container);
- this.$scrollParent = $temp.scrollParent();
- $temp.remove();
- $dropMarker = $("#fancytree-drop-marker");
- if (!$dropMarker.length) {
- $dropMarker = $("<div id='fancytree-drop-marker'></div>")
- .hide()
- .css({
- "z-index": 1000,
- // Drop marker should not steal dragenter/dragover events:
- "pointer-events": "none",
- })
- .prependTo(dndOpts.dropMarkerParent);
- if (glyph) {
- FT.setSpanIcon(
- $dropMarker[0],
- glyph.map._addClass,
- glyph.map.dropMarker
- );
- }
- }
- $dropMarker.toggleClass("fancytree-rtl", !!opts.rtl);
- // Enable drag support if dragStart() is specified:
- if (dndOpts.dragStart) {
- // Bind drag event handlers
- tree.$container.on(
- "dragstart drag dragend",
- onDragEvent.bind(tree)
- );
- }
- // Enable drop support if dragEnter() is specified:
- if (dndOpts.dragEnter) {
- // Bind drop event handlers
- tree.$container.on(
- "dragenter dragover dragleave drop",
- onDropEvent.bind(tree)
- );
- }
- },
- });
- // Value returned by `require('jquery.fancytree..')`
- return $.ui.fancytree;
- }); // End of closure
- /*! Extension 'jquery.fancytree.edit.js' *//*!
- * jquery.fancytree.edit.js
- *
- * Make node titles editable.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.38.0
- * @date 2021-02-09T20:03:49Z
- */
- (function(factory) {
- if (typeof define === "function" && define.amd) {
- // AMD. Register as an anonymous module.
- define(["jquery", "./jquery.fancytree"], factory);
- } else if (typeof module === "object" && module.exports) {
- // Node/CommonJS
- require("./jquery.fancytree");
- module.exports = factory(require("jquery"));
- } else {
- // Browser globals
- factory(jQuery);
- }
- })(function($) {
- "use strict";
- /*******************************************************************************
- * Private functions and variables
- */
- var isMac = /Mac/.test(navigator.platform),
- escapeHtml = $.ui.fancytree.escapeHtml,
- unescapeHtml = $.ui.fancytree.unescapeHtml;
- /**
- * [ext-edit] Start inline editing of current node title.
- *
- * @alias FancytreeNode#editStart
- * @requires Fancytree
- */
- $.ui.fancytree._FancytreeNodeClass.prototype.editStart = function() {
- var $input,
- node = this,
- tree = this.tree,
- local = tree.ext.edit,
- instOpts = tree.options.edit,
- $title = $(".fancytree-title", node.span),
- eventData = {
- node: node,
- tree: tree,
- options: tree.options,
- isNew: $(node[tree.statusClassPropName]).hasClass(
- "fancytree-edit-new"
- ),
- orgTitle: node.title,
- input: null,
- dirty: false,
- };
- // beforeEdit may want to modify the title before editing
- if (
- instOpts.beforeEdit.call(
- node,
- { type: "beforeEdit" },
- eventData
- ) === false
- ) {
- return false;
- }
- $.ui.fancytree.assert(!local.currentNode, "recursive edit");
- local.currentNode = this;
- local.eventData = eventData;
- // Disable standard Fancytree mouse- and key handling
- tree.widget._unbind();
- local.lastDraggableAttrValue = node.span.draggable;
- if (local.lastDraggableAttrValue) {
- node.span.draggable = false;
- }
- // #116: ext-dnd prevents the blur event, so we have to catch outer clicks
- $(document).on("mousedown.fancytree-edit", function(event) {
- if (!$(event.target).hasClass("fancytree-edit-input")) {
- node.editEnd(true, event);
- }
- });
- // Replace node with <input>
- $input = $("<input />", {
- class: "fancytree-edit-input",
- type: "text",
- value: tree.options.escapeTitles
- ? eventData.orgTitle
- : unescapeHtml(eventData.orgTitle),
- });
- local.eventData.input = $input;
- if (instOpts.adjustWidthOfs != null) {
- $input.width($title.width() + instOpts.adjustWidthOfs);
- }
- if (instOpts.inputCss != null) {
- $input.css(instOpts.inputCss);
- }
- $title.html($input);
- // Focus <input> and bind keyboard handler
- $input
- .focus()
- .change(function(event) {
- $input.addClass("fancytree-edit-dirty");
- })
- .on("keydown", function(event) {
- switch (event.which) {
- case $.ui.keyCode.ESCAPE:
- node.editEnd(false, event);
- break;
- case $.ui.keyCode.ENTER:
- node.editEnd(true, event);
- return false; // so we don't start editmode on Mac
- }
- event.stopPropagation();
- })
- .blur(function(event) {
- return node.editEnd(true, event);
- });
- instOpts.edit.call(node, { type: "edit" }, eventData);
- };
- /**
- * [ext-edit] Stop inline editing.
- * @param {Boolean} [applyChanges=false] false: cancel edit, true: save (if modified)
- * @alias FancytreeNode#editEnd
- * @requires jquery.fancytree.edit.js
- */
- $.ui.fancytree._FancytreeNodeClass.prototype.editEnd = function(
- applyChanges,
- _event
- ) {
- var newVal,
- node = this,
- tree = this.tree,
- local = tree.ext.edit,
- eventData = local.eventData,
- instOpts = tree.options.edit,
- $title = $(".fancytree-title", node.span),
- $input = $title.find("input.fancytree-edit-input");
- if (instOpts.trim) {
- $input.val($.trim($input.val()));
- }
- newVal = $input.val();
- eventData.dirty = newVal !== node.title;
- eventData.originalEvent = _event;
- // Find out, if saving is required
- if (applyChanges === false) {
- // If true/false was passed, honor this (except in rename mode, if unchanged)
- eventData.save = false;
- } else if (eventData.isNew) {
- // In create mode, we save everything, except for empty text
- eventData.save = newVal !== "";
- } else {
- // In rename mode, we save everyting, except for empty or unchanged text
- eventData.save = eventData.dirty && newVal !== "";
- }
- // Allow to break (keep editor open), modify input, or re-define data.save
- if (
- instOpts.beforeClose.call(
- node,
- { type: "beforeClose" },
- eventData
- ) === false
- ) {
- return false;
- }
- if (
- eventData.save &&
- instOpts.save.call(node, { type: "save" }, eventData) === false
- ) {
- return false;
- }
- $input.removeClass("fancytree-edit-dirty").off();
- // Unbind outer-click handler
- $(document).off(".fancytree-edit");
- if (eventData.save) {
- // # 171: escape user input (not required if global escaping is on)
- node.setTitle(
- tree.options.escapeTitles ? newVal : escapeHtml(newVal)
- );
- node.setFocus();
- } else {
- if (eventData.isNew) {
- node.remove();
- node = eventData.node = null;
- local.relatedNode.setFocus();
- } else {
- node.renderTitle();
- node.setFocus();
- }
- }
- local.eventData = null;
- local.currentNode = null;
- local.relatedNode = null;
- // Re-enable mouse and keyboard handling
- tree.widget._bind();
- if (node && local.lastDraggableAttrValue) {
- node.span.draggable = true;
- }
- // Set keyboard focus, even if setFocus() claims 'nothing to do'
- tree.$container.get(0).focus({ preventScroll: true });
- eventData.input = null;
- instOpts.close.call(node, { type: "close" }, eventData);
- return true;
- };
- /**
- * [ext-edit] Create a new child or sibling node and start edit mode.
- *
- * @param {String} [mode='child'] 'before', 'after', or 'child'
- * @param {Object} [init] NodeData (or simple title string)
- * @alias FancytreeNode#editCreateNode
- * @requires jquery.fancytree.edit.js
- * @since 2.4
- */
- $.ui.fancytree._FancytreeNodeClass.prototype.editCreateNode = function(
- mode,
- init
- ) {
- var newNode,
- tree = this.tree,
- self = this;
- mode = mode || "child";
- if (init == null) {
- init = { title: "" };
- } else if (typeof init === "string") {
- init = { title: init };
- } else {
- $.ui.fancytree.assert($.isPlainObject(init));
- }
- // Make sure node is expanded (and loaded) in 'child' mode
- if (
- mode === "child" &&
- !this.isExpanded() &&
- this.hasChildren() !== false
- ) {
- this.setExpanded().done(function() {
- self.editCreateNode(mode, init);
- });
- return;
- }
- newNode = this.addNode(init, mode);
- // #644: Don't filter new nodes.
- newNode.match = true;
- $(newNode[tree.statusClassPropName])
- .removeClass("fancytree-hide")
- .addClass("fancytree-match");
- newNode.makeVisible(/*{noAnimation: true}*/).done(function() {
- $(newNode[tree.statusClassPropName]).addClass("fancytree-edit-new");
- self.tree.ext.edit.relatedNode = self;
- newNode.editStart();
- });
- };
- /**
- * [ext-edit] Check if any node in this tree in edit mode.
- *
- * @returns {FancytreeNode | null}
- * @alias Fancytree#isEditing
- * @requires jquery.fancytree.edit.js
- */
- $.ui.fancytree._FancytreeClass.prototype.isEditing = function() {
- return this.ext.edit ? this.ext.edit.currentNode : null;
- };
- /**
- * [ext-edit] Check if this node is in edit mode.
- * @returns {Boolean} true if node is currently beeing edited
- * @alias FancytreeNode#isEditing
- * @requires jquery.fancytree.edit.js
- */
- $.ui.fancytree._FancytreeNodeClass.prototype.isEditing = function() {
- return this.tree.ext.edit
- ? this.tree.ext.edit.currentNode === this
- : false;
- };
- /*******************************************************************************
- * Extension code
- */
- $.ui.fancytree.registerExtension({
- name: "edit",
- version: "2.38.0",
- // Default options for this extension.
- options: {
- adjustWidthOfs: 4, // null: don't adjust input size to content
- allowEmpty: false, // Prevent empty input
- inputCss: { minWidth: "3em" },
- // triggerCancel: ["esc", "tab", "click"],
- triggerStart: ["f2", "mac+enter", "shift+click"],
- trim: true, // Trim whitespace before save
- // Events:
- beforeClose: $.noop, // Return false to prevent cancel/save (data.input is available)
- beforeEdit: $.noop, // Return false to prevent edit mode
- close: $.noop, // Editor was removed
- edit: $.noop, // Editor was opened (available as data.input)
- // keypress: $.noop, // Not yet implemented
- save: $.noop, // Save data.input.val() or return false to keep editor open
- },
- // Local attributes
- currentNode: null,
- treeInit: function(ctx) {
- var tree = ctx.tree;
- this._superApply(arguments);
- this.$container
- .addClass("fancytree-ext-edit")
- .on("fancytreebeforeupdateviewport", function(event, data) {
- var editNode = tree.isEditing();
- // When scrolling, the TR may be re-used by another node, so the
- // active cell marker an
- if (editNode) {
- editNode.info("Cancel edit due to scroll event.");
- editNode.editEnd(false, event);
- }
- });
- },
- nodeClick: function(ctx) {
- var eventStr = $.ui.fancytree.eventToString(ctx.originalEvent),
- triggerStart = ctx.options.edit.triggerStart;
- if (
- eventStr === "shift+click" &&
- $.inArray("shift+click", triggerStart) >= 0
- ) {
- if (ctx.originalEvent.shiftKey) {
- ctx.node.editStart();
- return false;
- }
- }
- if (
- eventStr === "click" &&
- $.inArray("clickActive", triggerStart) >= 0
- ) {
- // Only when click was inside title text (not aynwhere else in the row)
- if (
- ctx.node.isActive() &&
- !ctx.node.isEditing() &&
- $(ctx.originalEvent.target).hasClass("fancytree-title")
- ) {
- ctx.node.editStart();
- return false;
- }
- }
- return this._superApply(arguments);
- },
- nodeDblclick: function(ctx) {
- if ($.inArray("dblclick", ctx.options.edit.triggerStart) >= 0) {
- ctx.node.editStart();
- return false;
- }
- return this._superApply(arguments);
- },
- nodeKeydown: function(ctx) {
- switch (ctx.originalEvent.which) {
- case 113: // [F2]
- if ($.inArray("f2", ctx.options.edit.triggerStart) >= 0) {
- ctx.node.editStart();
- return false;
- }
- break;
- case $.ui.keyCode.ENTER:
- if (
- $.inArray("mac+enter", ctx.options.edit.triggerStart) >=
- 0 &&
- isMac
- ) {
- ctx.node.editStart();
- return false;
- }
- break;
- }
- return this._superApply(arguments);
- },
- });
- // Value returned by `require('jquery.fancytree..')`
- return $.ui.fancytree;
- }); // End of closure
- /*! Extension 'jquery.fancytree.filter.js' *//*!
- * jquery.fancytree.filter.js
- *
- * Remove or highlight tree nodes, based on a filter.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.38.0
- * @date 2021-02-09T20:03:49Z
- */
- (function(factory) {
- if (typeof define === "function" && define.amd) {
- // AMD. Register as an anonymous module.
- define(["jquery", "./jquery.fancytree"], factory);
- } else if (typeof module === "object" && module.exports) {
- // Node/CommonJS
- require("./jquery.fancytree");
- module.exports = factory(require("jquery"));
- } else {
- // Browser globals
- factory(jQuery);
- }
- })(function($) {
- "use strict";
- /*******************************************************************************
- * Private functions and variables
- */
- var KeyNoData = "__not_found__",
- escapeHtml = $.ui.fancytree.escapeHtml,
- exoticStartChar = "\uFFF7",
- exoticEndChar = "\uFFF8";
- function _escapeRegex(str) {
- return (str + "").replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
- }
- function extractHtmlText(s) {
- if (s.indexOf(">") >= 0) {
- return $("<div/>")
- .html(s)
- .text();
- }
- return s;
- }
- /**
- * @description Marks the matching charecters of `text` either by `mark` or
- * by exotic*Chars (if `escapeTitles` is `true`) based on `regexMatchArray`
- * which is an array of matching groups.
- * @param {string} text
- * @param {RegExpMatchArray} regexMatchArray
- */
- function _markFuzzyMatchedChars(text, regexMatchArray, escapeTitles) {
- // It is extremely infuriating that we can not use `let` or `const` or arrow functions.
- // Damn you IE!!!
- var matchingIndices = [];
- // get the indices of matched characters (Iterate through `RegExpMatchArray`)
- for (
- var _matchingArrIdx = 1;
- _matchingArrIdx < regexMatchArray.length;
- _matchingArrIdx++
- ) {
- var _mIdx =
- // get matching char index by cumulatively adding
- // the matched group length
- regexMatchArray[_matchingArrIdx].length +
- (_matchingArrIdx === 1 ? 0 : 1) +
- (matchingIndices[matchingIndices.length - 1] || 0);
- matchingIndices.push(_mIdx);
- }
- // Map each `text` char to its position and store in `textPoses`.
- var textPoses = text.split("");
- if (escapeTitles) {
- // If escaping the title, then wrap the matchng char within exotic chars
- matchingIndices.forEach(function(v) {
- textPoses[v] = exoticStartChar + textPoses[v] + exoticEndChar;
- });
- } else {
- // Otherwise, Wrap the matching chars within `mark`.
- matchingIndices.forEach(function(v) {
- textPoses[v] = "<mark>" + textPoses[v] + "</mark>";
- });
- }
- // Join back the modified `textPoses` to create final highlight markup.
- return textPoses.join("");
- }
- $.ui.fancytree._FancytreeClass.prototype._applyFilterImpl = function(
- filter,
- branchMode,
- _opts
- ) {
- var match,
- statusNode,
- re,
- reHighlight,
- reExoticStartChar,
- reExoticEndChar,
- temp,
- prevEnableUpdate,
- count = 0,
- treeOpts = this.options,
- escapeTitles = treeOpts.escapeTitles,
- prevAutoCollapse = treeOpts.autoCollapse,
- opts = $.extend({}, treeOpts.filter, _opts),
- hideMode = opts.mode === "hide",
- leavesOnly = !!opts.leavesOnly && !branchMode;
- // Default to 'match title substring (not case sensitive)'
- if (typeof filter === "string") {
- if (filter === "") {
- this.warn(
- "Fancytree passing an empty string as a filter is handled as clearFilter()."
- );
- this.clearFilter();
- return;
- }
- if (opts.fuzzy) {
- // See https://codereview.stackexchange.com/questions/23899/faster-javascript-fuzzy-string-matching-function/23905#23905
- // and http://www.quora.com/How-is-the-fuzzy-search-algorithm-in-Sublime-Text-designed
- // and http://www.dustindiaz.com/autocomplete-fuzzy-matching
- match = filter
- .split("")
- // Escaping the `filter` will not work because,
- // it gets further split into individual characters. So,
- // escape each character after splitting
- .map(_escapeRegex)
- .reduce(function(a, b) {
- // create capture groups for parts that comes before
- // the character
- return a + "([^" + b + "]*)" + b;
- }, "");
- } else {
- match = _escapeRegex(filter); // make sure a '.' is treated literally
- }
- re = new RegExp(match, "i");
- reHighlight = new RegExp(_escapeRegex(filter), "gi");
- if (escapeTitles) {
- reExoticStartChar = new RegExp(
- _escapeRegex(exoticStartChar),
- "g"
- );
- reExoticEndChar = new RegExp(_escapeRegex(exoticEndChar), "g");
- }
- filter = function(node) {
- if (!node.title) {
- return false;
- }
- var text = escapeTitles
- ? node.title
- : extractHtmlText(node.title),
- // `.match` instead of `.test` to get the capture groups
- res = text.match(re);
- if (res && opts.highlight) {
- if (escapeTitles) {
- if (opts.fuzzy) {
- temp = _markFuzzyMatchedChars(
- text,
- res,
- escapeTitles
- );
- } else {
- // #740: we must not apply the marks to escaped entity names, e.g. `"`
- // Use some exotic characters to mark matches:
- temp = text.replace(reHighlight, function(s) {
- return exoticStartChar + s + exoticEndChar;
- });
- }
- // now we can escape the title...
- node.titleWithHighlight = escapeHtml(temp)
- // ... and finally insert the desired `<mark>` tags
- .replace(reExoticStartChar, "<mark>")
- .replace(reExoticEndChar, "</mark>");
- } else {
- if (opts.fuzzy) {
- node.titleWithHighlight = _markFuzzyMatchedChars(
- text,
- res
- );
- } else {
- node.titleWithHighlight = text.replace(
- reHighlight,
- function(s) {
- return "<mark>" + s + "</mark>";
- }
- );
- }
- }
- // node.debug("filter", escapeTitles, text, node.titleWithHighlight);
- }
- return !!res;
- };
- }
- this.enableFilter = true;
- this.lastFilterArgs = arguments;
- prevEnableUpdate = this.enableUpdate(false);
- this.$div.addClass("fancytree-ext-filter");
- if (hideMode) {
- this.$div.addClass("fancytree-ext-filter-hide");
- } else {
- this.$div.addClass("fancytree-ext-filter-dimm");
- }
- this.$div.toggleClass(
- "fancytree-ext-filter-hide-expanders",
- !!opts.hideExpanders
- );
- // Reset current filter
- this.rootNode.subMatchCount = 0;
- this.visit(function(node) {
- delete node.match;
- delete node.titleWithHighlight;
- node.subMatchCount = 0;
- });
- statusNode = this.getRootNode()._findDirectChild(KeyNoData);
- if (statusNode) {
- statusNode.remove();
- }
- // Adjust node.hide, .match, and .subMatchCount properties
- treeOpts.autoCollapse = false; // #528
- this.visit(function(node) {
- if (leavesOnly && node.children != null) {
- return;
- }
- var res = filter(node),
- matchedByBranch = false;
- if (res === "skip") {
- node.visit(function(c) {
- c.match = false;
- }, true);
- return "skip";
- }
- if (!res && (branchMode || res === "branch") && node.parent.match) {
- res = true;
- matchedByBranch = true;
- }
- if (res) {
- count++;
- node.match = true;
- node.visitParents(function(p) {
- if (p !== node) {
- p.subMatchCount += 1;
- }
- // Expand match (unless this is no real match, but only a node in a matched branch)
- if (opts.autoExpand && !matchedByBranch && !p.expanded) {
- p.setExpanded(true, {
- noAnimation: true,
- noEvents: true,
- scrollIntoView: false,
- });
- p._filterAutoExpanded = true;
- }
- }, true);
- }
- });
- treeOpts.autoCollapse = prevAutoCollapse;
- if (count === 0 && opts.nodata && hideMode) {
- statusNode = opts.nodata;
- if ($.isFunction(statusNode)) {
- statusNode = statusNode();
- }
- if (statusNode === true) {
- statusNode = {};
- } else if (typeof statusNode === "string") {
- statusNode = { title: statusNode };
- }
- statusNode = $.extend(
- {
- statusNodeType: "nodata",
- key: KeyNoData,
- title: this.options.strings.noData,
- },
- statusNode
- );
- this.getRootNode().addNode(statusNode).match = true;
- }
- // Redraw whole tree
- this._callHook("treeStructureChanged", this, "applyFilter");
- // this.render();
- this.enableUpdate(prevEnableUpdate);
- return count;
- };
- /**
- * [ext-filter] Dimm or hide nodes.
- *
- * @param {function | string} filter
- * @param {boolean} [opts={autoExpand: false, leavesOnly: false}]
- * @returns {integer} count
- * @alias Fancytree#filterNodes
- * @requires jquery.fancytree.filter.js
- */
- $.ui.fancytree._FancytreeClass.prototype.filterNodes = function(
- filter,
- opts
- ) {
- if (typeof opts === "boolean") {
- opts = { leavesOnly: opts };
- this.warn(
- "Fancytree.filterNodes() leavesOnly option is deprecated since 2.9.0 / 2015-04-19. Use opts.leavesOnly instead."
- );
- }
- return this._applyFilterImpl(filter, false, opts);
- };
- /**
- * [ext-filter] Dimm or hide whole branches.
- *
- * @param {function | string} filter
- * @param {boolean} [opts={autoExpand: false}]
- * @returns {integer} count
- * @alias Fancytree#filterBranches
- * @requires jquery.fancytree.filter.js
- */
- $.ui.fancytree._FancytreeClass.prototype.filterBranches = function(
- filter,
- opts
- ) {
- return this._applyFilterImpl(filter, true, opts);
- };
- /**
- * [ext-filter] Re-apply current filter.
- *
- * @returns {integer} count
- * @alias Fancytree#updateFilter
- * @requires jquery.fancytree.filter.js
- * @since 2.38
- */
- $.ui.fancytree._FancytreeClass.prototype.updateFilter = function() {
- if (
- this.enableFilter &&
- this.lastFilterArgs &&
- this.options.filter.autoApply
- ) {
- this._applyFilterImpl.apply(this, this.lastFilterArgs);
- } else {
- this.warn("updateFilter(): no filter active.");
- }
- };
- /**
- * [ext-filter] Reset the filter.
- *
- * @alias Fancytree#clearFilter
- * @requires jquery.fancytree.filter.js
- */
- $.ui.fancytree._FancytreeClass.prototype.clearFilter = function() {
- var $title,
- statusNode = this.getRootNode()._findDirectChild(KeyNoData),
- escapeTitles = this.options.escapeTitles,
- enhanceTitle = this.options.enhanceTitle,
- prevEnableUpdate = this.enableUpdate(false);
- if (statusNode) {
- statusNode.remove();
- }
- // we also counted root node's subMatchCount
- delete this.rootNode.match;
- delete this.rootNode.subMatchCount;
- this.visit(function(node) {
- if (node.match && node.span) {
- // #491, #601
- $title = $(node.span).find(">span.fancytree-title");
- if (escapeTitles) {
- $title.text(node.title);
- } else {
- $title.html(node.title);
- }
- if (enhanceTitle) {
- enhanceTitle(
- { type: "enhanceTitle" },
- { node: node, $title: $title }
- );
- }
- }
- delete node.match;
- delete node.subMatchCount;
- delete node.titleWithHighlight;
- if (node.$subMatchBadge) {
- node.$subMatchBadge.remove();
- delete node.$subMatchBadge;
- }
- if (node._filterAutoExpanded && node.expanded) {
- node.setExpanded(false, {
- noAnimation: true,
- noEvents: true,
- scrollIntoView: false,
- });
- }
- delete node._filterAutoExpanded;
- });
- this.enableFilter = false;
- this.lastFilterArgs = null;
- this.$div.removeClass(
- "fancytree-ext-filter fancytree-ext-filter-dimm fancytree-ext-filter-hide"
- );
- this._callHook("treeStructureChanged", this, "clearFilter");
- // this.render();
- this.enableUpdate(prevEnableUpdate);
- };
- /**
- * [ext-filter] Return true if a filter is currently applied.
- *
- * @returns {Boolean}
- * @alias Fancytree#isFilterActive
- * @requires jquery.fancytree.filter.js
- * @since 2.13
- */
- $.ui.fancytree._FancytreeClass.prototype.isFilterActive = function() {
- return !!this.enableFilter;
- };
- /**
- * [ext-filter] Return true if this node is matched by current filter (or no filter is active).
- *
- * @returns {Boolean}
- * @alias FancytreeNode#isMatched
- * @requires jquery.fancytree.filter.js
- * @since 2.13
- */
- $.ui.fancytree._FancytreeNodeClass.prototype.isMatched = function() {
- return !(this.tree.enableFilter && !this.match);
- };
- /*******************************************************************************
- * Extension code
- */
- $.ui.fancytree.registerExtension({
- name: "filter",
- version: "2.38.0",
- // Default options for this extension.
- options: {
- autoApply: true, // Re-apply last filter if lazy data is loaded
- autoExpand: false, // Expand all branches that contain matches while filtered
- counter: true, // Show a badge with number of matching child nodes near parent icons
- fuzzy: false, // Match single characters in order, e.g. 'fb' will match 'FooBar'
- hideExpandedCounter: true, // Hide counter badge if parent is expanded
- hideExpanders: false, // Hide expanders if all child nodes are hidden by filter
- highlight: true, // Highlight matches by wrapping inside <mark> tags
- leavesOnly: false, // Match end nodes only
- nodata: true, // Display a 'no data' status node if result is empty
- mode: "dimm", // Grayout unmatched nodes (pass "hide" to remove unmatched node instead)
- },
- nodeLoadChildren: function(ctx, source) {
- var tree = ctx.tree;
- return this._superApply(arguments).done(function() {
- if (
- tree.enableFilter &&
- tree.lastFilterArgs &&
- ctx.options.filter.autoApply
- ) {
- tree._applyFilterImpl.apply(tree, tree.lastFilterArgs);
- }
- });
- },
- nodeSetExpanded: function(ctx, flag, callOpts) {
- var node = ctx.node;
- delete node._filterAutoExpanded;
- // Make sure counter badge is displayed again, when node is beeing collapsed
- if (
- !flag &&
- ctx.options.filter.hideExpandedCounter &&
- node.$subMatchBadge
- ) {
- node.$subMatchBadge.show();
- }
- return this._superApply(arguments);
- },
- nodeRenderStatus: function(ctx) {
- // Set classes for current status
- var res,
- node = ctx.node,
- tree = ctx.tree,
- opts = ctx.options.filter,
- $title = $(node.span).find("span.fancytree-title"),
- $span = $(node[tree.statusClassPropName]),
- enhanceTitle = ctx.options.enhanceTitle,
- escapeTitles = ctx.options.escapeTitles;
- res = this._super(ctx);
- // nothing to do, if node was not yet rendered
- if (!$span.length || !tree.enableFilter) {
- return res;
- }
- $span
- .toggleClass("fancytree-match", !!node.match)
- .toggleClass("fancytree-submatch", !!node.subMatchCount)
- .toggleClass(
- "fancytree-hide",
- !(node.match || node.subMatchCount)
- );
- // Add/update counter badge
- if (
- opts.counter &&
- node.subMatchCount &&
- (!node.isExpanded() || !opts.hideExpandedCounter)
- ) {
- if (!node.$subMatchBadge) {
- node.$subMatchBadge = $(
- "<span class='fancytree-childcounter'/>"
- );
- $(
- "span.fancytree-icon, span.fancytree-custom-icon",
- node.span
- ).append(node.$subMatchBadge);
- }
- node.$subMatchBadge.show().text(node.subMatchCount);
- } else if (node.$subMatchBadge) {
- node.$subMatchBadge.hide();
- }
- // node.debug("nodeRenderStatus", node.titleWithHighlight, node.title)
- // #601: also check for $title.length, because we don't need to render
- // if node.span is null (i.e. not rendered)
- if (node.span && (!node.isEditing || !node.isEditing.call(node))) {
- if (node.titleWithHighlight) {
- $title.html(node.titleWithHighlight);
- } else if (escapeTitles) {
- $title.text(node.title);
- } else {
- $title.html(node.title);
- }
- if (enhanceTitle) {
- enhanceTitle(
- { type: "enhanceTitle" },
- { node: node, $title: $title }
- );
- }
- }
- return res;
- },
- });
- // Value returned by `require('jquery.fancytree..')`
- return $.ui.fancytree;
- }); // End of closure
- /*! Extension 'jquery.fancytree.glyph.js' *//*!
- * jquery.fancytree.glyph.js
- *
- * Use glyph-fonts, ligature-fonts, or SVG icons instead of icon sprites.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.38.0
- * @date 2021-02-09T20:03:49Z
- */
- (function(factory) {
- if (typeof define === "function" && define.amd) {
- // AMD. Register as an anonymous module.
- define(["jquery", "./jquery.fancytree"], factory);
- } else if (typeof module === "object" && module.exports) {
- // Node/CommonJS
- require("./jquery.fancytree");
- module.exports = factory(require("jquery"));
- } else {
- // Browser globals
- factory(jQuery);
- }
- })(function($) {
- "use strict";
- /******************************************************************************
- * Private functions and variables
- */
- var FT = $.ui.fancytree,
- PRESETS = {
- awesome3: {
- // Outdated!
- _addClass: "",
- checkbox: "icon-check-empty",
- checkboxSelected: "icon-check",
- checkboxUnknown: "icon-check icon-muted",
- dragHelper: "icon-caret-right",
- dropMarker: "icon-caret-right",
- error: "icon-exclamation-sign",
- expanderClosed: "icon-caret-right",
- expanderLazy: "icon-angle-right",
- expanderOpen: "icon-caret-down",
- loading: "icon-refresh icon-spin",
- nodata: "icon-meh",
- noExpander: "",
- radio: "icon-circle-blank",
- radioSelected: "icon-circle",
- // radioUnknown: "icon-circle icon-muted",
- // Default node icons.
- // (Use tree.options.icon callback to define custom icons based on node data)
- doc: "icon-file-alt",
- docOpen: "icon-file-alt",
- folder: "icon-folder-close-alt",
- folderOpen: "icon-folder-open-alt",
- },
- awesome4: {
- _addClass: "fa",
- checkbox: "fa-square-o",
- checkboxSelected: "fa-check-square-o",
- checkboxUnknown: "fa-square fancytree-helper-indeterminate-cb",
- dragHelper: "fa-arrow-right",
- dropMarker: "fa-long-arrow-right",
- error: "fa-warning",
- expanderClosed: "fa-caret-right",
- expanderLazy: "fa-angle-right",
- expanderOpen: "fa-caret-down",
- // We may prevent wobbling rotations on FF by creating a separate sub element:
- loading: { html: "<span class='fa fa-spinner fa-pulse' />" },
- nodata: "fa-meh-o",
- noExpander: "",
- radio: "fa-circle-thin", // "fa-circle-o"
- radioSelected: "fa-circle",
- // radioUnknown: "fa-dot-circle-o",
- // Default node icons.
- // (Use tree.options.icon callback to define custom icons based on node data)
- doc: "fa-file-o",
- docOpen: "fa-file-o",
- folder: "fa-folder-o",
- folderOpen: "fa-folder-open-o",
- },
- awesome5: {
- // fontawesome 5 have several different base classes
- // "far, fas, fal and fab" The rendered svg puts that prefix
- // in a different location so we have to keep them separate here
- _addClass: "",
- checkbox: "far fa-square",
- checkboxSelected: "far fa-check-square",
- // checkboxUnknown: "far fa-window-close",
- checkboxUnknown:
- "fas fa-square fancytree-helper-indeterminate-cb",
- radio: "far fa-circle",
- radioSelected: "fas fa-circle",
- radioUnknown: "far fa-dot-circle",
- dragHelper: "fas fa-arrow-right",
- dropMarker: "fas fa-long-arrow-alt-right",
- error: "fas fa-exclamation-triangle",
- expanderClosed: "fas fa-caret-right",
- expanderLazy: "fas fa-angle-right",
- expanderOpen: "fas fa-caret-down",
- loading: "fas fa-spinner fa-pulse",
- nodata: "far fa-meh",
- noExpander: "",
- // Default node icons.
- // (Use tree.options.icon callback to define custom icons based on node data)
- doc: "far fa-file",
- docOpen: "far fa-file",
- folder: "far fa-folder",
- folderOpen: "far fa-folder-open",
- },
- bootstrap3: {
- _addClass: "glyphicon",
- checkbox: "glyphicon-unchecked",
- checkboxSelected: "glyphicon-check",
- checkboxUnknown:
- "glyphicon-expand fancytree-helper-indeterminate-cb", // "glyphicon-share",
- dragHelper: "glyphicon-play",
- dropMarker: "glyphicon-arrow-right",
- error: "glyphicon-warning-sign",
- expanderClosed: "glyphicon-menu-right", // glyphicon-plus-sign
- expanderLazy: "glyphicon-menu-right", // glyphicon-plus-sign
- expanderOpen: "glyphicon-menu-down", // glyphicon-minus-sign
- loading: "glyphicon-refresh fancytree-helper-spin",
- nodata: "glyphicon-info-sign",
- noExpander: "",
- radio: "glyphicon-remove-circle", // "glyphicon-unchecked",
- radioSelected: "glyphicon-ok-circle", // "glyphicon-check",
- // radioUnknown: "glyphicon-ban-circle",
- // Default node icons.
- // (Use tree.options.icon callback to define custom icons based on node data)
- doc: "glyphicon-file",
- docOpen: "glyphicon-file",
- folder: "glyphicon-folder-close",
- folderOpen: "glyphicon-folder-open",
- },
- material: {
- _addClass: "material-icons",
- checkbox: { text: "check_box_outline_blank" },
- checkboxSelected: { text: "check_box" },
- checkboxUnknown: { text: "indeterminate_check_box" },
- dragHelper: { text: "play_arrow" },
- dropMarker: { text: "arrow-forward" },
- error: { text: "warning" },
- expanderClosed: { text: "chevron_right" },
- expanderLazy: { text: "last_page" },
- expanderOpen: { text: "expand_more" },
- loading: {
- text: "autorenew",
- addClass: "fancytree-helper-spin",
- },
- nodata: { text: "info" },
- noExpander: { text: "" },
- radio: { text: "radio_button_unchecked" },
- radioSelected: { text: "radio_button_checked" },
- // Default node icons.
- // (Use tree.options.icon callback to define custom icons based on node data)
- doc: { text: "insert_drive_file" },
- docOpen: { text: "insert_drive_file" },
- folder: { text: "folder" },
- folderOpen: { text: "folder_open" },
- },
- };
- function setIcon(node, span, baseClass, opts, type) {
- var map = opts.map,
- icon = map[type],
- $span = $(span),
- $counter = $span.find(".fancytree-childcounter"),
- setClass = baseClass + " " + (map._addClass || "");
- // #871 Allow a callback
- if ($.isFunction(icon)) {
- icon = icon.call(this, node, span, type);
- }
- // node.debug( "setIcon(" + baseClass + ", " + type + "): " + "oldIcon" + " -> " + icon );
- // #871: propsed this, but I am not sure how robust this is, e.g.
- // the prefix (fas, far) class changes are not considered?
- // if (span.tagName === "svg" && opts.preset === "awesome5") {
- // // fa5 script converts <i> to <svg> so call a specific handler.
- // var oldIcon = "fa-" + $span.data("icon");
- // // node.debug( "setIcon(" + baseClass + ", " + type + "): " + oldIcon + " -> " + icon );
- // if (typeof oldIcon === "string") {
- // $span.removeClass(oldIcon);
- // }
- // if (typeof icon === "string") {
- // $span.addClass(icon);
- // }
- // return;
- // }
- if (typeof icon === "string") {
- // #883: remove inner html that may be added by prev. mode
- span.innerHTML = "";
- $span.attr("class", setClass + " " + icon).append($counter);
- } else if (icon) {
- if (icon.text) {
- span.textContent = "" + icon.text;
- } else if (icon.html) {
- span.innerHTML = icon.html;
- } else {
- span.innerHTML = "";
- }
- $span
- .attr("class", setClass + " " + (icon.addClass || ""))
- .append($counter);
- }
- }
- $.ui.fancytree.registerExtension({
- name: "glyph",
- version: "2.38.0",
- // Default options for this extension.
- options: {
- preset: null, // 'awesome3', 'awesome4', 'bootstrap3', 'material'
- map: {},
- },
- treeInit: function(ctx) {
- var tree = ctx.tree,
- opts = ctx.options.glyph;
- if (opts.preset) {
- FT.assert(
- !!PRESETS[opts.preset],
- "Invalid value for `options.glyph.preset`: " + opts.preset
- );
- opts.map = $.extend({}, PRESETS[opts.preset], opts.map);
- } else {
- tree.warn("ext-glyph: missing `preset` option.");
- }
- this._superApply(arguments);
- tree.$container.addClass("fancytree-ext-glyph");
- },
- nodeRenderStatus: function(ctx) {
- var checkbox,
- icon,
- res,
- span,
- node = ctx.node,
- $span = $(node.span),
- opts = ctx.options.glyph;
- res = this._super(ctx);
- if (node.isRootNode()) {
- return res;
- }
- span = $span.children(".fancytree-expander").get(0);
- if (span) {
- // if( node.isLoading() ){
- // icon = "loading";
- if (node.expanded && node.hasChildren()) {
- icon = "expanderOpen";
- } else if (node.isUndefined()) {
- icon = "expanderLazy";
- } else if (node.hasChildren()) {
- icon = "expanderClosed";
- } else {
- icon = "noExpander";
- }
- // span.className = "fancytree-expander " + map[icon];
- setIcon(node, span, "fancytree-expander", opts, icon);
- }
- if (node.tr) {
- span = $("td", node.tr)
- .find(".fancytree-checkbox")
- .get(0);
- } else {
- span = $span.children(".fancytree-checkbox").get(0);
- }
- if (span) {
- checkbox = FT.evalOption("checkbox", node, node, opts, false);
- if (
- (node.parent && node.parent.radiogroup) ||
- checkbox === "radio"
- ) {
- icon = node.selected ? "radioSelected" : "radio";
- setIcon(
- node,
- span,
- "fancytree-checkbox fancytree-radio",
- opts,
- icon
- );
- } else {
- // eslint-disable-next-line no-nested-ternary
- icon = node.selected
- ? "checkboxSelected"
- : node.partsel
- ? "checkboxUnknown"
- : "checkbox";
- // span.className = "fancytree-checkbox " + map[icon];
- setIcon(node, span, "fancytree-checkbox", opts, icon);
- }
- }
- // Standard icon (note that this does not match .fancytree-custom-icon,
- // that might be set by opts.icon callbacks)
- span = $span.children(".fancytree-icon").get(0);
- if (span) {
- if (node.statusNodeType) {
- icon = node.statusNodeType; // loading, error
- } else if (node.folder) {
- icon =
- node.expanded && node.hasChildren()
- ? "folderOpen"
- : "folder";
- } else {
- icon = node.expanded ? "docOpen" : "doc";
- }
- setIcon(node, span, "fancytree-icon", opts, icon);
- }
- return res;
- },
- nodeSetStatus: function(ctx, status, message, details) {
- var res,
- span,
- opts = ctx.options.glyph,
- node = ctx.node;
- res = this._superApply(arguments);
- if (
- status === "error" ||
- status === "loading" ||
- status === "nodata"
- ) {
- if (node.parent) {
- span = $(".fancytree-expander", node.span).get(0);
- if (span) {
- setIcon(node, span, "fancytree-expander", opts, status);
- }
- } else {
- //
- span = $(
- ".fancytree-statusnode-" + status,
- node[this.nodeContainerAttrName]
- )
- .find(".fancytree-icon")
- .get(0);
- if (span) {
- setIcon(node, span, "fancytree-icon", opts, status);
- }
- }
- }
- return res;
- },
- });
- // Value returned by `require('jquery.fancytree..')`
- return $.ui.fancytree;
- }); // End of closure
- /*! Extension 'jquery.fancytree.gridnav.js' *//*!
- * jquery.fancytree.gridnav.js
- *
- * Support keyboard navigation for trees with embedded input controls.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.38.0
- * @date 2021-02-09T20:03:49Z
- */
- (function(factory) {
- if (typeof define === "function" && define.amd) {
- // AMD. Register as an anonymous module.
- define([
- "jquery",
- "./jquery.fancytree",
- "./jquery.fancytree.table",
- ], factory);
- } else if (typeof module === "object" && module.exports) {
- // Node/CommonJS
- require("./jquery.fancytree.table"); // core + table
- module.exports = factory(require("jquery"));
- } else {
- // Browser globals
- factory(jQuery);
- }
- })(function($) {
- "use strict";
- /*******************************************************************************
- * Private functions and variables
- */
- // Allow these navigation keys even when input controls are focused
- var KC = $.ui.keyCode,
- // which keys are *not* handled by embedded control, but passed to tree
- // navigation handler:
- NAV_KEYS = {
- text: [KC.UP, KC.DOWN],
- checkbox: [KC.UP, KC.DOWN, KC.LEFT, KC.RIGHT],
- link: [KC.UP, KC.DOWN, KC.LEFT, KC.RIGHT],
- radiobutton: [KC.UP, KC.DOWN, KC.LEFT, KC.RIGHT],
- "select-one": [KC.LEFT, KC.RIGHT],
- "select-multiple": [KC.LEFT, KC.RIGHT],
- };
- /* Calculate TD column index (considering colspans).*/
- function getColIdx($tr, $td) {
- var colspan,
- td = $td.get(0),
- idx = 0;
- $tr.children().each(function() {
- if (this === td) {
- return false;
- }
- colspan = $(this).prop("colspan");
- idx += colspan ? colspan : 1;
- });
- return idx;
- }
- /* Find TD at given column index (considering colspans).*/
- function findTdAtColIdx($tr, colIdx) {
- var colspan,
- res = null,
- idx = 0;
- $tr.children().each(function() {
- if (idx >= colIdx) {
- res = $(this);
- return false;
- }
- colspan = $(this).prop("colspan");
- idx += colspan ? colspan : 1;
- });
- return res;
- }
- /* Find adjacent cell for a given direction. Skip empty cells and consider merged cells */
- function findNeighbourTd($target, keyCode) {
- var $tr,
- colIdx,
- $td = $target.closest("td"),
- $tdNext = null;
- switch (keyCode) {
- case KC.LEFT:
- $tdNext = $td.prev();
- break;
- case KC.RIGHT:
- $tdNext = $td.next();
- break;
- case KC.UP:
- case KC.DOWN:
- $tr = $td.parent();
- colIdx = getColIdx($tr, $td);
- while (true) {
- $tr = keyCode === KC.UP ? $tr.prev() : $tr.next();
- if (!$tr.length) {
- break;
- }
- // Skip hidden rows
- if ($tr.is(":hidden")) {
- continue;
- }
- // Find adjacent cell in the same column
- $tdNext = findTdAtColIdx($tr, colIdx);
- // Skip cells that don't conatain a focusable element
- if ($tdNext && $tdNext.find(":input,a").length) {
- break;
- }
- }
- break;
- }
- return $tdNext;
- }
- /*******************************************************************************
- * Extension code
- */
- $.ui.fancytree.registerExtension({
- name: "gridnav",
- version: "2.38.0",
- // Default options for this extension.
- options: {
- autofocusInput: false, // Focus first embedded input if node gets activated
- handleCursorKeys: true, // Allow UP/DOWN in inputs to move to prev/next node
- },
- treeInit: function(ctx) {
- // gridnav requires the table extension to be loaded before itself
- this._requireExtension("table", true, true);
- this._superApply(arguments);
- this.$container.addClass("fancytree-ext-gridnav");
- // Activate node if embedded input gets focus (due to a click)
- this.$container.on("focusin", function(event) {
- var ctx2,
- node = $.ui.fancytree.getNode(event.target);
- if (node && !node.isActive()) {
- // Call node.setActive(), but also pass the event
- ctx2 = ctx.tree._makeHookContext(node, event);
- ctx.tree._callHook("nodeSetActive", ctx2, true);
- }
- });
- },
- nodeSetActive: function(ctx, flag, callOpts) {
- var $outer,
- opts = ctx.options.gridnav,
- node = ctx.node,
- event = ctx.originalEvent || {},
- triggeredByInput = $(event.target).is(":input");
- flag = flag !== false;
- this._superApply(arguments);
- if (flag) {
- if (ctx.options.titlesTabbable) {
- if (!triggeredByInput) {
- $(node.span)
- .find("span.fancytree-title")
- .focus();
- node.setFocus();
- }
- // If one node is tabbable, the container no longer needs to be
- ctx.tree.$container.attr("tabindex", "-1");
- // ctx.tree.$container.removeAttr("tabindex");
- } else if (opts.autofocusInput && !triggeredByInput) {
- // Set focus to input sub input (if node was clicked, but not
- // when TAB was pressed )
- $outer = $(node.tr || node.span);
- $outer
- .find(":input:enabled")
- .first()
- .focus();
- }
- }
- },
- nodeKeydown: function(ctx) {
- var inputType,
- handleKeys,
- $td,
- opts = ctx.options.gridnav,
- event = ctx.originalEvent,
- $target = $(event.target);
- if ($target.is(":input:enabled")) {
- inputType = $target.prop("type");
- } else if ($target.is("a")) {
- inputType = "link";
- }
- // ctx.tree.debug("ext-gridnav nodeKeydown", event, inputType);
- if (inputType && opts.handleCursorKeys) {
- handleKeys = NAV_KEYS[inputType];
- if (handleKeys && $.inArray(event.which, handleKeys) >= 0) {
- $td = findNeighbourTd($target, event.which);
- if ($td && $td.length) {
- // ctx.node.debug("ignore keydown in input", event.which, handleKeys);
- $td.find(":input:enabled,a").focus();
- // Prevent Fancytree default navigation
- return false;
- }
- }
- return true;
- }
- // ctx.tree.debug("ext-gridnav NOT HANDLED", event, inputType);
- return this._superApply(arguments);
- },
- });
- // Value returned by `require('jquery.fancytree..')`
- return $.ui.fancytree;
- }); // End of closure
- /*! Extension 'jquery.fancytree.multi.js' *//*!
- * jquery.fancytree.multi.js
- *
- * Allow multiple selection of nodes by mouse or keyboard.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.38.0
- * @date 2021-02-09T20:03:49Z
- */
- (function(factory) {
- if (typeof define === "function" && define.amd) {
- // AMD. Register as an anonymous module.
- define(["jquery", "./jquery.fancytree"], factory);
- } else if (typeof module === "object" && module.exports) {
- // Node/CommonJS
- require("./jquery.fancytree");
- module.exports = factory(require("jquery"));
- } else {
- // Browser globals
- factory(jQuery);
- }
- })(function($) {
- "use strict";
- /*******************************************************************************
- * Private functions and variables
- */
- // var isMac = /Mac/.test(navigator.platform);
- /*******************************************************************************
- * Extension code
- */
- $.ui.fancytree.registerExtension({
- name: "multi",
- version: "2.38.0",
- // Default options for this extension.
- options: {
- allowNoSelect: false, //
- mode: "sameParent", //
- // Events:
- // beforeSelect: $.noop // Return false to prevent cancel/save (data.input is available)
- },
- treeInit: function(ctx) {
- this._superApply(arguments);
- this.$container.addClass("fancytree-ext-multi");
- if (ctx.options.selectMode === 1) {
- $.error(
- "Fancytree ext-multi: selectMode: 1 (single) is not compatible."
- );
- }
- },
- nodeClick: function(ctx) {
- var //pluginOpts = ctx.options.multi,
- tree = ctx.tree,
- node = ctx.node,
- activeNode = tree.getActiveNode() || tree.getFirstChild(),
- isCbClick = ctx.targetType === "checkbox",
- isExpanderClick = ctx.targetType === "expander",
- eventStr = $.ui.fancytree.eventToString(ctx.originalEvent);
- switch (eventStr) {
- case "click":
- if (isExpanderClick) {
- break;
- } // Default handler will expand/collapse
- if (!isCbClick) {
- tree.selectAll(false);
- // Select clicked node (radio-button mode)
- node.setSelected();
- }
- // Default handler will toggle checkbox clicks and activate
- break;
- case "shift+click":
- // node.debug("click")
- tree.visitRows(
- function(n) {
- // n.debug("click2", n===node, node)
- n.setSelected();
- if (n === node) {
- return false;
- }
- },
- {
- start: activeNode,
- reverse: activeNode.isBelowOf(node),
- }
- );
- break;
- case "ctrl+click":
- case "meta+click": // Mac: [Command]
- node.toggleSelected();
- return;
- }
- return this._superApply(arguments);
- },
- nodeKeydown: function(ctx) {
- var tree = ctx.tree,
- node = ctx.node,
- event = ctx.originalEvent,
- eventStr = $.ui.fancytree.eventToString(event);
- switch (eventStr) {
- case "up":
- case "down":
- tree.selectAll(false);
- node.navigate(event.which, true);
- tree.getActiveNode().setSelected();
- break;
- case "shift+up":
- case "shift+down":
- node.navigate(event.which, true);
- tree.getActiveNode().setSelected();
- break;
- }
- return this._superApply(arguments);
- },
- });
- // Value returned by `require('jquery.fancytree..')`
- return $.ui.fancytree;
- }); // End of closure
- /*! Extension 'jquery.fancytree.persist.js' *//*!
- * jquery.fancytree.persist.js
- *
- * Persist tree status in cookiesRemove or highlight tree nodes, based on a filter.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * @depends: js-cookie or jquery-cookie
- *
- * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.38.0
- * @date 2021-02-09T20:03:49Z
- */
- (function(factory) {
- if (typeof define === "function" && define.amd) {
- // AMD. Register as an anonymous module.
- define(["jquery", "./jquery.fancytree"], factory);
- } else if (typeof module === "object" && module.exports) {
- // Node/CommonJS
- require("./jquery.fancytree");
- module.exports = factory(require("jquery"));
- } else {
- // Browser globals
- factory(jQuery);
- }
- })(function($) {
- "use strict";
- /* global Cookies:false */
- /*******************************************************************************
- * Private functions and variables
- */
- var cookieStore = null,
- localStorageStore = null,
- sessionStorageStore = null,
- _assert = $.ui.fancytree.assert,
- ACTIVE = "active",
- EXPANDED = "expanded",
- FOCUS = "focus",
- SELECTED = "selected";
- // Accessing window.xxxStorage may raise security exceptions (see #1022)
- try {
- _assert(window.localStorage && window.localStorage.getItem);
- localStorageStore = {
- get: function(key) {
- return window.localStorage.getItem(key);
- },
- set: function(key, value) {
- window.localStorage.setItem(key, value);
- },
- remove: function(key) {
- window.localStorage.removeItem(key);
- },
- };
- } catch (e) {
- $.ui.fancytree.warn("Could not access window.localStorage", e);
- }
- try {
- _assert(window.sessionStorage && window.sessionStorage.getItem);
- sessionStorageStore = {
- get: function(key) {
- return window.sessionStorage.getItem(key);
- },
- set: function(key, value) {
- window.sessionStorage.setItem(key, value);
- },
- remove: function(key) {
- window.sessionStorage.removeItem(key);
- },
- };
- } catch (e) {
- $.ui.fancytree.warn("Could not access window.sessionStorage", e);
- }
- if (typeof Cookies === "function") {
- // Assume https://github.com/js-cookie/js-cookie
- cookieStore = {
- get: Cookies.get,
- set: function(key, value) {
- Cookies.set(key, value, this.options.persist.cookie);
- },
- remove: Cookies.remove,
- };
- } else if ($ && typeof $.cookie === "function") {
- // Fall back to https://github.com/carhartl/jquery-cookie
- cookieStore = {
- get: $.cookie,
- set: function(key, value) {
- $.cookie.set(key, value, this.options.persist.cookie);
- },
- remove: $.removeCookie,
- };
- }
- /* Recursively load lazy nodes
- * @param {string} mode 'load', 'expand', false
- */
- function _loadLazyNodes(tree, local, keyList, mode, dfd) {
- var i,
- key,
- l,
- node,
- foundOne = false,
- expandOpts = tree.options.persist.expandOpts,
- deferredList = [],
- missingKeyList = [];
- keyList = keyList || [];
- dfd = dfd || $.Deferred();
- for (i = 0, l = keyList.length; i < l; i++) {
- key = keyList[i];
- node = tree.getNodeByKey(key);
- if (node) {
- if (mode && node.isUndefined()) {
- foundOne = true;
- tree.debug(
- "_loadLazyNodes: " + node + " is lazy: loading..."
- );
- if (mode === "expand") {
- deferredList.push(node.setExpanded(true, expandOpts));
- } else {
- deferredList.push(node.load());
- }
- } else {
- tree.debug("_loadLazyNodes: " + node + " already loaded.");
- node.setExpanded(true, expandOpts);
- }
- } else {
- missingKeyList.push(key);
- tree.debug("_loadLazyNodes: " + node + " was not yet found.");
- }
- }
- $.when.apply($, deferredList).always(function() {
- // All lazy-expands have finished
- if (foundOne && missingKeyList.length > 0) {
- // If we read new nodes from server, try to resolve yet-missing keys
- _loadLazyNodes(tree, local, missingKeyList, mode, dfd);
- } else {
- if (missingKeyList.length) {
- tree.warn(
- "_loadLazyNodes: could not load those keys: ",
- missingKeyList
- );
- for (i = 0, l = missingKeyList.length; i < l; i++) {
- key = keyList[i];
- local._appendKey(EXPANDED, keyList[i], false);
- }
- }
- dfd.resolve();
- }
- });
- return dfd;
- }
- /**
- * [ext-persist] Remove persistence data of the given type(s).
- * Called like
- * $.ui.fancytree.getTree("#tree").clearCookies("active expanded focus selected");
- *
- * @alias Fancytree#clearPersistData
- * @requires jquery.fancytree.persist.js
- */
- $.ui.fancytree._FancytreeClass.prototype.clearPersistData = function(
- types
- ) {
- var local = this.ext.persist,
- prefix = local.cookiePrefix;
- types = types || "active expanded focus selected";
- if (types.indexOf(ACTIVE) >= 0) {
- local._data(prefix + ACTIVE, null);
- }
- if (types.indexOf(EXPANDED) >= 0) {
- local._data(prefix + EXPANDED, null);
- }
- if (types.indexOf(FOCUS) >= 0) {
- local._data(prefix + FOCUS, null);
- }
- if (types.indexOf(SELECTED) >= 0) {
- local._data(prefix + SELECTED, null);
- }
- };
- $.ui.fancytree._FancytreeClass.prototype.clearCookies = function(types) {
- this.warn(
- "'tree.clearCookies()' is deprecated since v2.27.0: use 'clearPersistData()' instead."
- );
- return this.clearPersistData(types);
- };
- /**
- * [ext-persist] Return persistence information from cookies
- *
- * Called like
- * $.ui.fancytree.getTree("#tree").getPersistData();
- *
- * @alias Fancytree#getPersistData
- * @requires jquery.fancytree.persist.js
- */
- $.ui.fancytree._FancytreeClass.prototype.getPersistData = function() {
- var local = this.ext.persist,
- prefix = local.cookiePrefix,
- delim = local.cookieDelimiter,
- res = {};
- res[ACTIVE] = local._data(prefix + ACTIVE);
- res[EXPANDED] = (local._data(prefix + EXPANDED) || "").split(delim);
- res[SELECTED] = (local._data(prefix + SELECTED) || "").split(delim);
- res[FOCUS] = local._data(prefix + FOCUS);
- return res;
- };
- /******************************************************************************
- * Extension code
- */
- $.ui.fancytree.registerExtension({
- name: "persist",
- version: "2.38.0",
- // Default options for this extension.
- options: {
- cookieDelimiter: "~",
- cookiePrefix: undefined, // 'fancytree-<treeId>-' by default
- cookie: {
- raw: false,
- expires: "",
- path: "",
- domain: "",
- secure: false,
- },
- expandLazy: false, // true: recursively expand and load lazy nodes
- expandOpts: undefined, // optional `opts` argument passed to setExpanded()
- fireActivate: true, // false: suppress `activate` event after active node was restored
- overrideSource: true, // true: cookie takes precedence over `source` data attributes.
- store: "auto", // 'cookie': force cookie, 'local': force localStore, 'session': force sessionStore
- types: "active expanded focus selected",
- },
- /* Generic read/write string data to cookie, sessionStorage or localStorage. */
- _data: function(key, value) {
- var store = this._local.store;
- if (value === undefined) {
- return store.get.call(this, key);
- } else if (value === null) {
- store.remove.call(this, key);
- } else {
- store.set.call(this, key, value);
- }
- },
- /* Append `key` to a cookie. */
- _appendKey: function(type, key, flag) {
- key = "" + key; // #90
- var local = this._local,
- instOpts = this.options.persist,
- delim = instOpts.cookieDelimiter,
- cookieName = local.cookiePrefix + type,
- data = local._data(cookieName),
- keyList = data ? data.split(delim) : [],
- idx = $.inArray(key, keyList);
- // Remove, even if we add a key, so the key is always the last entry
- if (idx >= 0) {
- keyList.splice(idx, 1);
- }
- // Append key to cookie
- if (flag) {
- keyList.push(key);
- }
- local._data(cookieName, keyList.join(delim));
- },
- treeInit: function(ctx) {
- var tree = ctx.tree,
- opts = ctx.options,
- local = this._local,
- instOpts = this.options.persist;
- // // For 'auto' or 'cookie' mode, the cookie plugin must be available
- // _assert((instOpts.store !== "auto" && instOpts.store !== "cookie") || cookieStore,
- // "Missing required plugin for 'persist' extension: js.cookie.js or jquery.cookie.js");
- local.cookiePrefix =
- instOpts.cookiePrefix || "fancytree-" + tree._id + "-";
- local.storeActive = instOpts.types.indexOf(ACTIVE) >= 0;
- local.storeExpanded = instOpts.types.indexOf(EXPANDED) >= 0;
- local.storeSelected = instOpts.types.indexOf(SELECTED) >= 0;
- local.storeFocus = instOpts.types.indexOf(FOCUS) >= 0;
- local.store = null;
- if (instOpts.store === "auto") {
- instOpts.store = localStorageStore ? "local" : "cookie";
- }
- if ($.isPlainObject(instOpts.store)) {
- local.store = instOpts.store;
- } else if (instOpts.store === "cookie") {
- local.store = cookieStore;
- } else if (instOpts.store === "local") {
- local.store =
- instOpts.store === "local"
- ? localStorageStore
- : sessionStorageStore;
- } else if (instOpts.store === "session") {
- local.store =
- instOpts.store === "local"
- ? localStorageStore
- : sessionStorageStore;
- }
- _assert(local.store, "Need a valid store.");
- // Bind init-handler to apply cookie state
- tree.$div.on("fancytreeinit", function(event) {
- if (
- tree._triggerTreeEvent("beforeRestore", null, {}) === false
- ) {
- return;
- }
- var cookie,
- dfd,
- i,
- keyList,
- node,
- prevFocus = local._data(local.cookiePrefix + FOCUS), // record this before node.setActive() overrides it;
- noEvents = instOpts.fireActivate === false;
- // tree.debug("document.cookie:", document.cookie);
- cookie = local._data(local.cookiePrefix + EXPANDED);
- keyList = cookie && cookie.split(instOpts.cookieDelimiter);
- if (local.storeExpanded) {
- // Recursively load nested lazy nodes if expandLazy is 'expand' or 'load'
- // Also remove expand-cookies for unmatched nodes
- dfd = _loadLazyNodes(
- tree,
- local,
- keyList,
- instOpts.expandLazy ? "expand" : false,
- null
- );
- } else {
- // nothing to do
- dfd = new $.Deferred().resolve();
- }
- dfd.done(function() {
- if (local.storeSelected) {
- cookie = local._data(local.cookiePrefix + SELECTED);
- if (cookie) {
- keyList = cookie.split(instOpts.cookieDelimiter);
- for (i = 0; i < keyList.length; i++) {
- node = tree.getNodeByKey(keyList[i]);
- if (node) {
- if (
- node.selected === undefined ||
- (instOpts.overrideSource &&
- node.selected === false)
- ) {
- // node.setSelected();
- node.selected = true;
- node.renderStatus();
- }
- } else {
- // node is no longer member of the tree: remove from cookie also
- local._appendKey(
- SELECTED,
- keyList[i],
- false
- );
- }
- }
- }
- // In selectMode 3 we have to fix the child nodes, since we
- // only stored the selected *top* nodes
- if (tree.options.selectMode === 3) {
- tree.visit(function(n) {
- if (n.selected) {
- n.fixSelection3AfterClick();
- return "skip";
- }
- });
- }
- }
- if (local.storeActive) {
- cookie = local._data(local.cookiePrefix + ACTIVE);
- if (
- cookie &&
- (opts.persist.overrideSource || !tree.activeNode)
- ) {
- node = tree.getNodeByKey(cookie);
- if (node) {
- node.debug("persist: set active", cookie);
- // We only want to set the focus if the container
- // had the keyboard focus before
- node.setActive(true, {
- noFocus: true,
- noEvents: noEvents,
- });
- }
- }
- }
- if (local.storeFocus && prevFocus) {
- node = tree.getNodeByKey(prevFocus);
- if (node) {
- // node.debug("persist: set focus", cookie);
- if (tree.options.titlesTabbable) {
- $(node.span)
- .find(".fancytree-title")
- .focus();
- } else {
- $(tree.$container).focus();
- }
- // node.setFocus();
- }
- }
- tree._triggerTreeEvent("restore", null, {});
- });
- });
- // Init the tree
- return this._superApply(arguments);
- },
- nodeSetActive: function(ctx, flag, callOpts) {
- var res,
- local = this._local;
- flag = flag !== false;
- res = this._superApply(arguments);
- if (local.storeActive) {
- local._data(
- local.cookiePrefix + ACTIVE,
- this.activeNode ? this.activeNode.key : null
- );
- }
- return res;
- },
- nodeSetExpanded: function(ctx, flag, callOpts) {
- var res,
- node = ctx.node,
- local = this._local;
- flag = flag !== false;
- res = this._superApply(arguments);
- if (local.storeExpanded) {
- local._appendKey(EXPANDED, node.key, flag);
- }
- return res;
- },
- nodeSetFocus: function(ctx, flag) {
- var res,
- local = this._local;
- flag = flag !== false;
- res = this._superApply(arguments);
- if (local.storeFocus) {
- local._data(
- local.cookiePrefix + FOCUS,
- this.focusNode ? this.focusNode.key : null
- );
- }
- return res;
- },
- nodeSetSelected: function(ctx, flag, callOpts) {
- var res,
- selNodes,
- tree = ctx.tree,
- node = ctx.node,
- local = this._local;
- flag = flag !== false;
- res = this._superApply(arguments);
- if (local.storeSelected) {
- if (tree.options.selectMode === 3) {
- // In selectMode 3 we only store the the selected *top* nodes.
- // De-selecting a node may also de-select some parents, so we
- // calculate the current status again
- selNodes = $.map(tree.getSelectedNodes(true), function(n) {
- return n.key;
- });
- selNodes = selNodes.join(
- ctx.options.persist.cookieDelimiter
- );
- local._data(local.cookiePrefix + SELECTED, selNodes);
- } else {
- // beforeSelect can prevent the change - flag doesn't reflect the node.selected state
- local._appendKey(SELECTED, node.key, node.selected);
- }
- }
- return res;
- },
- });
- // Value returned by `require('jquery.fancytree..')`
- return $.ui.fancytree;
- }); // End of closure
- /*! Extension 'jquery.fancytree.table.js' *//*!
- * jquery.fancytree.table.js
- *
- * Render tree as table (aka 'tree grid', 'table tree').
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.38.0
- * @date 2021-02-09T20:03:49Z
- */
- (function(factory) {
- if (typeof define === "function" && define.amd) {
- // AMD. Register as an anonymous module.
- define(["jquery", "./jquery.fancytree"], factory);
- } else if (typeof module === "object" && module.exports) {
- // Node/CommonJS
- require("./jquery.fancytree");
- module.exports = factory(require("jquery"));
- } else {
- // Browser globals
- factory(jQuery);
- }
- })(function($) {
- "use strict";
- /******************************************************************************
- * Private functions and variables
- */
- var _assert = $.ui.fancytree.assert;
- function insertFirstChild(referenceNode, newNode) {
- referenceNode.insertBefore(newNode, referenceNode.firstChild);
- }
- function insertSiblingAfter(referenceNode, newNode) {
- referenceNode.parentNode.insertBefore(
- newNode,
- referenceNode.nextSibling
- );
- }
- /* Show/hide all rows that are structural descendants of `parent`. */
- function setChildRowVisibility(parent, flag) {
- parent.visit(function(node) {
- var tr = node.tr;
- // currentFlag = node.hide ? false : flag; // fix for ext-filter
- if (tr) {
- tr.style.display = node.hide || !flag ? "none" : "";
- }
- if (!node.expanded) {
- return "skip";
- }
- });
- }
- /* Find node that is rendered in previous row. */
- function findPrevRowNode(node) {
- var i,
- last,
- prev,
- parent = node.parent,
- siblings = parent ? parent.children : null;
- if (siblings && siblings.length > 1 && siblings[0] !== node) {
- // use the lowest descendant of the preceeding sibling
- i = $.inArray(node, siblings);
- prev = siblings[i - 1];
- _assert(prev.tr);
- // descend to lowest child (with a <tr> tag)
- while (prev.children && prev.children.length) {
- last = prev.children[prev.children.length - 1];
- if (!last.tr) {
- break;
- }
- prev = last;
- }
- } else {
- // if there is no preceding sibling, use the direct parent
- prev = parent;
- }
- return prev;
- }
- $.ui.fancytree.registerExtension({
- name: "table",
- version: "2.38.0",
- // Default options for this extension.
- options: {
- checkboxColumnIdx: null, // render the checkboxes into the this column index (default: nodeColumnIdx)
- indentation: 16, // indent every node level by 16px
- mergeStatusColumns: true, // display 'nodata', 'loading', 'error' centered in a single, merged TR
- nodeColumnIdx: 0, // render node expander, icon, and title to this column (default: #0)
- },
- // Overide virtual methods for this extension.
- // `this` : is this extension object
- // `this._super`: the virtual function that was overriden (member of prev. extension or Fancytree)
- treeInit: function(ctx) {
- var i,
- n,
- $row,
- $tbody,
- tree = ctx.tree,
- opts = ctx.options,
- tableOpts = opts.table,
- $table = tree.widget.element;
- if (tableOpts.customStatus != null) {
- if (opts.renderStatusColumns == null) {
- tree.warn(
- "The 'customStatus' option is deprecated since v2.15.0. Use 'renderStatusColumns' instead."
- );
- opts.renderStatusColumns = tableOpts.customStatus;
- } else {
- $.error(
- "The 'customStatus' option is deprecated since v2.15.0. Use 'renderStatusColumns' only instead."
- );
- }
- }
- if (opts.renderStatusColumns) {
- if (opts.renderStatusColumns === true) {
- opts.renderStatusColumns = opts.renderColumns;
- // } else if( opts.renderStatusColumns === "wide" ) {
- // opts.renderStatusColumns = _renderStatusNodeWide;
- }
- }
- $table.addClass("fancytree-container fancytree-ext-table");
- $tbody = $table.find(">tbody");
- if (!$tbody.length) {
- // TODO: not sure if we can rely on browsers to insert missing <tbody> before <tr>s:
- if ($table.find(">tr").length) {
- $.error(
- "Expected table > tbody > tr. If you see this please open an issue."
- );
- }
- $tbody = $("<tbody>").appendTo($table);
- }
- tree.tbody = $tbody[0];
- // Prepare row templates:
- // Determine column count from table header if any
- tree.columnCount = $("thead >tr", $table)
- .last()
- .find(">th", $table).length;
- // Read TR templates from tbody if any
- $row = $tbody.children("tr").first();
- if ($row.length) {
- n = $row.children("td").length;
- if (tree.columnCount && n !== tree.columnCount) {
- tree.warn(
- "Column count mismatch between thead (" +
- tree.columnCount +
- ") and tbody (" +
- n +
- "): using tbody."
- );
- tree.columnCount = n;
- }
- $row = $row.clone();
- } else {
- // Only thead is defined: create default row markup
- _assert(
- tree.columnCount >= 1,
- "Need either <thead> or <tbody> with <td> elements to determine column count."
- );
- $row = $("<tr />");
- for (i = 0; i < tree.columnCount; i++) {
- $row.append("<td />");
- }
- }
- $row.find(">td")
- .eq(tableOpts.nodeColumnIdx)
- .html("<span class='fancytree-node' />");
- if (opts.aria) {
- $row.attr("role", "row");
- $row.find("td").attr("role", "gridcell");
- }
- tree.rowFragment = document.createDocumentFragment();
- tree.rowFragment.appendChild($row.get(0));
- // // If tbody contains a second row, use this as status node template
- // $row = $tbody.children("tr").eq(1);
- // if( $row.length === 0 ) {
- // tree.statusRowFragment = tree.rowFragment;
- // } else {
- // $row = $row.clone();
- // tree.statusRowFragment = document.createDocumentFragment();
- // tree.statusRowFragment.appendChild($row.get(0));
- // }
- //
- $tbody.empty();
- // Make sure that status classes are set on the node's <tr> elements
- tree.statusClassPropName = "tr";
- tree.ariaPropName = "tr";
- this.nodeContainerAttrName = "tr";
- // #489: make sure $container is set to <table>, even if ext-dnd is listed before ext-table
- tree.$container = $table;
- this._superApply(arguments);
- // standard Fancytree created a root UL
- $(tree.rootNode.ul).remove();
- tree.rootNode.ul = null;
- // Add container to the TAB chain
- // #577: Allow to set tabindex to "0", "-1" and ""
- this.$container.attr("tabindex", opts.tabindex);
- // this.$container.attr("tabindex", opts.tabbable ? "0" : "-1");
- if (opts.aria) {
- tree.$container
- .attr("role", "treegrid")
- .attr("aria-readonly", true);
- }
- },
- nodeRemoveChildMarkup: function(ctx) {
- var node = ctx.node;
- // node.debug("nodeRemoveChildMarkup()");
- node.visit(function(n) {
- if (n.tr) {
- $(n.tr).remove();
- n.tr = null;
- }
- });
- },
- nodeRemoveMarkup: function(ctx) {
- var node = ctx.node;
- // node.debug("nodeRemoveMarkup()");
- if (node.tr) {
- $(node.tr).remove();
- node.tr = null;
- }
- this.nodeRemoveChildMarkup(ctx);
- },
- /* Override standard render. */
- nodeRender: function(ctx, force, deep, collapsed, _recursive) {
- var children,
- firstTr,
- i,
- l,
- newRow,
- prevNode,
- prevTr,
- subCtx,
- tree = ctx.tree,
- node = ctx.node,
- opts = ctx.options,
- isRootNode = !node.parent;
- if (tree._enableUpdate === false) {
- // $.ui.fancytree.debug("*** nodeRender _enableUpdate: false");
- return;
- }
- if (!_recursive) {
- ctx.hasCollapsedParents = node.parent && !node.parent.expanded;
- }
- // $.ui.fancytree.debug("*** nodeRender " + node + ", isRoot=" + isRootNode, "tr=" + node.tr, "hcp=" + ctx.hasCollapsedParents, "parent.tr=" + (node.parent && node.parent.tr));
- if (!isRootNode) {
- if (node.tr && force) {
- this.nodeRemoveMarkup(ctx);
- }
- if (node.tr) {
- if (force) {
- // Set icon, link, and title (normally this is only required on initial render)
- this.nodeRenderTitle(ctx); // triggers renderColumns()
- } else {
- // Update element classes according to node state
- this.nodeRenderStatus(ctx);
- }
- } else {
- if (ctx.hasCollapsedParents && !deep) {
- // #166: we assume that the parent will be (recursively) rendered
- // later anyway.
- // node.debug("nodeRender ignored due to unrendered parent");
- return;
- }
- // Create new <tr> after previous row
- // if( node.isStatusNode() ) {
- // newRow = tree.statusRowFragment.firstChild.cloneNode(true);
- // } else {
- newRow = tree.rowFragment.firstChild.cloneNode(true);
- // }
- prevNode = findPrevRowNode(node);
- // $.ui.fancytree.debug("*** nodeRender " + node + ": prev: " + prevNode.key);
- _assert(prevNode);
- if (collapsed === true && _recursive) {
- // hide all child rows, so we can use an animation to show it later
- newRow.style.display = "none";
- } else if (deep && ctx.hasCollapsedParents) {
- // also hide this row if deep === true but any parent is collapsed
- newRow.style.display = "none";
- // newRow.style.color = "red";
- }
- if (prevNode.tr) {
- insertSiblingAfter(prevNode.tr, newRow);
- } else {
- _assert(
- !prevNode.parent,
- "prev. row must have a tr, or be system root"
- );
- // tree.tbody.appendChild(newRow);
- insertFirstChild(tree.tbody, newRow); // #675
- }
- node.tr = newRow;
- if (node.key && opts.generateIds) {
- node.tr.id = opts.idPrefix + node.key;
- }
- node.tr.ftnode = node;
- // if(opts.aria){
- // $(node.tr).attr("aria-labelledby", "ftal_" + opts.idPrefix + node.key);
- // }
- node.span = $("span.fancytree-node", node.tr).get(0);
- // Set icon, link, and title (normally this is only required on initial render)
- this.nodeRenderTitle(ctx);
- // Allow tweaking, binding, after node was created for the first time
- // tree._triggerNodeEvent("createNode", ctx);
- if (opts.createNode) {
- opts.createNode.call(tree, { type: "createNode" }, ctx);
- }
- }
- }
- // Allow tweaking after node state was rendered
- // tree._triggerNodeEvent("renderNode", ctx);
- if (opts.renderNode) {
- opts.renderNode.call(tree, { type: "renderNode" }, ctx);
- }
- // Visit child nodes
- // Add child markup
- children = node.children;
- if (children && (isRootNode || deep || node.expanded)) {
- for (i = 0, l = children.length; i < l; i++) {
- subCtx = $.extend({}, ctx, { node: children[i] });
- subCtx.hasCollapsedParents =
- subCtx.hasCollapsedParents || !node.expanded;
- this.nodeRender(subCtx, force, deep, collapsed, true);
- }
- }
- // Make sure, that <tr> order matches node.children order.
- if (children && !_recursive) {
- // we only have to do it once, for the root branch
- prevTr = node.tr || null;
- firstTr = tree.tbody.firstChild;
- // Iterate over all descendants
- node.visit(function(n) {
- if (n.tr) {
- if (
- !n.parent.expanded &&
- n.tr.style.display !== "none"
- ) {
- // fix after a node was dropped over a collapsed
- n.tr.style.display = "none";
- setChildRowVisibility(n, false);
- }
- if (n.tr.previousSibling !== prevTr) {
- node.debug("_fixOrder: mismatch at node: " + n);
- var nextTr = prevTr ? prevTr.nextSibling : firstTr;
- tree.tbody.insertBefore(n.tr, nextTr);
- }
- prevTr = n.tr;
- }
- });
- }
- // Update element classes according to node state
- // if(!isRootNode){
- // this.nodeRenderStatus(ctx);
- // }
- },
- nodeRenderTitle: function(ctx, title) {
- var $cb,
- res,
- tree = ctx.tree,
- node = ctx.node,
- opts = ctx.options,
- isStatusNode = node.isStatusNode();
- res = this._super(ctx, title);
- if (node.isRootNode()) {
- return res;
- }
- // Move checkbox to custom column
- if (
- opts.checkbox &&
- !isStatusNode &&
- opts.table.checkboxColumnIdx != null
- ) {
- $cb = $("span.fancytree-checkbox", node.span); //.detach();
- $(node.tr)
- .find("td")
- .eq(+opts.table.checkboxColumnIdx)
- .html($cb);
- }
- // Update element classes according to node state
- this.nodeRenderStatus(ctx);
- if (isStatusNode) {
- if (opts.renderStatusColumns) {
- // Let user code write column content
- opts.renderStatusColumns.call(
- tree,
- { type: "renderStatusColumns" },
- ctx
- );
- } else if (opts.table.mergeStatusColumns && node.isTopLevel()) {
- $(node.tr)
- .find(">td")
- .eq(0)
- .prop("colspan", tree.columnCount)
- .text(node.title)
- .addClass("fancytree-status-merged")
- .nextAll()
- .remove();
- } // else: default rendering for status node: leave other cells empty
- } else if (opts.renderColumns) {
- opts.renderColumns.call(tree, { type: "renderColumns" }, ctx);
- }
- return res;
- },
- nodeRenderStatus: function(ctx) {
- var indent,
- node = ctx.node,
- opts = ctx.options;
- this._super(ctx);
- $(node.tr).removeClass("fancytree-node");
- // indent
- indent = (node.getLevel() - 1) * opts.table.indentation;
- if (opts.rtl) {
- $(node.span).css({ paddingRight: indent + "px" });
- } else {
- $(node.span).css({ paddingLeft: indent + "px" });
- }
- },
- /* Expand node, return Deferred.promise. */
- nodeSetExpanded: function(ctx, flag, callOpts) {
- // flag defaults to true
- flag = flag !== false;
- if ((ctx.node.expanded && flag) || (!ctx.node.expanded && !flag)) {
- // Expanded state isn't changed - just call base implementation
- return this._superApply(arguments);
- }
- var dfd = new $.Deferred(),
- subOpts = $.extend({}, callOpts, {
- noEvents: true,
- noAnimation: true,
- });
- callOpts = callOpts || {};
- function _afterExpand(ok) {
- setChildRowVisibility(ctx.node, flag);
- if (ok) {
- if (
- flag &&
- ctx.options.autoScroll &&
- !callOpts.noAnimation &&
- ctx.node.hasChildren()
- ) {
- // Scroll down to last child, but keep current node visible
- ctx.node
- .getLastChild()
- .scrollIntoView(true, { topNode: ctx.node })
- .always(function() {
- if (!callOpts.noEvents) {
- ctx.tree._triggerNodeEvent(
- flag ? "expand" : "collapse",
- ctx
- );
- }
- dfd.resolveWith(ctx.node);
- });
- } else {
- if (!callOpts.noEvents) {
- ctx.tree._triggerNodeEvent(
- flag ? "expand" : "collapse",
- ctx
- );
- }
- dfd.resolveWith(ctx.node);
- }
- } else {
- if (!callOpts.noEvents) {
- ctx.tree._triggerNodeEvent(
- flag ? "expand" : "collapse",
- ctx
- );
- }
- dfd.rejectWith(ctx.node);
- }
- }
- // Call base-expand with disabled events and animation
- this._super(ctx, flag, subOpts)
- .done(function() {
- _afterExpand(true);
- })
- .fail(function() {
- _afterExpand(false);
- });
- return dfd.promise();
- },
- nodeSetStatus: function(ctx, status, message, details) {
- if (status === "ok") {
- var node = ctx.node,
- firstChild = node.children ? node.children[0] : null;
- if (firstChild && firstChild.isStatusNode()) {
- $(firstChild.tr).remove();
- }
- }
- return this._superApply(arguments);
- },
- treeClear: function(ctx) {
- this.nodeRemoveChildMarkup(this._makeHookContext(this.rootNode));
- return this._superApply(arguments);
- },
- treeDestroy: function(ctx) {
- this.$container.find("tbody").empty();
- if (this.$source) {
- this.$source.removeClass("fancytree-helper-hidden");
- }
- return this._superApply(arguments);
- },
- /*,
- treeSetFocus: function(ctx, flag) {
- // alert("treeSetFocus" + ctx.tree.$container);
- ctx.tree.$container.focus();
- $.ui.fancytree.focusTree = ctx.tree;
- }*/
- });
- // Value returned by `require('jquery.fancytree..')`
- return $.ui.fancytree;
- }); // End of closure
- /*! Extension 'jquery.fancytree.themeroller.js' *//*!
- * jquery.fancytree.themeroller.js
- *
- * Enable jQuery UI ThemeRoller styles.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * @see http://jqueryui.com/themeroller/
- *
- * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.38.0
- * @date 2021-02-09T20:03:49Z
- */
- (function(factory) {
- if (typeof define === "function" && define.amd) {
- // AMD. Register as an anonymous module.
- define(["jquery", "./jquery.fancytree"], factory);
- } else if (typeof module === "object" && module.exports) {
- // Node/CommonJS
- require("./jquery.fancytree");
- module.exports = factory(require("jquery"));
- } else {
- // Browser globals
- factory(jQuery);
- }
- })(function($) {
- "use strict";
- /*******************************************************************************
- * Extension code
- */
- $.ui.fancytree.registerExtension({
- name: "themeroller",
- version: "2.38.0",
- // Default options for this extension.
- options: {
- activeClass: "ui-state-active", // Class added to active node
- // activeClass: "ui-state-highlight",
- addClass: "ui-corner-all", // Class added to all nodes
- focusClass: "ui-state-focus", // Class added to focused node
- hoverClass: "ui-state-hover", // Class added to hovered node
- selectedClass: "ui-state-highlight", // Class added to selected nodes
- // selectedClass: "ui-state-active"
- },
- treeInit: function(ctx) {
- var $el = ctx.widget.element,
- opts = ctx.options.themeroller;
- this._superApply(arguments);
- if ($el[0].nodeName === "TABLE") {
- $el.addClass("ui-widget ui-corner-all");
- $el.find(">thead tr").addClass("ui-widget-header");
- $el.find(">tbody").addClass("ui-widget-conent");
- } else {
- $el.addClass("ui-widget ui-widget-content ui-corner-all");
- }
- $el.on("mouseenter mouseleave", ".fancytree-node", function(event) {
- var node = $.ui.fancytree.getNode(event.target),
- flag = event.type === "mouseenter";
- $(node.tr ? node.tr : node.span).toggleClass(
- opts.hoverClass + " " + opts.addClass,
- flag
- );
- });
- },
- treeDestroy: function(ctx) {
- this._superApply(arguments);
- ctx.widget.element.removeClass(
- "ui-widget ui-widget-content ui-corner-all"
- );
- },
- nodeRenderStatus: function(ctx) {
- var classes = {},
- node = ctx.node,
- $el = $(node.tr ? node.tr : node.span),
- opts = ctx.options.themeroller;
- this._super(ctx);
- /*
- .ui-state-highlight: Class to be applied to highlighted or selected elements. Applies "highlight" container styles to an element and its child text, links, and icons.
- .ui-state-error: Class to be applied to error messaging container elements. Applies "error" container styles to an element and its child text, links, and icons.
- .ui-state-error-text: An additional class that applies just the error text color without background. Can be used on form labels for instance. Also applies error icon color to child icons.
- .ui-state-default: Class to be applied to clickable button-like elements. Applies "clickable default" container styles to an element and its child text, links, and icons.
- .ui-state-hover: Class to be applied on mouseover to clickable button-like elements. Applies "clickable hover" container styles to an element and its child text, links, and icons.
- .ui-state-focus: Class to be applied on keyboard focus to clickable button-like elements. Applies "clickable hover" container styles to an element and its child text, links, and icons.
- .ui-state-active: Class to be applied on mousedown to clickable button-like elements. Applies "clickable active" container styles to an element and its child text, links, and icons.
- */
- // Set ui-state-* class (handle the case that the same class is assigned
- // to different states)
- classes[opts.activeClass] = false;
- classes[opts.focusClass] = false;
- classes[opts.selectedClass] = false;
- if (node.isActive()) {
- classes[opts.activeClass] = true;
- }
- if (node.hasFocus()) {
- classes[opts.focusClass] = true;
- }
- // activeClass takes precedence before selectedClass:
- if (node.isSelected() && !node.isActive()) {
- classes[opts.selectedClass] = true;
- }
- $el.toggleClass(opts.activeClass, classes[opts.activeClass]);
- $el.toggleClass(opts.focusClass, classes[opts.focusClass]);
- $el.toggleClass(opts.selectedClass, classes[opts.selectedClass]);
- // Additional classes (e.g. 'ui-corner-all')
- $el.addClass(opts.addClass);
- },
- });
- // Value returned by `require('jquery.fancytree..')`
- return $.ui.fancytree;
- }); // End of closure
- /*! Extension 'jquery.fancytree.wide.js' *//*!
- * jquery.fancytree.wide.js
- * Support for 100% wide selection bars.
- * (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
- *
- * Copyright (c) 2008-2021, Martin Wendt (https://wwWendt.de)
- *
- * Released under the MIT license
- * https://github.com/mar10/fancytree/wiki/LicenseInfo
- *
- * @version 2.38.0
- * @date 2021-02-09T20:03:49Z
- */
- (function(factory) {
- if (typeof define === "function" && define.amd) {
- // AMD. Register as an anonymous module.
- define(["jquery", "./jquery.fancytree"], factory);
- } else if (typeof module === "object" && module.exports) {
- // Node/CommonJS
- require("./jquery.fancytree");
- module.exports = factory(require("jquery"));
- } else {
- // Browser globals
- factory(jQuery);
- }
- })(function($) {
- "use strict";
- var reNumUnit = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/; // split "1.5em" to ["1.5", "em"]
- /*******************************************************************************
- * Private functions and variables
- */
- // var _assert = $.ui.fancytree.assert;
- /* Calculate inner width without scrollbar */
- // function realInnerWidth($el) {
- // // http://blog.jquery.com/2012/08/16/jquery-1-8-box-sizing-width-csswidth-and-outerwidth/
- // // inst.contWidth = parseFloat(this.$container.css("width"), 10);
- // // 'Client width without scrollbar' - 'padding'
- // return $el[0].clientWidth - ($el.innerWidth() - parseFloat($el.css("width"), 10));
- // }
- /* Create a global embedded CSS style for the tree. */
- function defineHeadStyleElement(id, cssText) {
- id = "fancytree-style-" + id;
- var $headStyle = $("#" + id);
- if (!cssText) {
- $headStyle.remove();
- return null;
- }
- if (!$headStyle.length) {
- $headStyle = $("<style />")
- .attr("id", id)
- .addClass("fancytree-style")
- .prop("type", "text/css")
- .appendTo("head");
- }
- try {
- $headStyle.html(cssText);
- } catch (e) {
- // fix for IE 6-8
- $headStyle[0].styleSheet.cssText = cssText;
- }
- return $headStyle;
- }
- /* Calculate the CSS rules that indent title spans. */
- function renderLevelCss(
- containerId,
- depth,
- levelOfs,
- lineOfs,
- labelOfs,
- measureUnit
- ) {
- var i,
- prefix = "#" + containerId + " span.fancytree-level-",
- rules = [];
- for (i = 0; i < depth; i++) {
- rules.push(
- prefix +
- (i + 1) +
- " span.fancytree-title { padding-left: " +
- (i * levelOfs + lineOfs) +
- measureUnit +
- "; }"
- );
- }
- // Some UI animations wrap the UL inside a DIV and set position:relative on both.
- // This breaks the left:0 and padding-left:nn settings of the title
- rules.push(
- "#" +
- containerId +
- " div.ui-effects-wrapper ul li span.fancytree-title, " +
- "#" +
- containerId +
- " li.fancytree-animating span.fancytree-title " + // #716
- "{ padding-left: " +
- labelOfs +
- measureUnit +
- "; position: static; width: auto; }"
- );
- return rules.join("\n");
- }
- // /**
- // * [ext-wide] Recalculate the width of the selection bar after the tree container
- // * was resized.<br>
- // * May be called explicitly on container resize, since there is no resize event
- // * for DIV tags.
- // *
- // * @alias Fancytree#wideUpdate
- // * @requires jquery.fancytree.wide.js
- // */
- // $.ui.fancytree._FancytreeClass.prototype.wideUpdate = function(){
- // var inst = this.ext.wide,
- // prevCw = inst.contWidth,
- // prevLo = inst.lineOfs;
- // inst.contWidth = realInnerWidth(this.$container);
- // // Each title is precceeded by 2 or 3 icons (16px + 3 margin)
- // // + 1px title border and 3px title padding
- // // TODO: use code from treeInit() below
- // inst.lineOfs = (this.options.checkbox ? 3 : 2) * 19;
- // if( prevCw !== inst.contWidth || prevLo !== inst.lineOfs ) {
- // this.debug("wideUpdate: " + inst.contWidth);
- // this.visit(function(node){
- // node.tree._callHook("nodeRenderTitle", node);
- // });
- // }
- // };
- /*******************************************************************************
- * Extension code
- */
- $.ui.fancytree.registerExtension({
- name: "wide",
- version: "2.38.0",
- // Default options for this extension.
- options: {
- iconWidth: null, // Adjust this if @fancy-icon-width != "16px"
- iconSpacing: null, // Adjust this if @fancy-icon-spacing != "3px"
- labelSpacing: null, // Adjust this if padding between icon and label != "3px"
- levelOfs: null, // Adjust this if ul padding != "16px"
- },
- treeCreate: function(ctx) {
- this._superApply(arguments);
- this.$container.addClass("fancytree-ext-wide");
- var containerId,
- cssText,
- iconSpacingUnit,
- labelSpacingUnit,
- iconWidthUnit,
- levelOfsUnit,
- instOpts = ctx.options.wide,
- // css sniffing
- $dummyLI = $(
- "<li id='fancytreeTemp'><span class='fancytree-node'><span class='fancytree-icon' /><span class='fancytree-title' /></span><ul />"
- ).appendTo(ctx.tree.$container),
- $dummyIcon = $dummyLI.find(".fancytree-icon"),
- $dummyUL = $dummyLI.find("ul"),
- // $dummyTitle = $dummyLI.find(".fancytree-title"),
- iconSpacing =
- instOpts.iconSpacing || $dummyIcon.css("margin-left"),
- iconWidth = instOpts.iconWidth || $dummyIcon.css("width"),
- labelSpacing = instOpts.labelSpacing || "3px",
- levelOfs = instOpts.levelOfs || $dummyUL.css("padding-left");
- $dummyLI.remove();
- iconSpacingUnit = iconSpacing.match(reNumUnit)[2];
- iconSpacing = parseFloat(iconSpacing, 10);
- labelSpacingUnit = labelSpacing.match(reNumUnit)[2];
- labelSpacing = parseFloat(labelSpacing, 10);
- iconWidthUnit = iconWidth.match(reNumUnit)[2];
- iconWidth = parseFloat(iconWidth, 10);
- levelOfsUnit = levelOfs.match(reNumUnit)[2];
- if (
- iconSpacingUnit !== iconWidthUnit ||
- levelOfsUnit !== iconWidthUnit ||
- labelSpacingUnit !== iconWidthUnit
- ) {
- $.error(
- "iconWidth, iconSpacing, and levelOfs must have the same css measure unit"
- );
- }
- this._local.measureUnit = iconWidthUnit;
- this._local.levelOfs = parseFloat(levelOfs);
- this._local.lineOfs =
- (1 +
- (ctx.options.checkbox ? 1 : 0) +
- (ctx.options.icon === false ? 0 : 1)) *
- (iconWidth + iconSpacing) +
- iconSpacing;
- this._local.labelOfs = labelSpacing;
- this._local.maxDepth = 10;
- // Get/Set a unique Id on the container (if not already exists)
- containerId = this.$container.uniqueId().attr("id");
- // Generated css rules for some levels (extended on demand)
- cssText = renderLevelCss(
- containerId,
- this._local.maxDepth,
- this._local.levelOfs,
- this._local.lineOfs,
- this._local.labelOfs,
- this._local.measureUnit
- );
- defineHeadStyleElement(containerId, cssText);
- },
- treeDestroy: function(ctx) {
- // Remove generated css rules
- defineHeadStyleElement(this.$container.attr("id"), null);
- return this._superApply(arguments);
- },
- nodeRenderStatus: function(ctx) {
- var containerId,
- cssText,
- res,
- node = ctx.node,
- level = node.getLevel();
- res = this._super(ctx);
- // Generate some more level-n rules if required
- if (level > this._local.maxDepth) {
- containerId = this.$container.attr("id");
- this._local.maxDepth *= 2;
- node.debug(
- "Define global ext-wide css up to level " +
- this._local.maxDepth
- );
- cssText = renderLevelCss(
- containerId,
- this._local.maxDepth,
- this._local.levelOfs,
- this._local.lineOfs,
- this._local.labelSpacing,
- this._local.measureUnit
- );
- defineHeadStyleElement(containerId, cssText);
- }
- // Add level-n class to apply indentation padding.
- // (Setting element style would not work, since it cannot easily be
- // overriden while animations run)
- $(node.span).addClass("fancytree-level-" + level);
- return res;
- },
- });
- // Value returned by `require('jquery.fancytree..')`
- return $.ui.fancytree;
- }); // End of closure
- // Value returned by `require('jquery.fancytree')`
- return $.ui.fancytree;
- })); // End of closure
|