123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798 |
- /*! SearchBuilder 1.3.1
- * ©SpryMedia Ltd - datatables.net/license/mit
- */
- (function () {
- 'use strict';
- var $$2;
- var dataTable$2;
- // eslint-disable-next-line no-extra-parens
- var moment = window.moment;
- // eslint-disable-next-line no-extra-parens
- var luxon = window.luxon;
- /**
- * Sets the value of jQuery for use in the file
- *
- * @param jq the instance of jQuery to be set
- */
- function setJQuery$2(jq) {
- $$2 = jq;
- dataTable$2 = jq.fn.dataTable;
- }
- /**
- * The Criteria class is used within SearchBuilder to represent a search criteria
- */
- var Criteria = /** @class */ (function () {
- function Criteria(table, opts, topGroup, index, depth) {
- var _this = this;
- if (index === void 0) { index = 0; }
- if (depth === void 0) { depth = 1; }
- // Check that the required version of DataTables is included
- if (!dataTable$2 || !dataTable$2.versionCheck || !dataTable$2.versionCheck('1.10.0')) {
- throw new Error('SearchPane requires DataTables 1.10 or newer');
- }
- this.classes = $$2.extend(true, {}, Criteria.classes);
- // Get options from user and any extra conditions/column types defined by plug-ins
- this.c = $$2.extend(true, {}, Criteria.defaults, $$2.fn.dataTable.ext.searchBuilder, opts);
- var i18n = this.c.i18n;
- this.s = {
- condition: undefined,
- conditions: {},
- data: undefined,
- dataIdx: -1,
- dataPoints: [],
- dateFormat: false,
- depth: depth,
- dt: table,
- filled: false,
- index: index,
- origData: undefined,
- topGroup: topGroup,
- type: '',
- value: []
- };
- this.dom = {
- buttons: $$2('<div/>')
- .addClass(this.classes.buttonContainer),
- condition: $$2('<select disabled/>')
- .addClass(this.classes.condition)
- .addClass(this.classes.dropDown)
- .addClass(this.classes.italic)
- .attr('autocomplete', 'hacking'),
- conditionTitle: $$2('<option value="" disabled selected hidden/>')
- .html(this.s.dt.i18n('searchBuilder.condition', i18n.condition)),
- container: $$2('<div/>')
- .addClass(this.classes.container),
- data: $$2('<select/>')
- .addClass(this.classes.data)
- .addClass(this.classes.dropDown)
- .addClass(this.classes.italic),
- dataTitle: $$2('<option value="" disabled selected hidden/>')
- .html(this.s.dt.i18n('searchBuilder.data', i18n.data)),
- defaultValue: $$2('<select disabled/>')
- .addClass(this.classes.value)
- .addClass(this.classes.dropDown)
- .addClass(this.classes.select)
- .addClass(this.classes.italic),
- "delete": $$2('<button/>')
- .html(this.s.dt.i18n('searchBuilder.delete', i18n["delete"]))
- .addClass(this.classes["delete"])
- .addClass(this.classes.button)
- .attr('title', this.s.dt.i18n('searchBuilder.deleteTitle', i18n.deleteTitle))
- .attr('type', 'button'),
- // eslint-disable-next-line no-useless-escape
- left: $$2('<button/>')
- .html(this.s.dt.i18n('searchBuilder.left', i18n.left))
- .addClass(this.classes.left)
- .addClass(this.classes.button)
- .attr('title', this.s.dt.i18n('searchBuilder.leftTitle', i18n.leftTitle))
- .attr('type', 'button'),
- // eslint-disable-next-line no-useless-escape
- right: $$2('<button/>')
- .html(this.s.dt.i18n('searchBuilder.right', i18n.right))
- .addClass(this.classes.right)
- .addClass(this.classes.button)
- .attr('title', this.s.dt.i18n('searchBuilder.rightTitle', i18n.rightTitle))
- .attr('type', 'button'),
- value: [
- $$2('<select disabled/>')
- .addClass(this.classes.value)
- .addClass(this.classes.dropDown)
- .addClass(this.classes.italic)
- .addClass(this.classes.select)
- ],
- valueTitle: $$2('<option value="--valueTitle--" disabled selected hidden/>')
- .html(this.s.dt.i18n('searchBuilder.value', i18n.value))
- };
- // If the greyscale option is selected then add the class to add the grey colour to SearchBuilder
- if (this.c.greyscale) {
- this.dom.data.addClass(this.classes.greyscale);
- this.dom.condition.addClass(this.classes.greyscale);
- this.dom.defaultValue.addClass(this.classes.greyscale);
- for (var _i = 0, _a = this.dom.value; _i < _a.length; _i++) {
- var val = _a[_i];
- val.addClass(this.classes.greyscale);
- }
- }
- // For responsive design, adjust the criterias properties on the following events
- this.s.dt.on('draw.dtsb', function () {
- _this._adjustCriteria();
- });
- this.s.dt.on('buttons-action.dtsb', function () {
- _this._adjustCriteria();
- });
- $$2(window).on('resize.dtsb', dataTable$2.util.throttle(function () {
- _this._adjustCriteria();
- }));
- this._buildCriteria();
- return this;
- }
- /**
- * Escape html characters within a string
- *
- * @param txt the string to be escaped
- * @returns the escaped string
- */
- Criteria._escapeHTML = function (txt) {
- return txt
- .toString()
- .replace(/&/g, '&')
- .replace(/</g, '<')
- .replace(/>/g, '>')
- .replace(/"/g, '"');
- };
- /**
- * Adds the left button to the criteria
- */
- Criteria.prototype.updateArrows = function (hasSiblings, redraw) {
- if (hasSiblings === void 0) { hasSiblings = false; }
- if (redraw === void 0) { redraw = true; }
- // Empty the container and append all of the elements in the correct order
- this.dom.container.children().detach();
- this.dom.container
- .append(this.dom.data)
- .append(this.dom.condition)
- .append(this.dom.value[0]);
- this.setListeners();
- // Trigger the inserted events for the value elements as they are inserted
- if (this.dom.value[0] !== undefined) {
- this.dom.value[0].trigger('dtsb-inserted');
- }
- for (var i = 1; i < this.dom.value.length; i++) {
- this.dom.container.append(this.dom.value[i]);
- this.dom.value[i].trigger('dtsb-inserted');
- }
- // If this is a top level criteria then don't let it move left
- if (this.s.depth > 1) {
- this.dom.buttons.append(this.dom.left);
- }
- // If the depthLimit of the query has been hit then don't add the right button
- if ((this.c.depthLimit === false || this.s.depth < this.c.depthLimit) && hasSiblings) {
- this.dom.buttons.append(this.dom.right);
- }
- else {
- this.dom.right.remove();
- }
- this.dom.buttons.append(this.dom["delete"]);
- this.dom.container.append(this.dom.buttons);
- if (redraw) {
- // A different combination of arrows and selectors may lead to a need for responsive to be triggered
- this._adjustCriteria();
- }
- };
- /**
- * Destroys the criteria, removing listeners and container from the dom
- */
- Criteria.prototype.destroy = function () {
- // Turn off listeners
- this.dom.data.off('.dtsb');
- this.dom.condition.off('.dtsb');
- this.dom["delete"].off('.dtsb');
- for (var _i = 0, _a = this.dom.value; _i < _a.length; _i++) {
- var val = _a[_i];
- val.off('.dtsb');
- }
- // Remove container from the dom
- this.dom.container.remove();
- };
- /**
- * Passes in the data for the row and compares it against this single criteria
- *
- * @param rowData The data for the row to be compared
- * @returns boolean Whether the criteria has passed
- */
- Criteria.prototype.search = function (rowData, rowIdx) {
- var condition = this.s.conditions[this.s.condition];
- if (this.s.condition !== undefined && condition !== undefined) {
- var filter = rowData[this.s.dataIdx];
- // This check is in place for if a custom decimal character is in place
- if (this.s.type.includes('num') &&
- (this.s.dt.settings()[0].oLanguage.sDecimal !== '' ||
- this.s.dt.settings()[0].oLanguage.sThousands !== '')) {
- var splitRD = [rowData[this.s.dataIdx]];
- if (this.s.dt.settings()[0].oLanguage.sDecimal !== '') {
- splitRD = rowData[this.s.dataIdx].split(this.s.dt.settings()[0].oLanguage.sDecimal);
- }
- if (this.s.dt.settings()[0].oLanguage.sThousands !== '') {
- for (var i = 0; i < splitRD.length; i++) {
- splitRD[i] = splitRD[i].replace(this.s.dt.settings()[0].oLanguage.sThousands, ',');
- }
- }
- filter = splitRD.join('.');
- }
- // If orthogonal data is in place we need to get it's values for searching
- if (this.c.orthogonal.search !== 'filter') {
- var settings = this.s.dt.settings()[0];
- filter = settings.oApi._fnGetCellData(settings, rowIdx, this.s.dataIdx, typeof this.c.orthogonal === 'string' ?
- this.c.orthogonal :
- this.c.orthogonal.search);
- }
- if (this.s.type === 'array') {
- // Make sure we are working with an array
- if (!Array.isArray(filter)) {
- filter = [filter];
- }
- filter.sort();
- for (var _i = 0, filter_1 = filter; _i < filter_1.length; _i++) {
- var filt = filter_1[_i];
- if (filt && typeof filt === 'string') {
- filt = filt.replace(/[\r\n\u2028]/g, ' ');
- }
- }
- }
- else if (filter !== null && typeof filter === 'string') {
- filter = filter.replace(/[\r\n\u2028]/g, ' ');
- }
- if (this.s.type.includes('html') && typeof filter === 'string') {
- filter = filter.replace(/(<([^>]+)>)/ig, '');
- }
- // Not ideal, but jqueries .val() returns an empty string even
- // when the value set is null, so we shall assume the two are equal
- if (filter === null) {
- filter = '';
- }
- return condition.search(filter, this.s.value, this);
- }
- };
- /**
- * Gets the details required to rebuild the criteria
- */
- Criteria.prototype.getDetails = function (deFormatDates) {
- if (deFormatDates === void 0) { deFormatDates = false; }
- // This check is in place for if a custom decimal character is in place
- if (this.s.type !== null &&
- this.s.type.includes('num') &&
- (this.s.dt.settings()[0].oLanguage.sDecimal !== '' || this.s.dt.settings()[0].oLanguage.sThousands !== '')) {
- for (var i = 0; i < this.s.value.length; i++) {
- var splitRD = [this.s.value[i].toString()];
- if (this.s.dt.settings()[0].oLanguage.sDecimal !== '') {
- splitRD = this.s.value[i].split(this.s.dt.settings()[0].oLanguage.sDecimal);
- }
- if (this.s.dt.settings()[0].oLanguage.sThousands !== '') {
- for (var j = 0; j < splitRD.length; j++) {
- splitRD[j] = splitRD[j].replace(this.s.dt.settings()[0].oLanguage.sThousands, ',');
- }
- }
- this.s.value[i] = splitRD.join('.');
- }
- }
- else if (this.s.type !== null && deFormatDates) {
- if (this.s.type.includes('date') ||
- this.s.type.includes('time')) {
- for (var i = 0; i < this.s.value.length; i++) {
- if (this.s.value[i].match(/^\d{4}-([0]\d|1[0-2])-([0-2]\d|3[01])$/g) === null) {
- this.s.value[i] = '';
- }
- }
- }
- else if (this.s.type.includes('moment')) {
- for (var i = 0; i < this.s.value.length; i++) {
- this.s.value[i] = moment(this.s.value[i], this.s.dateFormat).toISOString();
- }
- }
- else if (this.s.type.includes('luxon')) {
- for (var i = 0; i < this.s.value.length; i++) {
- this.s.value[i] = luxon.DateTime.fromFormat(this.s.value[i], this.s.dateFormat).toISO();
- }
- }
- }
- if (this.s.type.includes('num') && this.s.dt.page.info().serverSide) {
- for (var i = 0; i < this.s.value.length; i++) {
- this.s.value[i] = this.s.value[i].replace(/[^0-9.]/g, '');
- }
- }
- return {
- condition: this.s.condition,
- data: this.s.data,
- origData: this.s.origData,
- type: this.s.type,
- value: this.s.value.map(function (a) { return a.toString(); })
- };
- };
- /**
- * Getter for the node for the container of the criteria
- *
- * @returns JQuery<HTMLElement> the node for the container
- */
- Criteria.prototype.getNode = function () {
- return this.dom.container;
- };
- /**
- * Populates the criteria data, condition and value(s) as far as has been selected
- */
- Criteria.prototype.populate = function () {
- this._populateData();
- // If the column index has been found attempt to select a condition
- if (this.s.dataIdx !== -1) {
- this._populateCondition();
- // If the condittion has been found attempt to select the values
- if (this.s.condition !== undefined) {
- this._populateValue();
- }
- }
- };
- /**
- * Rebuilds the criteria based upon the details passed in
- *
- * @param loadedCriteria the details required to rebuild the criteria
- */
- Criteria.prototype.rebuild = function (loadedCriteria) {
- // Check to see if the previously selected data exists, if so select it
- var foundData = false;
- var dataIdx;
- this._populateData();
- // If a data selection has previously been made attempt to find and select it
- if (loadedCriteria.data !== undefined) {
- var italic_1 = this.classes.italic;
- var data_1 = this.dom.data;
- this.dom.data.children('option').each(function () {
- if (!foundData &&
- ($$2(this).text() === loadedCriteria.data ||
- loadedCriteria.origData && $$2(this).prop('origData') === loadedCriteria.origData)) {
- $$2(this).prop('selected', true);
- data_1.removeClass(italic_1);
- foundData = true;
- dataIdx = $$2(this).val();
- }
- else {
- $$2(this).removeProp('selected');
- }
- });
- }
- // If the data has been found and selected then the condition can be populated and searched
- if (foundData) {
- this.s.data = loadedCriteria.data;
- this.s.origData = loadedCriteria.origData;
- this.s.dataIdx = dataIdx;
- this.c.orthogonal = this._getOptions().orthogonal;
- this.dom.dataTitle.remove();
- this._populateCondition();
- this.dom.conditionTitle.remove();
- var condition = void 0;
- // Check to see if the previously selected condition exists, if so select it
- var options = this.dom.condition.children('option');
- // eslint-disable-next-line @typescript-eslint/prefer-for-of
- for (var i = 0; i < options.length; i++) {
- var option = $$2(options[i]);
- if (loadedCriteria.condition !== undefined &&
- option.val() === loadedCriteria.condition &&
- typeof loadedCriteria.condition === 'string') {
- option.prop('selected', true);
- condition = option.val();
- }
- else {
- option.removeProp('selected');
- }
- }
- this.s.condition = condition;
- // If the condition has been found and selected then the value can be populated and searched
- if (this.s.condition !== undefined) {
- this.dom.conditionTitle.removeProp('selected');
- this.dom.conditionTitle.remove();
- this.dom.condition.removeClass(this.classes.italic);
- // eslint-disable-next-line @typescript-eslint/prefer-for-of
- for (var i = 0; i < options.length; i++) {
- var option = $$2(options[i]);
- if (option.val() !== this.s.condition) {
- option.removeProp('selected');
- }
- }
- this._populateValue(loadedCriteria);
- }
- else {
- this.dom.conditionTitle.prependTo(this.dom.condition).prop('selected', true);
- }
- }
- };
- /**
- * Sets the listeners for the criteria
- */
- Criteria.prototype.setListeners = function () {
- var _this = this;
- this.dom.data
- .unbind('change')
- .on('change.dtsb', function () {
- _this.dom.dataTitle.removeProp('selected');
- // Need to go over every option to identify the correct selection
- var options = _this.dom.data.children('option.' + _this.classes.option);
- // eslint-disable-next-line @typescript-eslint/prefer-for-of
- for (var i = 0; i < options.length; i++) {
- var option = $$2(options[i]);
- if (option.val() === _this.dom.data.val()) {
- _this.dom.data.removeClass(_this.classes.italic);
- option.prop('selected', true);
- _this.s.dataIdx = +option.val();
- _this.s.data = option.text();
- _this.s.origData = option.prop('origData');
- _this.c.orthogonal = _this._getOptions().orthogonal;
- // When the data is changed, the values in condition and
- // value may also change so need to renew them
- _this._clearCondition();
- _this._clearValue();
- _this._populateCondition();
- // If this criteria was previously active in the search then
- // remove it from the search and trigger a new search
- if (_this.s.filled) {
- _this.s.filled = false;
- _this.s.dt.draw();
- _this.setListeners();
- }
- _this.s.dt.state.save();
- }
- else {
- option.removeProp('selected');
- }
- }
- });
- this.dom.condition
- .unbind('change')
- .on('change.dtsb', function () {
- _this.dom.conditionTitle.removeProp('selected');
- // Need to go over every option to identify the correct selection
- var options = _this.dom.condition.children('option.' + _this.classes.option);
- // eslint-disable-next-line @typescript-eslint/prefer-for-of
- for (var i = 0; i < options.length; i++) {
- var option = $$2(options[i]);
- if (option.val() === _this.dom.condition.val()) {
- _this.dom.condition.removeClass(_this.classes.italic);
- option.prop('selected', true);
- var condDisp = option.val();
- // Find the condition that has been selected and store it internally
- for (var _i = 0, _a = Object.keys(_this.s.conditions); _i < _a.length; _i++) {
- var cond = _a[_i];
- if (cond === condDisp) {
- _this.s.condition = condDisp;
- break;
- }
- }
- // When the condition is changed, the value selector may switch between
- // a select element and an input element
- _this._clearValue();
- _this._populateValue();
- for (var _b = 0, _c = _this.dom.value; _b < _c.length; _b++) {
- var val = _c[_b];
- // If this criteria was previously active in the search then remove
- // it from the search and trigger a new search
- if (_this.s.filled && val !== undefined && _this.dom.container.has(val[0]).length !== 0) {
- _this.s.filled = false;
- _this.s.dt.draw();
- _this.setListeners();
- }
- }
- if (_this.dom.value.length === 0 ||
- _this.dom.value.length === 1 && _this.dom.value[0] === undefined) {
- _this.s.dt.draw();
- }
- }
- else {
- option.removeProp('selected');
- }
- }
- });
- };
- /**
- * Adjusts the criteria to make SearchBuilder responsive
- */
- Criteria.prototype._adjustCriteria = function () {
- // If this criteria is not present then don't bother adjusting it
- if ($$2(document).has(this.dom.container).length === 0) {
- return;
- }
- var valRight;
- var valWidth;
- var outmostval = this.dom.value[this.dom.value.length - 1];
- // Calculate the width and right value of the outmost value element
- if (outmostval !== undefined && this.dom.container.has(outmostval[0]).length !== 0) {
- valWidth = outmostval.outerWidth(true);
- valRight = outmostval.offset().left + valWidth;
- }
- else {
- return;
- }
- var leftOffset = this.dom.left.offset();
- var rightOffset = this.dom.right.offset();
- var clearOffset = this.dom["delete"].offset();
- var hasLeft = this.dom.container.has(this.dom.left[0]).length !== 0;
- var hasRight = this.dom.container.has(this.dom.right[0]).length !== 0;
- var buttonsLeft = hasLeft ?
- leftOffset.left :
- hasRight ?
- rightOffset.left :
- clearOffset.left;
- // Perform the responsive calculations and redraw where necessary
- if ((buttonsLeft - valRight < 15 ||
- hasLeft && leftOffset.top !== clearOffset.top ||
- hasRight && rightOffset.top !== clearOffset.top) &&
- !this.dom.container.parent().hasClass(this.classes.vertical)) {
- this.dom.container.parent().addClass(this.classes.vertical);
- this.s.topGroup.trigger('dtsb-redrawContents');
- }
- else if (buttonsLeft -
- (this.dom.data.offset().left +
- this.dom.data.outerWidth(true) +
- this.dom.condition.outerWidth(true) +
- valWidth) > 15
- && this.dom.container.parent().hasClass(this.classes.vertical)) {
- this.dom.container.parent().removeClass(this.classes.vertical);
- this.s.topGroup.trigger('dtsb-redrawContents');
- }
- };
- /**
- * Builds the elements of the dom together
- */
- Criteria.prototype._buildCriteria = function () {
- // Append Titles for select elements
- this.dom.data.append(this.dom.dataTitle);
- this.dom.condition.append(this.dom.conditionTitle);
- // Add elements to container
- this.dom.container
- .append(this.dom.data)
- .append(this.dom.condition);
- for (var _i = 0, _a = this.dom.value; _i < _a.length; _i++) {
- var val = _a[_i];
- val.append(this.dom.valueTitle);
- this.dom.container.append(val);
- }
- // Add buttons to container
- this.dom.container
- .append(this.dom["delete"])
- .append(this.dom.right);
- this.setListeners();
- };
- /**
- * Clears the condition select element
- */
- Criteria.prototype._clearCondition = function () {
- this.dom.condition.empty();
- this.dom.conditionTitle.prop('selected', true).attr('disabled', 'true');
- this.dom.condition.prepend(this.dom.conditionTitle).prop('selectedIndex', 0);
- this.s.conditions = {};
- this.s.condition = undefined;
- };
- /**
- * Clears the value elements
- */
- Criteria.prototype._clearValue = function () {
- if (this.s.condition !== undefined) {
- if (this.dom.value.length > 0 && this.dom.value[0] !== undefined) {
- var _loop_1 = function (val) {
- if (val !== undefined) {
- // Timeout is annoying but because of IOS
- setTimeout(function () {
- val.remove();
- }, 50);
- }
- };
- // Remove all of the value elements
- for (var _i = 0, _a = this.dom.value; _i < _a.length; _i++) {
- var val = _a[_i];
- _loop_1(val);
- }
- }
- // Call the init function to get the value elements for this condition
- this.dom.value = [].concat(this.s.conditions[this.s.condition].init(this, Criteria.updateListener));
- if (this.dom.value.length > 0 && this.dom.value[0] !== undefined) {
- this.dom.value[0].insertAfter(this.dom.condition).trigger('dtsb-inserted');
- // Insert all of the value elements
- for (var i = 1; i < this.dom.value.length; i++) {
- this.dom.value[i].insertAfter(this.dom.value[i - 1]).trigger('dtsb-inserted');
- }
- }
- }
- else {
- var _loop_2 = function (val) {
- if (val !== undefined) {
- // Timeout is annoying but because of IOS
- setTimeout(function () {
- val.remove();
- }, 50);
- }
- };
- // Remove all of the value elements
- for (var _b = 0, _c = this.dom.value; _b < _c.length; _b++) {
- var val = _c[_b];
- _loop_2(val);
- }
- // Append the default valueTitle to the default select element
- this.dom.valueTitle
- .prop('selected', true);
- this.dom.defaultValue
- .append(this.dom.valueTitle)
- .insertAfter(this.dom.condition);
- }
- this.s.value = [];
- this.dom.value = [
- $$2('<select disabled/>')
- .addClass(this.classes.value)
- .addClass(this.classes.dropDown)
- .addClass(this.classes.italic)
- .addClass(this.classes.select)
- .append(this.dom.valueTitle.clone())
- ];
- };
- /**
- * Gets the options for the column
- *
- * @returns {object} The options for the column
- */
- Criteria.prototype._getOptions = function () {
- var table = this.s.dt;
- return $$2.extend(true, {}, Criteria.defaults, table.settings()[0].aoColumns[this.s.dataIdx].searchBuilder);
- };
- /**
- * Populates the condition dropdown
- */
- Criteria.prototype._populateCondition = function () {
- var conditionOpts = [];
- var conditionsLength = Object.keys(this.s.conditions).length;
- // If there are no conditions stored then we need to get them from the appropriate type
- if (conditionsLength === 0) {
- var column = +this.dom.data.children('option:selected').val();
- this.s.type = this.s.dt.columns().type().toArray()[column];
- var colInits = this.s.dt.settings()[0].aoColumns;
- if (colInits !== undefined) {
- var colInit = colInits[column];
- if (colInit.searchBuilderType !== undefined && colInit.searchBuilderType !== null) {
- this.s.type = colInit.searchBuilderType;
- }
- else if (this.s.type === undefined || this.s.type === null) {
- this.s.type = colInit.sType;
- }
- }
- // If the column type is still unknown, call a draw to try reading it again
- if (this.s.type === null || this.s.type === undefined) {
- $$2.fn.dataTable.ext.oApi._fnColumnTypes(this.s.dt.settings()[0]);
- this.s.type = this.s.dt.columns().type().toArray()[column];
- }
- // Enable the condition element
- this.dom.condition
- .removeAttr('disabled')
- .empty()
- .append(this.dom.conditionTitle)
- .addClass(this.classes.italic);
- this.dom.conditionTitle
- .prop('selected', true);
- var decimal = this.s.dt.settings()[0].oLanguage.sDecimal;
- // This check is in place for if a custom decimal character is in place
- if (decimal !== '' && this.s.type.indexOf(decimal) === this.s.type.length - decimal.length) {
- if (this.s.type.includes('num-fmt')) {
- this.s.type = this.s.type.replace(decimal, '');
- }
- else if (this.s.type.includes('num')) {
- this.s.type = this.s.type.replace(decimal, '');
- }
- }
- // Select which conditions are going to be used based on the column type
- var conditionObj = this.c.conditions[this.s.type] !== undefined ?
- this.c.conditions[this.s.type] :
- this.s.type.includes('moment') ?
- this.c.conditions.moment :
- this.s.type.includes('luxon') ?
- this.c.conditions.luxon :
- this.c.conditions.string;
- // If it is a moment format then extract the date format
- if (this.s.type.includes('moment')) {
- this.s.dateFormat = this.s.type.replace(/moment-/g, '');
- }
- else if (this.s.type.includes('luxon')) {
- this.s.dateFormat = this.s.type.replace(/luxon-/g, '');
- }
- // Add all of the conditions to the select element
- for (var _i = 0, _a = Object.keys(conditionObj); _i < _a.length; _i++) {
- var condition = _a[_i];
- if (conditionObj[condition] !== null) {
- // Serverside processing does not supply the options for the select elements
- // Instead input elements need to be used for these instead
- if (this.s.dt.page.info().serverSide && conditionObj[condition].init === Criteria.initSelect) {
- conditionObj[condition].init = Criteria.initInput;
- conditionObj[condition].inputValue = Criteria.inputValueInput;
- conditionObj[condition].isInputValid = Criteria.isInputValidInput;
- }
- this.s.conditions[condition] = conditionObj[condition];
- var condName = conditionObj[condition].conditionName;
- if (typeof condName === 'function') {
- condName = condName(this.s.dt, this.c.i18n);
- }
- conditionOpts.push($$2('<option>', {
- text: condName,
- value: condition
- })
- .addClass(this.classes.option)
- .addClass(this.classes.notItalic));
- }
- }
- }
- // Otherwise we can just load them in
- else if (conditionsLength > 0) {
- this.dom.condition.empty().removeAttr('disabled').addClass(this.classes.italic);
- for (var _b = 0, _c = Object.keys(this.s.conditions); _b < _c.length; _b++) {
- var condition = _c[_b];
- var condName = this.s.conditions[condition].conditionName;
- if (typeof condName === 'function') {
- condName = condName(this.s.dt, this.c.i18n);
- }
- var newOpt = $$2('<option>', {
- text: condName,
- value: condition
- })
- .addClass(this.classes.option)
- .addClass(this.classes.notItalic);
- if (this.s.condition !== undefined && this.s.condition === condName) {
- newOpt.prop('selected', true);
- this.dom.condition.removeClass(this.classes.italic);
- }
- conditionOpts.push(newOpt);
- }
- }
- else {
- this.dom.condition
- .attr('disabled', 'true')
- .addClass(this.classes.italic);
- return;
- }
- for (var _d = 0, conditionOpts_1 = conditionOpts; _d < conditionOpts_1.length; _d++) {
- var opt = conditionOpts_1[_d];
- this.dom.condition.append(opt);
- }
- this.dom.condition.prop('selectedIndex', 0);
- };
- /**
- * Populates the data select element
- */
- Criteria.prototype._populateData = function () {
- var _this = this;
- this.dom.data.empty().append(this.dom.dataTitle);
- // If there are no datas stored then we need to get them from the table
- if (this.s.dataPoints.length === 0) {
- this.s.dt.columns().every(function (index) {
- // Need to check that the column can be filtered on before adding it
- if (_this.c.columns === true ||
- _this.s.dt.columns(_this.c.columns).indexes().toArray().includes(index)) {
- var found = false;
- for (var _i = 0, _a = _this.s.dataPoints; _i < _a.length; _i++) {
- var val = _a[_i];
- if (val.index === index) {
- found = true;
- break;
- }
- }
- if (!found) {
- var col = _this.s.dt.settings()[0].aoColumns[index];
- var opt = {
- index: index,
- origData: col.data,
- text: (col.searchBuilderTitle === undefined ?
- col.sTitle :
- col.searchBuilderTitle).replace(/(<([^>]+)>)/ig, '')
- };
- _this.s.dataPoints.push(opt);
- _this.dom.data.append($$2('<option>', {
- text: opt.text,
- value: opt.index
- })
- .addClass(_this.classes.option)
- .addClass(_this.classes.notItalic)
- .prop('origData', col.data)
- .prop('selected', _this.s.dataIdx === opt.index ? true : false));
- if (_this.s.dataIdx === opt.index) {
- _this.dom.dataTitle.removeProp('selected');
- }
- }
- }
- });
- }
- // Otherwise we can just load them in
- else {
- var _loop_3 = function (data) {
- this_1.s.dt.columns().every(function (index) {
- var col = _this.s.dt.settings()[0].aoColumns[index];
- if ((col.searchBuilderTitle === undefined ?
- col.sTitle :
- col.searchBuilderTitle).replace(/(<([^>]+)>)/ig, '') === data.text) {
- data.index = index;
- data.origData = col.data;
- }
- });
- var newOpt = $$2('<option>', {
- text: data.text.replace(/(<([^>]+)>)/ig, ''),
- value: data.index
- })
- .addClass(this_1.classes.option)
- .addClass(this_1.classes.notItalic)
- .prop('origData', data.origData);
- if (this_1.s.data === data.text) {
- this_1.s.dataIdx = data.index;
- this_1.dom.dataTitle.removeProp('selected');
- newOpt.prop('selected', true);
- this_1.dom.data.removeClass(this_1.classes.italic);
- }
- this_1.dom.data.append(newOpt);
- };
- var this_1 = this;
- for (var _i = 0, _a = this.s.dataPoints; _i < _a.length; _i++) {
- var data = _a[_i];
- _loop_3(data);
- }
- }
- };
- /**
- * Populates the Value select element
- *
- * @param loadedCriteria optional, used to reload criteria from predefined filters
- */
- Criteria.prototype._populateValue = function (loadedCriteria) {
- var _this = this;
- var prevFilled = this.s.filled;
- this.s.filled = false;
- // Remove any previous value elements
- // Timeout is annoying but because of IOS
- setTimeout(function () {
- _this.dom.defaultValue.remove();
- }, 50);
- var _loop_4 = function (val) {
- // Timeout is annoying but because of IOS
- setTimeout(function () {
- if (val !== undefined) {
- val.remove();
- }
- }, 50);
- };
- for (var _i = 0, _a = this.dom.value; _i < _a.length; _i++) {
- var val = _a[_i];
- _loop_4(val);
- }
- var children = this.dom.container.children();
- if (children.length > 3) {
- for (var i = 2; i < children.length - 1; i++) {
- $$2(children[i]).remove();
- }
- }
- // Find the column with the title matching the data for the criteria and take note of the index
- if (loadedCriteria !== undefined) {
- this.s.dt.columns().every(function (index) {
- if (_this.s.dt.settings()[0].aoColumns[index].sTitle === loadedCriteria.data) {
- _this.s.dataIdx = index;
- }
- });
- }
- // Initialise the value elements based on the condition
- this.dom.value = [].concat(this.s.conditions[this.s.condition].init(this, Criteria.updateListener, loadedCriteria !== undefined ? loadedCriteria.value : undefined));
- if (loadedCriteria !== undefined && loadedCriteria.value !== undefined) {
- this.s.value = loadedCriteria.value;
- }
- // Insert value elements and trigger the inserted event
- if (this.dom.value[0] !== undefined) {
- this.dom.value[0]
- .insertAfter(this.dom.condition)
- .trigger('dtsb-inserted');
- }
- for (var i = 1; i < this.dom.value.length; i++) {
- this.dom.value[i]
- .insertAfter(this.dom.value[i - 1])
- .trigger('dtsb-inserted');
- }
- // Check if the criteria can be used in a search
- this.s.filled = this.s.conditions[this.s.condition].isInputValid(this.dom.value, this);
- this.setListeners();
- // If it can and this is different to before then trigger a draw
- if (prevFilled !== this.s.filled) {
- // If using SSP we want to restrict the amount of server calls that take place
- // and this will already have taken place
- if (!this.s.dt.page.info().serverSide) {
- this.s.dt.draw();
- }
- this.setListeners();
- }
- };
- /**
- * Provides throttling capabilities to SearchBuilder without having to use dt's _fnThrottle function
- * This is because that function is not quite suitable for our needs as it runs initially rather than waiting
- *
- * @param args arguments supplied to the throttle function
- * @returns Function that is to be run that implements the throttling
- */
- Criteria.prototype._throttle = function (fn, frequency) {
- if (frequency === void 0) { frequency = 200; }
- var last = null;
- var timer = null;
- var that = this;
- if (frequency === null) {
- frequency = 200;
- }
- return function () {
- var args = [];
- for (var _i = 0; _i < arguments.length; _i++) {
- args[_i] = arguments[_i];
- }
- var now = +new Date();
- if (last !== null && now < last + frequency) {
- clearTimeout(timer);
- }
- else {
- last = now;
- }
- timer = setTimeout(function () {
- last = null;
- fn.apply(that, args);
- }, frequency);
- };
- };
- Criteria.version = '1.1.0';
- Criteria.classes = {
- button: 'dtsb-button',
- buttonContainer: 'dtsb-buttonContainer',
- condition: 'dtsb-condition',
- container: 'dtsb-criteria',
- data: 'dtsb-data',
- "delete": 'dtsb-delete',
- dropDown: 'dtsb-dropDown',
- greyscale: 'dtsb-greyscale',
- input: 'dtsb-input',
- italic: 'dtsb-italic',
- joiner: 'dtsp-joiner',
- left: 'dtsb-left',
- notItalic: 'dtsb-notItalic',
- option: 'dtsb-option',
- right: 'dtsb-right',
- select: 'dtsb-select',
- value: 'dtsb-value',
- vertical: 'dtsb-vertical'
- };
- /**
- * Default initialisation function for select conditions
- */
- Criteria.initSelect = function (that, fn, preDefined, array) {
- if (preDefined === void 0) { preDefined = null; }
- if (array === void 0) { array = false; }
- var column = that.dom.data.children('option:selected').val();
- var indexArray = that.s.dt.rows().indexes().toArray();
- var settings = that.s.dt.settings()[0];
- that.dom.valueTitle.prop('selected', true);
- // Declare select element to be used with all of the default classes and listeners.
- var el = $$2('<select/>')
- .addClass(Criteria.classes.value)
- .addClass(Criteria.classes.dropDown)
- .addClass(Criteria.classes.italic)
- .addClass(Criteria.classes.select)
- .append(that.dom.valueTitle)
- .on('change.dtsb', function () {
- $$2(this).removeClass(Criteria.classes.italic);
- fn(that, this);
- });
- if (that.c.greyscale) {
- el.addClass(Criteria.classes.greyscale);
- }
- var added = [];
- var options = [];
- // Add all of the options from the table to the select element.
- // Only add one option for each possible value
- for (var _i = 0, indexArray_1 = indexArray; _i < indexArray_1.length; _i++) {
- var index = indexArray_1[_i];
- var filter = settings.oApi._fnGetCellData(settings, index, column, typeof that.c.orthogonal === 'string' ?
- that.c.orthogonal :
- that.c.orthogonal.search);
- var value = {
- filter: typeof filter === 'string' ?
- filter.replace(/[\r\n\u2028]/g, ' ') : // Need to replace certain characters to match search values
- filter,
- index: index,
- text: settings.oApi._fnGetCellData(settings, index, column, typeof that.c.orthogonal === 'string' ?
- that.c.orthogonal :
- that.c.orthogonal.display)
- };
- // If we are dealing with an array type, either make sure we are working with arrays, or sort them
- if (that.s.type === 'array') {
- value.filter = !Array.isArray(value.filter) ? [value.filter] : value.filter;
- value.text = !Array.isArray(value.text) ? [value.text] : value.text;
- }
- // Function to add an option to the select element
- var addOption = function (filt, text) {
- if (that.s.type.includes('html') && filt !== null && typeof filt === 'string') {
- filt.replace(/(<([^>]+)>)/ig, '');
- }
- // Add text and value, stripping out any html if that is the column type
- var opt = $$2('<option>', {
- type: Array.isArray(filt) ? 'Array' : 'String',
- value: filt
- })
- .data('sbv', filt)
- .addClass(that.classes.option)
- .addClass(that.classes.notItalic)
- // Have to add the text this way so that special html characters are not escaped - & etc.
- .html(typeof text === 'string' ?
- text.replace(/(<([^>]+)>)/ig, '') :
- text);
- var val = opt.val();
- // Check that this value has not already been added
- if (added.indexOf(val) === -1) {
- added.push(val);
- options.push(opt);
- if (preDefined !== null && Array.isArray(preDefined[0])) {
- preDefined[0] = preDefined[0].sort().join(',');
- }
- // If this value was previously selected as indicated by preDefined, then select it again
- if (preDefined !== null && opt.val() === preDefined[0]) {
- opt.prop('selected', true);
- el.removeClass(Criteria.classes.italic);
- that.dom.valueTitle.removeProp('selected');
- }
- }
- };
- // If this is to add the individual values within the array we need to loop over the array
- if (array) {
- for (var i = 0; i < value.filter.length; i++) {
- addOption(value.filter[i], value.text[i]);
- }
- }
- // Otherwise the value that is in the cell is to be added
- else {
- addOption(value.filter, Array.isArray(value.text) ? value.text.join(', ') : value.text);
- }
- }
- options.sort(function (a, b) {
- if (that.s.type === 'array' ||
- that.s.type === 'string' ||
- that.s.type === 'html') {
- if (a.val() < b.val()) {
- return -1;
- }
- else if (a.val() > b.val()) {
- return 1;
- }
- else {
- return 0;
- }
- }
- else if (that.s.type === 'num' ||
- that.s.type === 'html-num') {
- if (+a.val().replace(/(<([^>]+)>)/ig, '') < +b.val().replace(/(<([^>]+)>)/ig, '')) {
- return -1;
- }
- else if (+a.val().replace(/(<([^>]+)>)/ig, '') > +b.val().replace(/(<([^>]+)>)/ig, '')) {
- return 1;
- }
- else {
- return 0;
- }
- }
- else if (that.s.type === 'num-fmt' || that.s.type === 'html-num-fmt') {
- if (+a.val().replace(/[^0-9.]/g, '') < +b.val().replace(/[^0-9.]/g, '')) {
- return -1;
- }
- else if (+a.val().replace(/[^0-9.]/g, '') > +b.val().replace(/[^0-9.]/g, '')) {
- return 1;
- }
- else {
- return 0;
- }
- }
- });
- for (var _a = 0, options_1 = options; _a < options_1.length; _a++) {
- var opt = options_1[_a];
- el.append(opt);
- }
- return el;
- };
- /**
- * Default initialisation function for select array conditions
- *
- * This exists because there needs to be different select functionality for contains/without and equals/not
- */
- Criteria.initSelectArray = function (that, fn, preDefined) {
- if (preDefined === void 0) { preDefined = null; }
- return Criteria.initSelect(that, fn, preDefined, true);
- };
- /**
- * Default initialisation function for input conditions
- */
- Criteria.initInput = function (that, fn, preDefined) {
- if (preDefined === void 0) { preDefined = null; }
- // Declare the input element
- var searchDelay = that.s.dt.settings()[0].searchDelay;
- var el = $$2('<input/>')
- .addClass(Criteria.classes.value)
- .addClass(Criteria.classes.input)
- .on('input.dtsb keypress.dtsb', that._throttle(function (e) {
- var code = e.keyCode || e.which;
- if (!that.c.enterSearch &&
- !(that.s.dt.settings()[0].oInit.search !== undefined &&
- that.s.dt.settings()[0].oInit.search["return"]) ||
- code === 13) {
- return fn(that, this);
- }
- }, searchDelay === null ? 100 : searchDelay));
- if (that.c.greyscale) {
- el.addClass(Criteria.classes.greyscale);
- }
- // If there is a preDefined value then add it
- if (preDefined !== null) {
- el.val(preDefined[0]);
- }
- // This is add responsive functionality to the logic button without redrawing everything else
- that.s.dt.one('draw.dtsb', function () {
- that.s.topGroup.trigger('dtsb-redrawLogic');
- });
- return el;
- };
- /**
- * Default initialisation function for conditions requiring 2 inputs
- */
- Criteria.init2Input = function (that, fn, preDefined) {
- if (preDefined === void 0) { preDefined = null; }
- // Declare all of the necessary jQuery elements
- var searchDelay = that.s.dt.settings()[0].searchDelay;
- var els = [
- $$2('<input/>')
- .addClass(Criteria.classes.value)
- .addClass(Criteria.classes.input)
- .on('input.dtsb keypress.dtsb', that._throttle(function (e) {
- var code = e.keyCode || e.which;
- if (!that.c.enterSearch &&
- !(that.s.dt.settings()[0].oInit.search !== undefined &&
- that.s.dt.settings()[0].oInit.search["return"]) ||
- code === 13) {
- return fn(that, this);
- }
- }, searchDelay === null ? 100 : searchDelay)),
- $$2('<span>')
- .addClass(that.classes.joiner)
- .html(that.s.dt.i18n('searchBuilder.valueJoiner', that.c.i18n.valueJoiner)),
- $$2('<input/>')
- .addClass(Criteria.classes.value)
- .addClass(Criteria.classes.input)
- .on('input.dtsb keypress.dtsb', that._throttle(function (e) {
- var code = e.keyCode || e.which;
- if (!that.c.enterSearch &&
- !(that.s.dt.settings()[0].oInit.search !== undefined &&
- that.s.dt.settings()[0].oInit.search["return"]) ||
- code === 13) {
- return fn(that, this);
- }
- }, searchDelay === null ? 100 : searchDelay))
- ];
- if (that.c.greyscale) {
- els[0].addClass(Criteria.classes.greyscale);
- els[2].addClass(Criteria.classes.greyscale);
- }
- // If there is a preDefined value then add it
- if (preDefined !== null) {
- els[0].val(preDefined[0]);
- els[2].val(preDefined[1]);
- }
- // This is add responsive functionality to the logic button without redrawing everything else
- that.s.dt.one('draw.dtsb', function () {
- that.s.topGroup.trigger('dtsb-redrawLogic');
- });
- return els;
- };
- /**
- * Default initialisation function for date conditions
- */
- Criteria.initDate = function (that, fn, preDefined) {
- if (preDefined === void 0) { preDefined = null; }
- var searchDelay = that.s.dt.settings()[0].searchDelay;
- // Declare date element using DataTables dateTime plugin
- var el = $$2('<input/>')
- .addClass(Criteria.classes.value)
- .addClass(Criteria.classes.input)
- .dtDateTime({
- attachTo: 'input',
- format: that.s.dateFormat ? that.s.dateFormat : undefined
- })
- .on('change.dtsb', that._throttle(function () {
- return fn(that, this);
- }, searchDelay === null ? 100 : searchDelay))
- .on('input.dtsb keypress.dtsb', that.c.enterSearch ||
- that.s.dt.settings()[0].oInit.search !== undefined &&
- that.s.dt.settings()[0].oInit.search["return"] ?
- function (e) {
- that._throttle(function () {
- var code = e.keyCode || e.which;
- if (code === 13) {
- return fn(that, this);
- }
- }, searchDelay === null ? 100 : searchDelay);
- } :
- that._throttle(function () {
- return fn(that, this);
- }, searchDelay === null ? 100 : searchDelay));
- if (that.c.greyscale) {
- el.addClass(Criteria.classes.greyscale);
- }
- // If there is a preDefined value then add it
- if (preDefined !== null) {
- el.val(preDefined[0]);
- }
- // This is add responsive functionality to the logic button without redrawing everything else
- that.s.dt.one('draw.dtsb', function () {
- that.s.topGroup.trigger('dtsb-redrawLogic');
- });
- return el;
- };
- Criteria.initNoValue = function (that) {
- // This is add responsive functionality to the logic button without redrawing everything else
- that.s.dt.one('draw.dtsb', function () {
- that.s.topGroup.trigger('dtsb-redrawLogic');
- });
- };
- Criteria.init2Date = function (that, fn, preDefined) {
- var _this = this;
- if (preDefined === void 0) { preDefined = null; }
- var searchDelay = that.s.dt.settings()[0].searchDelay;
- // Declare all of the date elements that are required using DataTables dateTime plugin
- var els = [
- $$2('<input/>')
- .addClass(Criteria.classes.value)
- .addClass(Criteria.classes.input)
- .dtDateTime({
- attachTo: 'input',
- format: that.s.dateFormat ? that.s.dateFormat : undefined
- })
- .on('change.dtsb', searchDelay !== null ?
- that.s.dt.settings()[0].oApi._fnThrottle(function () {
- return fn(that, this);
- }, searchDelay) :
- function () {
- fn(that, _this);
- })
- .on('input.dtsb keypress.dtsb', !that.c.enterSearch &&
- !(that.s.dt.settings()[0].oInit.search !== undefined &&
- that.s.dt.settings()[0].oInit.search["return"]) &&
- searchDelay !== null ?
- that.s.dt.settings()[0].oApi._fnThrottle(function () {
- return fn(that, this);
- }, searchDelay) :
- that.c.enterSearch ||
- that.s.dt.settings()[0].oInit.search !== undefined &&
- that.s.dt.settings()[0].oInit.search["return"] ?
- function (e) {
- var code = e.keyCode || e.which;
- if (code === 13) {
- fn(that, _this);
- }
- } :
- function () {
- fn(that, _this);
- }),
- $$2('<span>')
- .addClass(that.classes.joiner)
- .html(that.s.dt.i18n('searchBuilder.valueJoiner', that.c.i18n.valueJoiner)),
- $$2('<input/>')
- .addClass(Criteria.classes.value)
- .addClass(Criteria.classes.input)
- .dtDateTime({
- attachTo: 'input',
- format: that.s.dateFormat ? that.s.dateFormat : undefined
- })
- .on('change.dtsb', searchDelay !== null ?
- that.s.dt.settings()[0].oApi._fnThrottle(function () {
- return fn(that, this);
- }, searchDelay) :
- function () {
- fn(that, _this);
- })
- .on('input.dtsb keypress.dtsb', !that.c.enterSearch &&
- !(that.s.dt.settings()[0].oInit.search !== undefined &&
- that.s.dt.settings()[0].oInit.search["return"]) &&
- searchDelay !== null ?
- that.s.dt.settings()[0].oApi._fnThrottle(function () {
- return fn(that, this);
- }, searchDelay) :
- that.c.enterSearch ||
- that.s.dt.settings()[0].oInit.search !== undefined &&
- that.s.dt.settings()[0].oInit.search["return"] ?
- function (e) {
- var code = e.keyCode || e.which;
- if (code === 13) {
- fn(that, _this);
- }
- } :
- function () {
- fn(that, _this);
- })
- ];
- if (that.c.greyscale) {
- els[0].addClass(Criteria.classes.greyscale);
- els[2].addClass(Criteria.classes.greyscale);
- }
- // If there are and preDefined values then add them
- if (preDefined !== null && preDefined.length > 0) {
- els[0].val(preDefined[0]);
- els[2].val(preDefined[1]);
- }
- // This is add responsive functionality to the logic button without redrawing everything else
- that.s.dt.one('draw.dtsb', function () {
- that.s.topGroup.trigger('dtsb-redrawLogic');
- });
- return els;
- };
- /**
- * Default function for select elements to validate condition
- */
- Criteria.isInputValidSelect = function (el) {
- var allFilled = true;
- // Check each element to make sure that the selections are valid
- for (var _i = 0, el_1 = el; _i < el_1.length; _i++) {
- var element = el_1[_i];
- if (element.children('option:selected').length ===
- element.children('option').length -
- element.children('option.' + Criteria.classes.notItalic).length &&
- element.children('option:selected').length === 1 &&
- element.children('option:selected')[0] === element.children('option')[0]) {
- allFilled = false;
- }
- }
- return allFilled;
- };
- /**
- * Default function for input and date elements to validate condition
- */
- Criteria.isInputValidInput = function (el) {
- var allFilled = true;
- // Check each element to make sure that the inputs are valid
- for (var _i = 0, el_2 = el; _i < el_2.length; _i++) {
- var element = el_2[_i];
- if (element.is('input') && element.val().length === 0) {
- allFilled = false;
- }
- }
- return allFilled;
- };
- /**
- * Default function for getting select conditions
- */
- Criteria.inputValueSelect = function (el) {
- var values = [];
- // Go through the select elements and push each selected option to the return array
- for (var _i = 0, el_3 = el; _i < el_3.length; _i++) {
- var element = el_3[_i];
- if (element.is('select')) {
- values.push(Criteria._escapeHTML(element.children('option:selected').data('sbv')));
- }
- }
- return values;
- };
- /**
- * Default function for getting input conditions
- */
- Criteria.inputValueInput = function (el) {
- var values = [];
- // Go through the input elements and push each value to the return array
- for (var _i = 0, el_4 = el; _i < el_4.length; _i++) {
- var element = el_4[_i];
- if (element.is('input')) {
- values.push(Criteria._escapeHTML(element.val()));
- }
- }
- return values;
- };
- /**
- * Function that is run on each element as a call back when a search should be triggered
- */
- Criteria.updateListener = function (that, el) {
- // When the value is changed the criteria is now complete so can be included in searches
- // Get the condition from the map based on the key that has been selected for the condition
- var condition = that.s.conditions[that.s.condition];
- that.s.filled = condition.isInputValid(that.dom.value, that);
- that.s.value = condition.inputValue(that.dom.value, that);
- if (!that.s.filled) {
- that.s.dt.draw();
- return;
- }
- if (!Array.isArray(that.s.value)) {
- that.s.value = [that.s.value];
- }
- for (var i = 0; i < that.s.value.length; i++) {
- // If the value is an array we need to sort it
- if (Array.isArray(that.s.value[i])) {
- that.s.value[i].sort();
- }
- // Otherwise replace the decimal place character for i18n
- else if (that.s.type.includes('num') &&
- (that.s.dt.settings()[0].oLanguage.sDecimal !== '' ||
- that.s.dt.settings()[0].oLanguage.sThousands !== '')) {
- var splitRD = [that.s.value[i].toString()];
- if (that.s.dt.settings()[0].oLanguage.sDecimal !== '') {
- splitRD = that.s.value[i].split(that.s.dt.settings()[0].oLanguage.sDecimal);
- }
- if (that.s.dt.settings()[0].oLanguage.sThousands !== '') {
- for (var j = 0; j < splitRD.length; j++) {
- splitRD[j] = splitRD[j].replace(that.s.dt.settings()[0].oLanguage.sThousands, ',');
- }
- }
- that.s.value[i] = splitRD.join('.');
- }
- }
- // Take note of the cursor position so that we can refocus there later
- var idx = null;
- var cursorPos = null;
- for (var i = 0; i < that.dom.value.length; i++) {
- if (el === that.dom.value[i][0]) {
- idx = i;
- if (el.selectionStart !== undefined) {
- cursorPos = el.selectionStart;
- }
- }
- }
- // Trigger a search
- that.s.dt.draw();
- // Refocus the element and set the correct cursor position
- if (idx !== null) {
- that.dom.value[idx].removeClass(that.classes.italic);
- that.dom.value[idx].focus();
- if (cursorPos !== null) {
- that.dom.value[idx][0].setSelectionRange(cursorPos, cursorPos);
- }
- }
- };
- // The order of the conditions will make eslint sad :(
- // Has to be in this order so that they are displayed correctly in select elements
- // Also have to disable member ordering for this as the private methods used are not yet declared otherwise
- // eslint-disable-next-line @typescript-eslint/member-ordering
- Criteria.dateConditions = {
- '=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.equals', i18n.conditions.date.equals);
- },
- init: Criteria.initDate,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- value = value.replace(/(\/|-|,)/g, '-');
- return value === comparison[0];
- }
- },
- // eslint-disable-next-line sort-keys
- '!=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.not', i18n.conditions.date.not);
- },
- init: Criteria.initDate,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- value = value.replace(/(\/|-|,)/g, '-');
- return value !== comparison[0];
- }
- },
- '<': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.before', i18n.conditions.date.before);
- },
- init: Criteria.initDate,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- value = value.replace(/(\/|-|,)/g, '-');
- return value < comparison[0];
- }
- },
- '>': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.after', i18n.conditions.date.after);
- },
- init: Criteria.initDate,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- value = value.replace(/(\/|-|,)/g, '-');
- return value > comparison[0];
- }
- },
- 'between': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.between', i18n.conditions.date.between);
- },
- init: Criteria.init2Date,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- value = value.replace(/(\/|-|,)/g, '-');
- if (comparison[0] < comparison[1]) {
- return comparison[0] <= value && value <= comparison[1];
- }
- else {
- return comparison[1] <= value && value <= comparison[0];
- }
- }
- },
- // eslint-disable-next-line sort-keys
- '!between': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.notBetween', i18n.conditions.date.notBetween);
- },
- init: Criteria.init2Date,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- value = value.replace(/(\/|-|,)/g, '-');
- if (comparison[0] < comparison[1]) {
- return !(comparison[0] <= value && value <= comparison[1]);
- }
- else {
- return !(comparison[1] <= value && value <= comparison[0]);
- }
- }
- },
- 'null': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.empty', i18n.conditions.date.empty);
- },
- init: Criteria.initNoValue,
- inputValue: function () {
- return;
- },
- isInputValid: function () {
- return true;
- },
- search: function (value) {
- return value === null || value === undefined || value.length === 0;
- }
- },
- // eslint-disable-next-line sort-keys
- '!null': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.notEmpty', i18n.conditions.date.notEmpty);
- },
- init: Criteria.initNoValue,
- inputValue: function () {
- return;
- },
- isInputValid: function () {
- return true;
- },
- search: function (value) {
- return !(value === null || value === undefined || value.length === 0);
- }
- }
- };
- // The order of the conditions will make eslint sad :(
- // Has to be in this order so that they are displayed correctly in select elements
- // Also have to disable member ordering for this as the private methods used are not yet declared otherwise
- // eslint-disable-next-line @typescript-eslint/member-ordering
- Criteria.momentDateConditions = {
- '=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.equals', i18n.conditions.date.equals);
- },
- init: Criteria.initDate,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison, that) {
- return moment(value, that.s.dateFormat).valueOf() ===
- moment(comparison[0], that.s.dateFormat).valueOf();
- }
- },
- // eslint-disable-next-line sort-keys
- '!=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.not', i18n.conditions.date.not);
- },
- init: Criteria.initDate,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison, that) {
- return moment(value, that.s.dateFormat).valueOf() !==
- moment(comparison[0], that.s.dateFormat).valueOf();
- }
- },
- '<': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.before', i18n.conditions.date.before);
- },
- init: Criteria.initDate,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison, that) {
- return moment(value, that.s.dateFormat).valueOf() < moment(comparison[0], that.s.dateFormat).valueOf();
- }
- },
- '>': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.after', i18n.conditions.date.after);
- },
- init: Criteria.initDate,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison, that) {
- return moment(value, that.s.dateFormat).valueOf() > moment(comparison[0], that.s.dateFormat).valueOf();
- }
- },
- 'between': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.between', i18n.conditions.date.between);
- },
- init: Criteria.init2Date,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison, that) {
- var val = moment(value, that.s.dateFormat).valueOf();
- var comp0 = moment(comparison[0], that.s.dateFormat).valueOf();
- var comp1 = moment(comparison[1], that.s.dateFormat).valueOf();
- if (comp0 < comp1) {
- return comp0 <= val && val <= comp1;
- }
- else {
- return comp1 <= val && val <= comp0;
- }
- }
- },
- // eslint-disable-next-line sort-keys
- '!between': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.notBetween', i18n.conditions.date.notBetween);
- },
- init: Criteria.init2Date,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison, that) {
- var val = moment(value, that.s.dateFormat).valueOf();
- var comp0 = moment(comparison[0], that.s.dateFormat).valueOf();
- var comp1 = moment(comparison[1], that.s.dateFormat).valueOf();
- if (comp0 < comp1) {
- return !(+comp0 <= +val && +val <= +comp1);
- }
- else {
- return !(+comp1 <= +val && +val <= +comp0);
- }
- }
- },
- 'null': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.empty', i18n.conditions.date.empty);
- },
- init: Criteria.initNoValue,
- inputValue: function () {
- return;
- },
- isInputValid: function () {
- return true;
- },
- search: function (value) {
- return value === null || value === undefined || value.length === 0;
- }
- },
- // eslint-disable-next-line sort-keys
- '!null': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.notEmpty', i18n.conditions.date.notEmpty);
- },
- init: Criteria.initNoValue,
- inputValue: function () {
- return;
- },
- isInputValid: function () {
- return true;
- },
- search: function (value) {
- return !(value === null || value === undefined || value.length === 0);
- }
- }
- };
- // The order of the conditions will make eslint sad :(
- // Has to be in this order so that they are displayed correctly in select elements
- // Also have to disable member ordering for this as the private methods used are not yet declared otherwise
- // eslint-disable-next-line @typescript-eslint/member-ordering
- Criteria.luxonDateConditions = {
- '=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.equals', i18n.conditions.date.equals);
- },
- init: Criteria.initDate,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison, that) {
- return luxon.DateTime.fromFormat(value, that.s.dateFormat).ts
- === luxon.DateTime.fromFormat(comparison[0], that.s.dateFormat).ts;
- }
- },
- // eslint-disable-next-line sort-keys
- '!=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.not', i18n.conditions.date.not);
- },
- init: Criteria.initDate,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison, that) {
- return luxon.DateTime.fromFormat(value, that.s.dateFormat).ts
- !== luxon.DateTime.fromFormat(comparison[0], that.s.dateFormat).ts;
- }
- },
- '<': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.before', i18n.conditions.date.before);
- },
- init: Criteria.initDate,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison, that) {
- return luxon.DateTime.fromFormat(value, that.s.dateFormat).ts
- < luxon.DateTime.fromFormat(comparison[0], that.s.dateFormat).ts;
- }
- },
- '>': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.after', i18n.conditions.date.after);
- },
- init: Criteria.initDate,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison, that) {
- return luxon.DateTime.fromFormat(value, that.s.dateFormat).ts
- > luxon.DateTime.fromFormat(comparison[0], that.s.dateFormat).ts;
- }
- },
- 'between': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.between', i18n.conditions.date.between);
- },
- init: Criteria.init2Date,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison, that) {
- var val = luxon.DateTime.fromFormat(value, that.s.dateFormat).ts;
- var comp0 = luxon.DateTime.fromFormat(comparison[0], that.s.dateFormat).ts;
- var comp1 = luxon.DateTime.fromFormat(comparison[1], that.s.dateFormat).ts;
- if (comp0 < comp1) {
- return comp0 <= val && val <= comp1;
- }
- else {
- return comp1 <= val && val <= comp0;
- }
- }
- },
- // eslint-disable-next-line sort-keys
- '!between': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.notBetween', i18n.conditions.date.notBetween);
- },
- init: Criteria.init2Date,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison, that) {
- var val = luxon.DateTime.fromFormat(value, that.s.dateFormat).ts;
- var comp0 = luxon.DateTime.fromFormat(comparison[0], that.s.dateFormat).ts;
- var comp1 = luxon.DateTime.fromFormat(comparison[1], that.s.dateFormat).ts;
- if (comp0 < comp1) {
- return !(+comp0 <= +val && +val <= +comp1);
- }
- else {
- return !(+comp1 <= +val && +val <= +comp0);
- }
- }
- },
- 'null': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.empty', i18n.conditions.date.empty);
- },
- init: Criteria.initNoValue,
- inputValue: function () {
- return;
- },
- isInputValid: function () {
- return true;
- },
- search: function (value) {
- return value === null || value === undefined || value.length === 0;
- }
- },
- // eslint-disable-next-line sort-keys
- '!null': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.date.notEmpty', i18n.conditions.date.notEmpty);
- },
- init: Criteria.initNoValue,
- inputValue: function () {
- return;
- },
- isInputValid: function () {
- return true;
- },
- search: function (value) {
- return !(value === null || value === undefined || value.length === 0);
- }
- }
- };
- // The order of the conditions will make eslint sad :(
- // Has to be in this order so that they are displayed correctly in select elements
- // Also have to disable member ordering for this as the private methods used are not yet declared otherwise
- // eslint-disable-next-line @typescript-eslint/member-ordering
- Criteria.numConditions = {
- '=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.equals', i18n.conditions.number.equals);
- },
- init: Criteria.initSelect,
- inputValue: Criteria.inputValueSelect,
- isInputValid: Criteria.isInputValidSelect,
- search: function (value, comparison) {
- return +value === +comparison[0];
- }
- },
- // eslint-disable-next-line sort-keys
- '!=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.not', i18n.conditions.number.not);
- },
- init: Criteria.initSelect,
- inputValue: Criteria.inputValueSelect,
- isInputValid: Criteria.isInputValidSelect,
- search: function (value, comparison) {
- return +value !== +comparison[0];
- }
- },
- '<': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.lt', i18n.conditions.number.lt);
- },
- init: Criteria.initInput,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- return +value < +comparison[0];
- }
- },
- '<=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.lte', i18n.conditions.number.lte);
- },
- init: Criteria.initInput,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- return +value <= +comparison[0];
- }
- },
- '>=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.gte', i18n.conditions.number.gte);
- },
- init: Criteria.initInput,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- return +value >= +comparison[0];
- }
- },
- // eslint-disable-next-line sort-keys
- '>': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.gt', i18n.conditions.number.gt);
- },
- init: Criteria.initInput,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- return +value > +comparison[0];
- }
- },
- 'between': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.between', i18n.conditions.number.between);
- },
- init: Criteria.init2Input,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- if (+comparison[0] < +comparison[1]) {
- return +comparison[0] <= +value && +value <= +comparison[1];
- }
- else {
- return +comparison[1] <= +value && +value <= +comparison[0];
- }
- }
- },
- // eslint-disable-next-line sort-keys
- '!between': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.notBetween', i18n.conditions.number.notBetween);
- },
- init: Criteria.init2Input,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- if (+comparison[0] < +comparison[1]) {
- return !(+comparison[0] <= +value && +value <= +comparison[1]);
- }
- else {
- return !(+comparison[1] <= +value && +value <= +comparison[0]);
- }
- }
- },
- 'null': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.empty', i18n.conditions.number.empty);
- },
- init: Criteria.initNoValue,
- inputValue: function () {
- return;
- },
- isInputValid: function () {
- return true;
- },
- search: function (value) {
- return value === null || value === undefined || value.length === 0;
- }
- },
- // eslint-disable-next-line sort-keys
- '!null': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.notEmpty', i18n.conditions.number.notEmpty);
- },
- init: Criteria.initNoValue,
- inputValue: function () {
- return;
- },
- isInputValid: function () {
- return true;
- },
- search: function (value) {
- return !(value === null || value === undefined || value.length === 0);
- }
- }
- };
- // The order of the conditions will make eslint sad :(
- // Has to be in this order so that they are displayed correctly in select elements
- // Also have to disable member ordering for this as the private methods used are not yet declared otherwise
- // eslint-disable-next-line @typescript-eslint/member-ordering
- Criteria.numFmtConditions = {
- '=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.equals', i18n.conditions.number.equals);
- },
- init: Criteria.initSelect,
- inputValue: Criteria.inputValueSelect,
- isInputValid: Criteria.isInputValidSelect,
- search: function (value, comparison) {
- var val = value.indexOf('-') === 0 ?
- '-' + value.replace(/[^0-9.]/g, '') :
- value.replace(/[^0-9.]/g, '');
- var comp = comparison[0].indexOf('-') === 0 ?
- '-' + comparison[0].replace(/[^0-9.]/g, '') :
- comparison[0].replace(/[^0-9.]/g, '');
- return +val === +comp;
- }
- },
- // eslint-disable-next-line sort-keys
- '!=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.not', i18n.conditions.number.not);
- },
- init: Criteria.initSelect,
- inputValue: Criteria.inputValueSelect,
- isInputValid: Criteria.isInputValidSelect,
- search: function (value, comparison) {
- var val = value.indexOf('-') === 0 ?
- '-' + value.replace(/[^0-9.]/g, '') :
- value.replace(/[^0-9.]/g, '');
- var comp = comparison[0].indexOf('-') === 0 ?
- '-' + comparison[0].replace(/[^0-9.]/g, '') :
- comparison[0].replace(/[^0-9.]/g, '');
- return +val !== +comp;
- }
- },
- '<': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.lt', i18n.conditions.number.lt);
- },
- init: Criteria.initInput,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- var val = value.indexOf('-') === 0 ?
- '-' + value.replace(/[^0-9.]/g, '') :
- value.replace(/[^0-9.]/g, '');
- var comp = comparison[0].indexOf('-') === 0 ?
- '-' + comparison[0].replace(/[^0-9.]/g, '') :
- comparison[0].replace(/[^0-9.]/g, '');
- return +val < +comp;
- }
- },
- '<=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.lte', i18n.conditions.number.lte);
- },
- init: Criteria.initInput,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- var val = value.indexOf('-') === 0 ?
- '-' + value.replace(/[^0-9.]/g, '') :
- value.replace(/[^0-9.]/g, '');
- var comp = comparison[0].indexOf('-') === 0 ?
- '-' + comparison[0].replace(/[^0-9.]/g, '') :
- comparison[0].replace(/[^0-9.]/g, '');
- return +val <= +comp;
- }
- },
- '>=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.gte', i18n.conditions.number.gte);
- },
- init: Criteria.initInput,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- var val = value.indexOf('-') === 0 ?
- '-' + value.replace(/[^0-9.]/g, '') :
- value.replace(/[^0-9.]/g, '');
- var comp = comparison[0].indexOf('-') === 0 ?
- '-' + comparison[0].replace(/[^0-9.]/g, '') :
- comparison[0].replace(/[^0-9.]/g, '');
- return +val >= +comp;
- }
- },
- // eslint-disable-next-line sort-keys
- '>': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.gt', i18n.conditions.number.gt);
- },
- init: Criteria.initInput,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- var val = value.indexOf('-') === 0 ?
- '-' + value.replace(/[^0-9.]/g, '') :
- value.replace(/[^0-9.]/g, '');
- var comp = comparison[0].indexOf('-') === 0 ?
- '-' + comparison[0].replace(/[^0-9.]/g, '') :
- comparison[0].replace(/[^0-9.]/g, '');
- return +val > +comp;
- }
- },
- 'between': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.between', i18n.conditions.number.between);
- },
- init: Criteria.init2Input,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- var val = value.indexOf('-') === 0 ?
- '-' + value.replace(/[^0-9.]/g, '') :
- value.replace(/[^0-9.]/g, '');
- var comp0 = comparison[0].indexOf('-') === 0 ?
- '-' + comparison[0].replace(/[^0-9.]/g, '') :
- comparison[0].replace(/[^0-9.]/g, '');
- var comp1 = comparison[1].indexOf('-') === 0 ?
- '-' + comparison[1].replace(/[^0-9.]/g, '') :
- comparison[1].replace(/[^0-9.]/g, '');
- if (+comp0 < +comp1) {
- return +comp0 <= +val && +val <= +comp1;
- }
- else {
- return +comp1 <= +val && +val <= +comp0;
- }
- }
- },
- // eslint-disable-next-line sort-keys
- '!between': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.notBetween', i18n.conditions.number.notBetween);
- },
- init: Criteria.init2Input,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- var val = value.indexOf('-') === 0 ?
- '-' + value.replace(/[^0-9.]/g, '') :
- value.replace(/[^0-9.]/g, '');
- var comp0 = comparison[0].indexOf('-') === 0 ?
- '-' + comparison[0].replace(/[^0-9.]/g, '') :
- comparison[0].replace(/[^0-9.]/g, '');
- var comp1 = comparison[1].indexOf('-') === 0 ?
- '-' + comparison[1].replace(/[^0-9.]/g, '') :
- comparison[1].replace(/[^0-9.]/g, '');
- if (+comp0 < +comp1) {
- return !(+comp0 <= +val && +val <= +comp1);
- }
- else {
- return !(+comp1 <= +val && +val <= +comp0);
- }
- }
- },
- 'null': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.empty', i18n.conditions.number.empty);
- },
- init: Criteria.initNoValue,
- inputValue: function () {
- return;
- },
- isInputValid: function () {
- return true;
- },
- search: function (value) {
- return value === null || value === undefined || value.length === 0;
- }
- },
- // eslint-disable-next-line sort-keys
- '!null': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.number.notEmpty', i18n.conditions.number.notEmpty);
- },
- init: Criteria.initNoValue,
- inputValue: function () {
- return;
- },
- isInputValid: function () {
- return true;
- },
- search: function (value) {
- return !(value === null || value === undefined || value.length === 0);
- }
- }
- };
- // The order of the conditions will make eslint sad :(
- // Has to be in this order so that they are displayed correctly in select elements
- // Also have to disable member ordering for this as the private methods used are not yet declared otherwise
- // eslint-disable-next-line @typescript-eslint/member-ordering
- Criteria.stringConditions = {
- '=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.string.equals', i18n.conditions.string.equals);
- },
- init: Criteria.initSelect,
- inputValue: Criteria.inputValueSelect,
- isInputValid: Criteria.isInputValidSelect,
- search: function (value, comparison) {
- return value === comparison[0];
- }
- },
- // eslint-disable-next-line sort-keys
- '!=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.string.not', i18n.conditions.string.not);
- },
- init: Criteria.initSelect,
- inputValue: Criteria.inputValueSelect,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- return value !== comparison[0];
- }
- },
- 'starts': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.string.startsWith', i18n.conditions.string.startsWith);
- },
- init: Criteria.initInput,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- return value.toLowerCase().indexOf(comparison[0].toLowerCase()) === 0;
- }
- },
- // eslint-disable-next-line sort-keys
- '!starts': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.string.notStartsWith', i18n.conditions.string.notStartsWith);
- },
- init: Criteria.initInput,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- return value.toLowerCase().indexOf(comparison[0].toLowerCase()) !== 0;
- }
- },
- // eslint-disable-next-line sort-keys
- 'contains': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.string.contains', i18n.conditions.string.contains);
- },
- init: Criteria.initInput,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- return value.toLowerCase().includes(comparison[0].toLowerCase());
- }
- },
- // eslint-disable-next-line sort-keys
- '!contains': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.string.notContains', i18n.conditions.string.notContains);
- },
- init: Criteria.initInput,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- return !value.toLowerCase().includes(comparison[0].toLowerCase());
- }
- },
- 'ends': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.string.endsWith', i18n.conditions.string.endsWith);
- },
- init: Criteria.initInput,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- return value.toLowerCase().endsWith(comparison[0].toLowerCase());
- }
- },
- // eslint-disable-next-line sort-keys
- '!ends': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.string.notEndsWith', i18n.conditions.string.notEndsWith);
- },
- init: Criteria.initInput,
- inputValue: Criteria.inputValueInput,
- isInputValid: Criteria.isInputValidInput,
- search: function (value, comparison) {
- return !value.toLowerCase().endsWith(comparison[0].toLowerCase());
- }
- },
- 'null': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.string.empty', i18n.conditions.string.empty);
- },
- init: Criteria.initNoValue,
- inputValue: function () {
- return;
- },
- isInputValid: function () {
- return true;
- },
- search: function (value) {
- return value === null || value === undefined || value.length === 0;
- }
- },
- // eslint-disable-next-line sort-keys
- '!null': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.string.notEmpty', i18n.conditions.string.notEmpty);
- },
- init: Criteria.initNoValue,
- inputValue: function () {
- return;
- },
- isInputValid: function () {
- return true;
- },
- search: function (value) {
- return !(value === null || value === undefined || value.length === 0);
- }
- }
- };
- // The order of the conditions will make eslint sad :(
- // Also have to disable member ordering for this as the private methods used are not yet declared otherwise
- // eslint-disable-next-line @typescript-eslint/member-ordering
- Criteria.arrayConditions = {
- 'contains': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.array.contains', i18n.conditions.array.contains);
- },
- init: Criteria.initSelectArray,
- inputValue: Criteria.inputValueSelect,
- isInputValid: Criteria.isInputValidSelect,
- search: function (value, comparison) {
- return value.includes(comparison[0]);
- }
- },
- 'without': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.array.without', i18n.conditions.array.without);
- },
- init: Criteria.initSelectArray,
- inputValue: Criteria.inputValueSelect,
- isInputValid: Criteria.isInputValidSelect,
- search: function (value, comparison) {
- return value.indexOf(comparison[0]) === -1;
- }
- },
- // eslint-disable-next-line sort-keys
- '=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.array.equals', i18n.conditions.array.equals);
- },
- init: Criteria.initSelect,
- inputValue: Criteria.inputValueSelect,
- isInputValid: Criteria.isInputValidSelect,
- search: function (value, comparison) {
- if (value.length === comparison[0].length) {
- for (var i = 0; i < value.length; i++) {
- if (value[i] !== comparison[0][i]) {
- return false;
- }
- }
- return true;
- }
- return false;
- }
- },
- // eslint-disable-next-line sort-keys
- '!=': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.array.not', i18n.conditions.array.not);
- },
- init: Criteria.initSelect,
- inputValue: Criteria.inputValueSelect,
- isInputValid: Criteria.isInputValidSelect,
- search: function (value, comparison) {
- if (value.length === comparison[0].length) {
- for (var i = 0; i < value.length; i++) {
- if (value[i] !== comparison[0][i]) {
- return true;
- }
- }
- return false;
- }
- return true;
- }
- },
- 'null': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.array.empty', i18n.conditions.array.empty);
- },
- init: Criteria.initNoValue,
- inputValue: function () {
- return;
- },
- isInputValid: function () {
- return true;
- },
- search: function (value) {
- return value === null || value === undefined || value.length === 0;
- }
- },
- // eslint-disable-next-line sort-keys
- '!null': {
- conditionName: function (dt, i18n) {
- return dt.i18n('searchBuilder.conditions.array.notEmpty', i18n.conditions.array.notEmpty);
- },
- init: Criteria.initNoValue,
- inputValue: function () {
- return;
- },
- isInputValid: function () {
- return true;
- },
- search: function (value) {
- return value !== null && value !== undefined && value.length !== 0;
- }
- }
- };
- // eslint will be sad because we have to disable member ordering for this as the
- // private static properties used are not yet declared otherwise
- // eslint-disable-next-line @typescript-eslint/member-ordering
- Criteria.defaults = {
- columns: true,
- conditions: {
- 'array': Criteria.arrayConditions,
- 'date': Criteria.dateConditions,
- 'html': Criteria.stringConditions,
- 'html-num': Criteria.numConditions,
- 'html-num-fmt': Criteria.numFmtConditions,
- 'luxon': Criteria.luxonDateConditions,
- 'moment': Criteria.momentDateConditions,
- 'num': Criteria.numConditions,
- 'num-fmt': Criteria.numFmtConditions,
- 'string': Criteria.stringConditions
- },
- depthLimit: false,
- enterSearch: false,
- filterChanged: undefined,
- greyscale: false,
- i18n: {
- add: 'Add Condition',
- button: {
- 0: 'Search Builder',
- _: 'Search Builder (%d)'
- },
- clearAll: 'Clear All',
- condition: 'Condition',
- data: 'Data',
- "delete": '×',
- deleteTitle: 'Delete filtering rule',
- left: '<',
- leftTitle: 'Outdent criteria',
- logicAnd: 'And',
- logicOr: 'Or',
- right: '>',
- rightTitle: 'Indent criteria',
- title: {
- 0: 'Custom Search Builder',
- _: 'Custom Search Builder (%d)'
- },
- value: 'Value',
- valueJoiner: 'and'
- },
- logic: 'AND',
- orthogonal: {
- display: 'display',
- search: 'filter'
- },
- preDefined: false
- };
- return Criteria;
- }());
- var $$1;
- var dataTable$1;
- /**
- * Sets the value of jQuery for use in the file
- *
- * @param jq the instance of jQuery to be set
- */
- function setJQuery$1(jq) {
- $$1 = jq;
- dataTable$1 = jq.fn.dataTable;
- }
- /**
- * The Group class is used within SearchBuilder to represent a group of criteria
- */
- var Group = /** @class */ (function () {
- function Group(table, opts, topGroup, index, isChild, depth) {
- if (index === void 0) { index = 0; }
- if (isChild === void 0) { isChild = false; }
- if (depth === void 0) { depth = 1; }
- // Check that the required version of DataTables is included
- if (!dataTable$1 || !dataTable$1.versionCheck || !dataTable$1.versionCheck('1.10.0')) {
- throw new Error('SearchBuilder requires DataTables 1.10 or newer');
- }
- this.classes = $$1.extend(true, {}, Group.classes);
- // Get options from user
- this.c = $$1.extend(true, {}, Group.defaults, opts);
- this.s = {
- criteria: [],
- depth: depth,
- dt: table,
- index: index,
- isChild: isChild,
- logic: undefined,
- opts: opts,
- preventRedraw: false,
- toDrop: undefined,
- topGroup: topGroup
- };
- this.dom = {
- add: $$1('<button/>')
- .addClass(this.classes.add)
- .addClass(this.classes.button)
- .attr('type', 'button'),
- clear: $$1('<button>×</button>')
- .addClass(this.classes.button)
- .addClass(this.classes.clearGroup)
- .attr('type', 'button'),
- container: $$1('<div/>')
- .addClass(this.classes.group),
- logic: $$1('<button><div/></button>')
- .addClass(this.classes.logic)
- .addClass(this.classes.button)
- .attr('type', 'button'),
- logicContainer: $$1('<div/>')
- .addClass(this.classes.logicContainer)
- };
- // A reference to the top level group is maintained throughout any subgroups and criteria that may be created
- if (this.s.topGroup === undefined) {
- this.s.topGroup = this.dom.container;
- }
- this._setup();
- return this;
- }
- /**
- * Destroys the groups buttons, clears the internal criteria and removes it from the dom
- */
- Group.prototype.destroy = function () {
- // Turn off listeners
- this.dom.add.off('.dtsb');
- this.dom.logic.off('.dtsb');
- // Trigger event for groups at a higher level to pick up on
- this.dom.container
- .trigger('dtsb-destroy')
- .remove();
- this.s.criteria = [];
- };
- /**
- * Gets the details required to rebuild the group
- */
- // Eslint upset at empty object but needs to be done
- // eslint-disable-next-line @typescript-eslint/ban-types
- Group.prototype.getDetails = function (deFormatDates) {
- if (deFormatDates === void 0) { deFormatDates = false; }
- if (this.s.criteria.length === 0) {
- return {};
- }
- var details = {
- criteria: [],
- logic: this.s.logic
- };
- // NOTE here crit could be either a subgroup or a criteria
- for (var _i = 0, _a = this.s.criteria; _i < _a.length; _i++) {
- var crit = _a[_i];
- details.criteria.push(crit.criteria.getDetails(deFormatDates));
- }
- return details;
- };
- /**
- * Getter for the node for the container of the group
- *
- * @returns Node for the container of the group
- */
- Group.prototype.getNode = function () {
- return this.dom.container;
- };
- /**
- * Rebuilds the group based upon the details passed in
- *
- * @param loadedDetails the details required to rebuild the group
- */
- Group.prototype.rebuild = function (loadedDetails) {
- // If no criteria are stored then just return
- if (loadedDetails.criteria === undefined ||
- loadedDetails.criteria === null ||
- Array.isArray(loadedDetails.criteria) && loadedDetails.criteria.length === 0) {
- return;
- }
- this.s.logic = loadedDetails.logic;
- this.dom.logic.children().first().html(this.s.logic === 'OR'
- ? this.s.dt.i18n('searchBuilder.logicOr', this.c.i18n.logicOr)
- : this.s.dt.i18n('searchBuilder.logicAnd', this.c.i18n.logicAnd));
- // Add all of the criteria, be it a sub group or a criteria
- if (Array.isArray(loadedDetails.criteria)) {
- for (var _i = 0, _a = loadedDetails.criteria; _i < _a.length; _i++) {
- var crit = _a[_i];
- if (crit.logic !== undefined) {
- this._addPrevGroup(crit);
- }
- else if (crit.logic === undefined) {
- this._addPrevCriteria(crit);
- }
- }
- }
- // For all of the criteria children, update the arrows incase they require changing and set the listeners
- for (var _b = 0, _c = this.s.criteria; _b < _c.length; _b++) {
- var crit = _c[_b];
- if (crit.criteria instanceof Criteria) {
- crit.criteria.updateArrows(this.s.criteria.length > 1, false);
- this._setCriteriaListeners(crit.criteria);
- }
- }
- };
- /**
- * Redraws the Contents of the searchBuilder Groups and Criteria
- */
- Group.prototype.redrawContents = function () {
- if (this.s.preventRedraw) {
- return;
- }
- // Clear the container out and add the basic elements
- this.dom.container.children().detach();
- this.dom.container
- .append(this.dom.logicContainer)
- .append(this.dom.add);
- // Sort the criteria by index so that they appear in the correct order
- this.s.criteria.sort(function (a, b) {
- if (a.criteria.s.index < b.criteria.s.index) {
- return -1;
- }
- else if (a.criteria.s.index > b.criteria.s.index) {
- return 1;
- }
- return 0;
- });
- this.setListeners();
- for (var i = 0; i < this.s.criteria.length; i++) {
- var crit = this.s.criteria[i].criteria;
- if (crit instanceof Criteria) {
- // Reset the index to the new value
- this.s.criteria[i].index = i;
- this.s.criteria[i].criteria.s.index = i;
- // Add to the group
- this.s.criteria[i].criteria.dom.container.insertBefore(this.dom.add);
- // Set listeners for various points
- this._setCriteriaListeners(crit);
- this.s.criteria[i].criteria.rebuild(this.s.criteria[i].criteria.getDetails());
- }
- else if (crit instanceof Group && crit.s.criteria.length > 0) {
- // Reset the index to the new value
- this.s.criteria[i].index = i;
- this.s.criteria[i].criteria.s.index = i;
- // Add the sub group to the group
- this.s.criteria[i].criteria.dom.container.insertBefore(this.dom.add);
- // Redraw the contents of the group
- crit.redrawContents();
- this._setGroupListeners(crit);
- }
- else {
- // The group is empty so remove it
- this.s.criteria.splice(i, 1);
- i--;
- }
- }
- this.setupLogic();
- };
- /**
- * Resizes the logic button only rather than the entire dom.
- */
- Group.prototype.redrawLogic = function () {
- for (var _i = 0, _a = this.s.criteria; _i < _a.length; _i++) {
- var crit = _a[_i];
- if (crit instanceof Group) {
- crit.redrawLogic();
- }
- }
- this.setupLogic();
- };
- /**
- * Search method, checking the row data against the criteria in the group
- *
- * @param rowData The row data to be compared
- * @returns boolean The result of the search
- */
- Group.prototype.search = function (rowData, rowIdx) {
- if (this.s.logic === 'AND') {
- return this._andSearch(rowData, rowIdx);
- }
- else if (this.s.logic === 'OR') {
- return this._orSearch(rowData, rowIdx);
- }
- return true;
- };
- /**
- * Locates the groups logic button to the correct location on the page
- */
- Group.prototype.setupLogic = function () {
- // Remove logic button
- this.dom.logicContainer.remove();
- this.dom.clear.remove();
- // If there are no criteria in the group then keep the logic removed and return
- if (this.s.criteria.length < 1) {
- if (!this.s.isChild) {
- this.dom.container.trigger('dtsb-destroy');
- // Set criteria left margin
- this.dom.container.css('margin-left', 0);
- }
- return;
- }
- // Set width, take 2 for the border
- var height = this.dom.container.height() - 1;
- this.dom.clear.height('0px');
- this.dom.logicContainer.append(this.dom.clear).width(height);
- // Prepend logic button
- this.dom.container.prepend(this.dom.logicContainer);
- this._setLogicListener();
- // Set criteria left margin
- this.dom.container.css('margin-left', this.dom.logicContainer.outerHeight(true));
- var logicOffset = this.dom.logicContainer.offset();
- // Set horizontal alignment
- var currentLeft = logicOffset.left;
- var groupLeft = this.dom.container.offset().left;
- var shuffleLeft = currentLeft - groupLeft;
- var newPos = currentLeft - shuffleLeft - this.dom.logicContainer.outerHeight(true);
- this.dom.logicContainer.offset({ left: newPos });
- // Set vertical alignment
- var firstCrit = this.dom.logicContainer.next();
- var currentTop = logicOffset.top;
- var firstTop = $$1(firstCrit).offset().top;
- var shuffleTop = currentTop - firstTop;
- var newTop = currentTop - shuffleTop;
- this.dom.logicContainer.offset({ top: newTop });
- this.dom.clear.outerHeight(this.dom.logicContainer.height());
- this._setClearListener();
- };
- /**
- * Sets listeners on the groups elements
- */
- Group.prototype.setListeners = function () {
- var _this = this;
- this.dom.add.unbind('click');
- this.dom.add.on('click.dtsb', function () {
- // If this is the parent group then the logic button has not been added yet
- if (!_this.s.isChild) {
- _this.dom.container.prepend(_this.dom.logicContainer);
- }
- _this.addCriteria();
- _this.dom.container.trigger('dtsb-add');
- _this.s.dt.state.save();
- return false;
- });
- for (var _i = 0, _a = this.s.criteria; _i < _a.length; _i++) {
- var crit = _a[_i];
- crit.criteria.setListeners();
- }
- this._setClearListener();
- this._setLogicListener();
- };
- /**
- * Adds a criteria to the group
- *
- * @param crit Instance of Criteria to be added to the group
- */
- Group.prototype.addCriteria = function (crit, redraw) {
- if (crit === void 0) { crit = null; }
- if (redraw === void 0) { redraw = true; }
- var index = crit === null ? this.s.criteria.length : crit.s.index;
- var criteria = new Criteria(this.s.dt, this.s.opts, this.s.topGroup, index, this.s.depth);
- // If a Criteria has been passed in then set the values to continue that
- if (crit !== null) {
- criteria.c = crit.c;
- criteria.s = crit.s;
- criteria.s.depth = this.s.depth;
- criteria.classes = crit.classes;
- }
- criteria.populate();
- var inserted = false;
- for (var i = 0; i < this.s.criteria.length; i++) {
- if (i === 0 && this.s.criteria[i].criteria.s.index > criteria.s.index) {
- // Add the node for the criteria at the start of the group
- criteria.getNode().insertBefore(this.s.criteria[i].criteria.dom.container);
- inserted = true;
- }
- else if (i < this.s.criteria.length - 1 &&
- this.s.criteria[i].criteria.s.index < criteria.s.index &&
- this.s.criteria[i + 1].criteria.s.index > criteria.s.index) {
- // Add the node for the criteria in the correct location
- criteria.getNode().insertAfter(this.s.criteria[i].criteria.dom.container);
- inserted = true;
- }
- }
- if (!inserted) {
- criteria.getNode().insertBefore(this.dom.add);
- }
- // Add the details for this criteria to the array
- this.s.criteria.push({
- criteria: criteria,
- index: index
- });
- this.s.criteria = this.s.criteria.sort(function (a, b) { return a.criteria.s.index - b.criteria.s.index; });
- for (var _i = 0, _a = this.s.criteria; _i < _a.length; _i++) {
- var opt = _a[_i];
- if (opt.criteria instanceof Criteria) {
- opt.criteria.updateArrows(this.s.criteria.length > 1, redraw);
- }
- }
- this._setCriteriaListeners(criteria);
- criteria.setListeners();
- this.setupLogic();
- };
- /**
- * Checks the group to see if it has any filled criteria
- */
- Group.prototype.checkFilled = function () {
- for (var _i = 0, _a = this.s.criteria; _i < _a.length; _i++) {
- var crit = _a[_i];
- if (crit.criteria instanceof Criteria && crit.criteria.s.filled ||
- crit.criteria instanceof Group && crit.criteria.checkFilled()) {
- return true;
- }
- }
- return false;
- };
- /**
- * Gets the count for the number of criteria in this group and any sub groups
- */
- Group.prototype.count = function () {
- var count = 0;
- for (var _i = 0, _a = this.s.criteria; _i < _a.length; _i++) {
- var crit = _a[_i];
- if (crit.criteria instanceof Group) {
- count += crit.criteria.count();
- }
- else {
- count++;
- }
- }
- return count;
- };
- /**
- * Rebuilds a sub group that previously existed
- *
- * @param loadedGroup The details of a group within this group
- */
- Group.prototype._addPrevGroup = function (loadedGroup) {
- var idx = this.s.criteria.length;
- var group = new Group(this.s.dt, this.c, this.s.topGroup, idx, true, this.s.depth + 1);
- // Add the new group to the criteria array
- this.s.criteria.push({
- criteria: group,
- index: idx,
- logic: group.s.logic
- });
- // Rebuild it with the previous conditions for that group
- group.rebuild(loadedGroup);
- this.s.criteria[idx].criteria = group;
- this.s.topGroup.trigger('dtsb-redrawContents');
- this._setGroupListeners(group);
- };
- /**
- * Rebuilds a criteria of this group that previously existed
- *
- * @param loadedCriteria The details of a criteria within the group
- */
- Group.prototype._addPrevCriteria = function (loadedCriteria) {
- var idx = this.s.criteria.length;
- var criteria = new Criteria(this.s.dt, this.s.opts, this.s.topGroup, idx, this.s.depth);
- criteria.populate();
- // Add the new criteria to the criteria array
- this.s.criteria.push({
- criteria: criteria,
- index: idx
- });
- // Rebuild it with the previous conditions for that criteria
- criteria.rebuild(loadedCriteria);
- this.s.criteria[idx].criteria = criteria;
- this.s.topGroup.trigger('dtsb-redrawContents');
- };
- /**
- * Checks And the criteria using AND logic
- *
- * @param rowData The row data to be checked against the search criteria
- * @returns boolean The result of the AND search
- */
- Group.prototype._andSearch = function (rowData, rowIdx) {
- // If there are no criteria then return true for this group
- if (this.s.criteria.length === 0) {
- return true;
- }
- for (var _i = 0, _a = this.s.criteria; _i < _a.length; _i++) {
- var crit = _a[_i];
- // If the criteria is not complete then skip it
- if (crit.criteria instanceof Criteria && !crit.criteria.s.filled) {
- continue;
- }
- // Otherwise if a single one fails return false
- else if (!crit.criteria.search(rowData, rowIdx)) {
- return false;
- }
- }
- // If we get to here then everything has passed, so return true for the group
- return true;
- };
- /**
- * Checks And the criteria using OR logic
- *
- * @param rowData The row data to be checked against the search criteria
- * @returns boolean The result of the OR search
- */
- Group.prototype._orSearch = function (rowData, rowIdx) {
- // If there are no criteria in the group then return true
- if (this.s.criteria.length === 0) {
- return true;
- }
- // This will check to make sure that at least one criteria in the group is complete
- var filledfound = false;
- for (var _i = 0, _a = this.s.criteria; _i < _a.length; _i++) {
- var crit = _a[_i];
- if (crit.criteria instanceof Criteria && crit.criteria.s.filled) {
- // A completed criteria has been found so set the flag
- filledfound = true;
- // If the search passes then return true
- if (crit.criteria.search(rowData, rowIdx)) {
- return true;
- }
- }
- else if (crit.criteria instanceof Group && crit.criteria.checkFilled()) {
- filledfound = true;
- if (crit.criteria.search(rowData, rowIdx)) {
- return true;
- }
- }
- }
- // If we get here we need to return the inverse of filledfound,
- // as if any have been found and we are here then none have passed
- return !filledfound;
- };
- /**
- * Removes a criteria from the group
- *
- * @param criteria The criteria instance to be removed
- */
- Group.prototype._removeCriteria = function (criteria, group) {
- if (group === void 0) { group = false; }
- // If removing a criteria and there is only then then just destroy the group
- if (this.s.criteria.length <= 1 && this.s.isChild) {
- this.destroy();
- }
- else {
- // Otherwise splice the given criteria out and redo the indexes
- var last = void 0;
- for (var i = 0; i < this.s.criteria.length; i++) {
- if (this.s.criteria[i].index === criteria.s.index &&
- (!group || this.s.criteria[i].criteria instanceof Group)) {
- last = i;
- }
- }
- // We want to remove the last element with the desired index, as its replacement will be inserted before it
- if (last !== undefined) {
- this.s.criteria.splice(last, 1);
- }
- for (var i = 0; i < this.s.criteria.length; i++) {
- this.s.criteria[i].index = i;
- this.s.criteria[i].criteria.s.index = i;
- }
- }
- };
- /**
- * Sets the listeners in group for a criteria
- *
- * @param criteria The criteria for the listeners to be set on
- */
- Group.prototype._setCriteriaListeners = function (criteria) {
- var _this = this;
- criteria.dom["delete"]
- .unbind('click')
- .on('click.dtsb', function () {
- _this._removeCriteria(criteria);
- criteria.dom.container.remove();
- for (var _i = 0, _a = _this.s.criteria; _i < _a.length; _i++) {
- var crit = _a[_i];
- if (crit.criteria instanceof Criteria) {
- crit.criteria.updateArrows(_this.s.criteria.length > 1);
- }
- }
- criteria.destroy();
- _this.s.dt.draw();
- _this.s.topGroup.trigger('dtsb-redrawContents');
- return false;
- });
- criteria.dom.right
- .unbind('click')
- .on('click.dtsb', function () {
- var idx = criteria.s.index;
- var group = new Group(_this.s.dt, _this.s.opts, _this.s.topGroup, criteria.s.index, true, _this.s.depth + 1);
- // Add the criteria that is to be moved to the new group
- group.addCriteria(criteria);
- // Update the details in the current groups criteria array
- _this.s.criteria[idx].criteria = group;
- _this.s.criteria[idx].logic = 'AND';
- _this.s.topGroup.trigger('dtsb-redrawContents');
- _this._setGroupListeners(group);
- return false;
- });
- criteria.dom.left
- .unbind('click')
- .on('click.dtsb', function () {
- _this.s.toDrop = new Criteria(_this.s.dt, _this.s.opts, _this.s.topGroup, criteria.s.index);
- _this.s.toDrop.s = criteria.s;
- _this.s.toDrop.c = criteria.c;
- _this.s.toDrop.classes = criteria.classes;
- _this.s.toDrop.populate();
- // The dropCriteria event mutates the reference to the index so need to store it
- var index = _this.s.toDrop.s.index;
- _this.dom.container.trigger('dtsb-dropCriteria');
- criteria.s.index = index;
- _this._removeCriteria(criteria);
- // By tracking the top level group we can directly trigger a redraw on it,
- // bubbling is also possible, but that is slow with deep levelled groups
- _this.s.topGroup.trigger('dtsb-redrawContents');
- _this.s.dt.draw();
- return false;
- });
- };
- /**
- * Set's the listeners for the group clear button
- */
- Group.prototype._setClearListener = function () {
- var _this = this;
- this.dom.clear
- .unbind('click')
- .on('click.dtsb', function () {
- if (!_this.s.isChild) {
- _this.dom.container.trigger('dtsb-clearContents');
- return false;
- }
- _this.destroy();
- _this.s.topGroup.trigger('dtsb-redrawContents');
- return false;
- });
- };
- /**
- * Sets listeners for sub groups of this group
- *
- * @param group The sub group that the listeners are to be set on
- */
- Group.prototype._setGroupListeners = function (group) {
- var _this = this;
- // Set listeners for the new group
- group.dom.add
- .unbind('click')
- .on('click.dtsb', function () {
- _this.setupLogic();
- _this.dom.container.trigger('dtsb-add');
- return false;
- });
- group.dom.container
- .unbind('dtsb-add')
- .on('dtsb-add.dtsb', function () {
- _this.setupLogic();
- _this.dom.container.trigger('dtsb-add');
- return false;
- });
- group.dom.container
- .unbind('dtsb-destroy')
- .on('dtsb-destroy.dtsb', function () {
- _this._removeCriteria(group, true);
- group.dom.container.remove();
- _this.setupLogic();
- return false;
- });
- group.dom.container
- .unbind('dtsb-dropCriteria')
- .on('dtsb-dropCriteria.dtsb', function () {
- var toDrop = group.s.toDrop;
- toDrop.s.index = group.s.index;
- toDrop.updateArrows(_this.s.criteria.length > 1, false);
- _this.addCriteria(toDrop, false);
- return false;
- });
- group.setListeners();
- };
- /**
- * Sets up the Group instance, setting listeners and appending elements
- */
- Group.prototype._setup = function () {
- this.setListeners();
- this.dom.add.html(this.s.dt.i18n('searchBuilder.add', this.c.i18n.add));
- this.dom.logic.children().first().html(this.c.logic === 'OR'
- ? this.s.dt.i18n('searchBuilder.logicOr', this.c.i18n.logicOr)
- : this.s.dt.i18n('searchBuilder.logicAnd', this.c.i18n.logicAnd));
- this.s.logic = this.c.logic === 'OR' ? 'OR' : 'AND';
- if (this.c.greyscale) {
- this.dom.logic.addClass(this.classes.greyscale);
- }
- this.dom.logicContainer.append(this.dom.logic).append(this.dom.clear);
- // Only append the logic button immediately if this is a sub group,
- // otherwise it will be prepended later when adding a criteria
- if (this.s.isChild) {
- this.dom.container.append(this.dom.logicContainer);
- }
- this.dom.container.append(this.dom.add);
- };
- /**
- * Sets the listener for the logic button
- */
- Group.prototype._setLogicListener = function () {
- var _this = this;
- this.dom.logic
- .unbind('click')
- .on('click.dtsb', function () {
- _this._toggleLogic();
- _this.s.dt.draw();
- for (var _i = 0, _a = _this.s.criteria; _i < _a.length; _i++) {
- var crit = _a[_i];
- crit.criteria.setListeners();
- }
- });
- };
- /**
- * Toggles the logic for the group
- */
- Group.prototype._toggleLogic = function () {
- if (this.s.logic === 'OR') {
- this.s.logic = 'AND';
- this.dom.logic.children().first().html(this.s.dt.i18n('searchBuilder.logicAnd', this.c.i18n.logicAnd));
- }
- else if (this.s.logic === 'AND') {
- this.s.logic = 'OR';
- this.dom.logic.children().first().html(this.s.dt.i18n('searchBuilder.logicOr', this.c.i18n.logicOr));
- }
- };
- Group.version = '1.1.0';
- Group.classes = {
- add: 'dtsb-add',
- button: 'dtsb-button',
- clearGroup: 'dtsb-clearGroup',
- greyscale: 'dtsb-greyscale',
- group: 'dtsb-group',
- inputButton: 'dtsb-iptbtn',
- logic: 'dtsb-logic',
- logicContainer: 'dtsb-logicContainer'
- };
- Group.defaults = {
- columns: true,
- conditions: {
- 'date': Criteria.dateConditions,
- 'html': Criteria.stringConditions,
- 'html-num': Criteria.numConditions,
- 'html-num-fmt': Criteria.numFmtConditions,
- 'luxon': Criteria.luxonDateConditions,
- 'moment': Criteria.momentDateConditions,
- 'num': Criteria.numConditions,
- 'num-fmt': Criteria.numFmtConditions,
- 'string': Criteria.stringConditions
- },
- depthLimit: false,
- enterSearch: false,
- filterChanged: undefined,
- greyscale: false,
- i18n: {
- add: 'Add Condition',
- button: {
- 0: 'Search Builder',
- _: 'Search Builder (%d)'
- },
- clearAll: 'Clear All',
- condition: 'Condition',
- data: 'Data',
- "delete": '×',
- deleteTitle: 'Delete filtering rule',
- left: '<',
- leftTitle: 'Outdent criteria',
- logicAnd: 'And',
- logicOr: 'Or',
- right: '>',
- rightTitle: 'Indent criteria',
- title: {
- 0: 'Custom Search Builder',
- _: 'Custom Search Builder (%d)'
- },
- value: 'Value',
- valueJoiner: 'and'
- },
- logic: 'AND',
- orthogonal: {
- display: 'display',
- search: 'filter'
- },
- preDefined: false
- };
- return Group;
- }());
- var $;
- var dataTable;
- /**
- * Sets the value of jQuery for use in the file
- *
- * @param jq the instance of jQuery to be set
- */
- function setJQuery(jq) {
- $ = jq;
- dataTable = jq.fn.DataTable;
- }
- /**
- * SearchBuilder class for DataTables.
- * Allows for complex search queries to be constructed and implemented on a DataTable
- */
- var SearchBuilder = /** @class */ (function () {
- function SearchBuilder(builderSettings, opts) {
- var _this = this;
- // Check that the required version of DataTables is included
- if (!dataTable || !dataTable.versionCheck || !dataTable.versionCheck('1.10.0')) {
- throw new Error('SearchBuilder requires DataTables 1.10 or newer');
- }
- var table = new dataTable.Api(builderSettings);
- this.classes = $.extend(true, {}, SearchBuilder.classes);
- // Get options from user
- this.c = $.extend(true, {}, SearchBuilder.defaults, opts);
- this.dom = {
- clearAll: $('<button type="button">' + table.i18n('searchBuilder.clearAll', this.c.i18n.clearAll) + '</button>')
- .addClass(this.classes.clearAll)
- .addClass(this.classes.button)
- .attr('type', 'button'),
- container: $('<div/>')
- .addClass(this.classes.container),
- title: $('<div/>')
- .addClass(this.classes.title),
- titleRow: $('<div/>')
- .addClass(this.classes.titleRow),
- topGroup: undefined
- };
- this.s = {
- dt: table,
- opts: opts,
- search: undefined,
- topGroup: undefined
- };
- // If searchbuilder is already defined for this table then return
- if (table.settings()[0]._searchBuilder !== undefined) {
- return;
- }
- table.settings()[0]._searchBuilder = this;
- // If using SSP we want to include the previous state in the very first server call
- if (this.s.dt.page.info().serverSide) {
- this.s.dt.on('preXhr.dtsb', function (e, settings, data) {
- var loadedState = _this.s.dt.state.loaded();
- if (loadedState && loadedState.searchBuilder) {
- data.searchBuilder = _this._collapseArray(loadedState.searchBuilder);
- }
- });
- }
- // Run the remaining setup when the table is initialised
- if (this.s.dt.settings()[0]._bInitComplete) {
- this._setUp();
- }
- else {
- table.one('init.dt', function () {
- _this._setUp();
- });
- }
- return this;
- }
- /**
- * Gets the details required to rebuild the SearchBuilder as it currently is
- */
- // eslint upset at empty object but that is what it is
- // eslint-disable-next-line @typescript-eslint/ban-types
- SearchBuilder.prototype.getDetails = function (deFormatDates) {
- if (deFormatDates === void 0) { deFormatDates = false; }
- return this.s.topGroup.getDetails(deFormatDates);
- };
- /**
- * Getter for the node of the container for the searchBuilder
- *
- * @returns JQuery<HTMLElement> the node of the container
- */
- SearchBuilder.prototype.getNode = function () {
- return this.dom.container;
- };
- /**
- * Rebuilds the SearchBuilder to a state that is provided
- *
- * @param details The details required to perform a rebuild
- */
- SearchBuilder.prototype.rebuild = function (details) {
- this.dom.clearAll.click();
- // If there are no details to rebuild then return
- if (details === undefined || details === null) {
- return this;
- }
- this.s.topGroup.s.preventRedraw = true;
- this.s.topGroup.rebuild(details);
- this.s.topGroup.s.preventRedraw = false;
- this.s.topGroup.redrawContents();
- this.s.dt.draw(false);
- this.s.topGroup.setListeners();
- return this;
- };
- /**
- * Applies the defaults to preDefined criteria
- *
- * @param preDef the array of criteria to be processed.
- */
- SearchBuilder.prototype._applyPreDefDefaults = function (preDef) {
- var _this = this;
- if (preDef.criteria !== undefined && preDef.logic === undefined) {
- preDef.logic = 'AND';
- }
- var _loop_1 = function (crit) {
- // Apply the defaults to any further criteria
- if (crit.criteria !== undefined) {
- crit = this_1._applyPreDefDefaults(crit);
- }
- else {
- this_1.s.dt.columns().every(function (index) {
- if (_this.s.dt.settings()[0].aoColumns[index].sTitle === crit.data) {
- crit.dataIdx = index;
- }
- });
- }
- };
- var this_1 = this;
- for (var _i = 0, _a = preDef.criteria; _i < _a.length; _i++) {
- var crit = _a[_i];
- _loop_1(crit);
- }
- return preDef;
- };
- /**
- * Set's up the SearchBuilder
- */
- SearchBuilder.prototype._setUp = function (loadState) {
- var _this = this;
- if (loadState === void 0) { loadState = true; }
- // Register an Api method for getting the column type
- $.fn.DataTable.Api.registerPlural('columns().type()', 'column().type()', function () {
- return this.iterator('column', function (settings, column) {
- return settings.aoColumns[column].sType;
- }, 1);
- });
- // Check that DateTime is included, If not need to check if it could be used
- // eslint-disable-next-line no-extra-parens
- if (!dataTable.DateTime) {
- var types = this.s.dt.columns().type().toArray();
- if (types === undefined || types.includes(undefined) || types.includes(null)) {
- types = [];
- for (var _i = 0, _a = this.s.dt.settings()[0].aoColumns; _i < _a.length; _i++) {
- var colInit = _a[_i];
- types.push(colInit.searchBuilderType !== undefined ? colInit.searchBuilderType : colInit.sType);
- }
- }
- var columnIdxs = this.s.dt.columns().toArray();
- // If the types are not yet set then draw to see if they can be retrieved then
- if (types === undefined || types.includes(undefined) || types.includes(null)) {
- $.fn.dataTable.ext.oApi._fnColumnTypes(this.s.dt.settings()[0]);
- types = this.s.dt.columns().type().toArray();
- }
- for (var i = 0; i < columnIdxs[0].length; i++) {
- var column = columnIdxs[0][i];
- var type = types[column];
- if (
- // Check if this column can be filtered
- (this.c.columns === true ||
- Array.isArray(this.c.columns) &&
- this.c.columns.includes(i)) &&
- // Check if the type is one of the restricted types
- (type.includes('date') ||
- type.includes('moment') ||
- type.includes('luxon'))) {
- alert('SearchBuilder Requires DateTime when used with dates.');
- throw new Error('SearchBuilder requires DateTime');
- }
- }
- }
- this.s.topGroup = new Group(this.s.dt, this.c, undefined);
- this._setClearListener();
- this.s.dt.on('stateSaveParams.dtsb', function (e, settings, data) {
- data.searchBuilder = _this.getDetails();
- data.page = _this.s.dt.page();
- });
- this.s.dt.on('stateLoadParams.dtsb', function (e, settings, data) {
- _this.rebuild(data.searchBuilder);
- });
- this._build();
- this.s.dt.on('preXhr.dtsb', function (e, settings, data) {
- if (_this.s.dt.page.info().serverSide) {
- data.searchBuilder = _this._collapseArray(_this.getDetails(true));
- }
- });
- this.s.dt.on('column-reorder', function () {
- _this.rebuild(_this.getDetails());
- });
- if (loadState) {
- var loadedState = this.s.dt.state.loaded();
- // If the loaded State is not null rebuild based on it for statesave
- if (loadedState !== null && loadedState.searchBuilder !== undefined) {
- this.s.topGroup.rebuild(loadedState.searchBuilder);
- this.s.topGroup.dom.container.trigger('dtsb-redrawContents');
- // If using SSP we want to restrict the amount of server calls that take place
- // and this information will already have been processed
- if (!this.s.dt.page.info().serverSide) {
- this.s.dt.page(loadedState.page).draw('page');
- }
- this.s.topGroup.setListeners();
- }
- // Otherwise load any predefined options
- else if (this.c.preDefined !== false) {
- this.c.preDefined = this._applyPreDefDefaults(this.c.preDefined);
- this.rebuild(this.c.preDefined);
- }
- }
- this._setEmptyListener();
- this.s.dt.state.save();
- };
- SearchBuilder.prototype._collapseArray = function (criteria) {
- if (criteria.logic === undefined) {
- if (criteria.value !== undefined) {
- criteria.value.sort(function (a, b) {
- if (!isNaN(+a)) {
- a = +a;
- b = +b;
- }
- if (a < b) {
- return -1;
- }
- else if (b < a) {
- return 1;
- }
- else {
- return 0;
- }
- });
- criteria.value1 = criteria.value[0];
- criteria.value2 = criteria.value[1];
- }
- }
- else {
- for (var i = 0; i < criteria.criteria.length; i++) {
- criteria.criteria[i] = this._collapseArray(criteria.criteria[i]);
- }
- }
- return criteria;
- };
- /**
- * Updates the title of the SearchBuilder
- *
- * @param count the number of filters in the SearchBuilder
- */
- SearchBuilder.prototype._updateTitle = function (count) {
- this.dom.title.html(this.s.dt.i18n('searchBuilder.title', this.c.i18n.title, count));
- };
- /**
- * Builds all of the dom elements together
- */
- SearchBuilder.prototype._build = function () {
- var _this = this;
- // Empty and setup the container
- this.dom.clearAll.remove();
- this.dom.container.empty();
- var count = this.s.topGroup.count();
- this._updateTitle(count);
- this.dom.titleRow.append(this.dom.title);
- this.dom.container.append(this.dom.titleRow);
- this.dom.topGroup = this.s.topGroup.getNode();
- this.dom.container.append(this.dom.topGroup);
- this._setRedrawListener();
- var tableNode = this.s.dt.table(0).node();
- if (!$.fn.dataTable.ext.search.includes(this.s.search)) {
- // Custom search function for SearchBuilder
- this.s.search = function (settings, searchData, dataIndex) {
- if (settings.nTable !== tableNode) {
- return true;
- }
- return _this.s.topGroup.search(searchData, dataIndex);
- };
- // Add SearchBuilder search function to the dataTables search array
- $.fn.dataTable.ext.search.push(this.s.search);
- }
- this.s.dt.on('destroy.dtsb', function () {
- _this.dom.container.remove();
- _this.dom.clearAll.remove();
- var searchIdx = $.fn.dataTable.ext.search.indexOf(_this.s.search);
- while (searchIdx !== -1) {
- $.fn.dataTable.ext.search.splice(searchIdx, 1);
- searchIdx = $.fn.dataTable.ext.search.indexOf(_this.s.search);
- }
- _this.s.dt.off('.dtsb');
- $(_this.s.dt.table().node()).off('.dtsb');
- });
- };
- /**
- * Checks if the clearAll button should be added or not
- */
- SearchBuilder.prototype._checkClear = function () {
- if (this.s.topGroup.s.criteria.length > 0) {
- this.dom.clearAll.insertAfter(this.dom.title);
- this._setClearListener();
- }
- else {
- this.dom.clearAll.remove();
- }
- };
- /**
- * Update the count in the title/button
- *
- * @param count Number of filters applied
- */
- SearchBuilder.prototype._filterChanged = function (count) {
- var fn = this.c.filterChanged;
- if (typeof fn === 'function') {
- fn(count, this.s.dt.i18n('searchBuilder.button', this.c.i18n.button, count));
- }
- };
- /**
- * Set the listener for the clear button
- */
- SearchBuilder.prototype._setClearListener = function () {
- var _this = this;
- this.dom.clearAll.unbind('click');
- this.dom.clearAll.on('click.dtsb', function () {
- _this.s.topGroup = new Group(_this.s.dt, _this.c, undefined);
- _this._build();
- _this.s.dt.draw();
- _this.s.topGroup.setListeners();
- _this.dom.clearAll.remove();
- _this._setEmptyListener();
- _this._filterChanged(0);
- return false;
- });
- };
- /**
- * Set the listener for the Redraw event
- */
- SearchBuilder.prototype._setRedrawListener = function () {
- var _this = this;
- this.s.topGroup.dom.container.unbind('dtsb-redrawContents');
- this.s.topGroup.dom.container.on('dtsb-redrawContents.dtsb', function () {
- _this._checkClear();
- _this.s.topGroup.redrawContents();
- _this.s.topGroup.setupLogic();
- _this._setEmptyListener();
- var count = _this.s.topGroup.count();
- _this._updateTitle(count);
- _this._filterChanged(count);
- // If using SSP we want to restrict the amount of server calls that take place
- // and this information will already have been processed
- if (!_this.s.dt.page.info().serverSide) {
- _this.s.dt.draw();
- }
- _this.s.dt.state.save();
- });
- this.s.topGroup.dom.container.unbind('dtsb-redrawLogic');
- this.s.topGroup.dom.container.on('dtsb-redrawLogic.dtsb', function () {
- _this.s.topGroup.redrawLogic();
- var count = _this.s.topGroup.count();
- _this._updateTitle(count);
- _this._filterChanged(count);
- });
- this.s.topGroup.dom.container.unbind('dtsb-add');
- this.s.topGroup.dom.container.on('dtsb-add.dtsb', function () {
- var count = _this.s.topGroup.count();
- _this._updateTitle(count);
- _this._filterChanged(count);
- });
- this.s.dt.on('postEdit.dtsb postCreate.dtsb postRemove.dtsb', function () {
- _this.s.topGroup.redrawContents();
- });
- this.s.topGroup.dom.container.unbind('dtsb-clearContents');
- this.s.topGroup.dom.container.on('dtsb-clearContents.dtsb', function () {
- _this._setUp(false);
- _this._filterChanged(0);
- _this.s.dt.draw();
- });
- };
- /**
- * Sets listeners to check whether clearAll should be added or removed
- */
- SearchBuilder.prototype._setEmptyListener = function () {
- var _this = this;
- this.s.topGroup.dom.add.on('click.dtsb', function () {
- _this._checkClear();
- });
- this.s.topGroup.dom.container.on('dtsb-destroy.dtsb', function () {
- _this.dom.clearAll.remove();
- });
- };
- SearchBuilder.version = '1.3.1';
- SearchBuilder.classes = {
- button: 'dtsb-button',
- clearAll: 'dtsb-clearAll',
- container: 'dtsb-searchBuilder',
- inputButton: 'dtsb-iptbtn',
- title: 'dtsb-title',
- titleRow: 'dtsb-titleRow'
- };
- SearchBuilder.defaults = {
- columns: true,
- conditions: {
- 'date': Criteria.dateConditions,
- 'html': Criteria.stringConditions,
- 'html-num': Criteria.numConditions,
- 'html-num-fmt': Criteria.numFmtConditions,
- 'luxon': Criteria.luxonDateConditions,
- 'moment': Criteria.momentDateConditions,
- 'num': Criteria.numConditions,
- 'num-fmt': Criteria.numFmtConditions,
- 'string': Criteria.stringConditions
- },
- depthLimit: false,
- enterSearch: false,
- filterChanged: undefined,
- greyscale: false,
- i18n: {
- add: 'Add Condition',
- button: {
- 0: 'Search Builder',
- _: 'Search Builder (%d)'
- },
- clearAll: 'Clear All',
- condition: 'Condition',
- conditions: {
- array: {
- contains: 'Contains',
- empty: 'Empty',
- equals: 'Equals',
- not: 'Not',
- notEmpty: 'Not Empty',
- without: 'Without'
- },
- date: {
- after: 'After',
- before: 'Before',
- between: 'Between',
- empty: 'Empty',
- equals: 'Equals',
- not: 'Not',
- notBetween: 'Not Between',
- notEmpty: 'Not Empty'
- },
- // eslint-disable-next-line id-blacklist
- number: {
- between: 'Between',
- empty: 'Empty',
- equals: 'Equals',
- gt: 'Greater Than',
- gte: 'Greater Than Equal To',
- lt: 'Less Than',
- lte: 'Less Than Equal To',
- not: 'Not',
- notBetween: 'Not Between',
- notEmpty: 'Not Empty'
- },
- // eslint-disable-next-line id-blacklist
- string: {
- contains: 'Contains',
- empty: 'Empty',
- endsWith: 'Ends With',
- equals: 'Equals',
- not: 'Not',
- notContains: 'Does Not Contain',
- notEmpty: 'Not Empty',
- notEndsWith: 'Does Not End With',
- notStartsWith: 'Does Not Start With',
- startsWith: 'Starts With'
- }
- },
- data: 'Data',
- "delete": '×',
- deleteTitle: 'Delete filtering rule',
- left: '<',
- leftTitle: 'Outdent criteria',
- logicAnd: 'And',
- logicOr: 'Or',
- right: '>',
- rightTitle: 'Indent criteria',
- title: {
- 0: 'Custom Search Builder',
- _: 'Custom Search Builder (%d)'
- },
- value: 'Value',
- valueJoiner: 'and'
- },
- logic: 'AND',
- orthogonal: {
- display: 'display',
- search: 'filter'
- },
- preDefined: false
- };
- return SearchBuilder;
- }());
- /*! SearchBuilder 1.3.1
- * ©SpryMedia Ltd - datatables.net/license/mit
- */
- // DataTables extensions common UMD. Note that this allows for AMD, CommonJS
- // (with window and jQuery being allowed as parameters to the returned
- // function) or just default browser loading.
- (function (factory) {
- if (typeof define === 'function' && define.amd) {
- // AMD
- define(['jquery', 'datatables.net'], function ($) {
- return factory($, window, document);
- });
- }
- else if (typeof exports === 'object') {
- // CommonJS
- module.exports = function (root, $) {
- if (!root) {
- root = window;
- }
- if (!$ || !$.fn.dataTable) {
- // eslint-disable-next-line @typescript-eslint/no-var-requires
- $ = require('datatables.net')(root, $).$;
- }
- return factory($, root, root.document);
- };
- }
- else {
- // Browser - assume jQuery has already been loaded
- // eslint-disable-next-line no-extra-parens
- factory(window.jQuery, window, document);
- }
- }(function ($, window, document) {
- setJQuery($);
- setJQuery$1($);
- setJQuery$2($);
- var dataTable = $.fn.dataTable;
- // eslint-disable-next-line no-extra-parens
- $.fn.dataTable.SearchBuilder = SearchBuilder;
- // eslint-disable-next-line no-extra-parens
- $.fn.DataTable.SearchBuilder = SearchBuilder;
- // eslint-disable-next-line no-extra-parens
- $.fn.dataTable.Group = Group;
- // eslint-disable-next-line no-extra-parens
- $.fn.DataTable.Group = Group;
- // eslint-disable-next-line no-extra-parens
- $.fn.dataTable.Criteria = Criteria;
- // eslint-disable-next-line no-extra-parens
- $.fn.DataTable.Criteria = Criteria;
- // eslint-disable-next-line no-extra-parens
- var apiRegister = $.fn.dataTable.Api.register;
- // Set up object for plugins
- $.fn.dataTable.ext.searchBuilder = {
- conditions: {}
- };
- $.fn.dataTable.ext.buttons.searchBuilder = {
- action: function (e, dt, node, config) {
- this.popover(config._searchBuilder.getNode(), {
- align: 'container',
- span: 'container'
- });
- // Need to redraw the contents to calculate the correct positions for the elements
- if (config._searchBuilder.s.topGroup !== undefined) {
- config._searchBuilder.s.topGroup.dom.container.trigger('dtsb-redrawContents');
- }
- if (config._searchBuilder.s.topGroup.s.criteria.length === 0) {
- $('.' + $.fn.dataTable.Group.classes.add).click();
- }
- },
- config: {},
- init: function (dt, node, config) {
- var sb = new $.fn.dataTable.SearchBuilder(dt, $.extend({
- filterChanged: function (count, text) {
- dt.button(node).text(text);
- }
- }, config.config));
- dt.button(node).text(config.text || dt.i18n('searchBuilder.button', sb.c.i18n.button, 0));
- config._searchBuilder = sb;
- },
- text: null
- };
- apiRegister('searchBuilder.getDetails()', function (deFormatDates) {
- if (deFormatDates === void 0) { deFormatDates = false; }
- var ctx = this.context[0];
- // If SearchBuilder has not been initialised on this instance then return
- return ctx._searchBuilder ?
- ctx._searchBuilder.getDetails(deFormatDates) :
- null;
- });
- apiRegister('searchBuilder.rebuild()', function (details) {
- var ctx = this.context[0];
- // If SearchBuilder has not been initialised on this instance then return
- if (ctx._searchBuilder === undefined) {
- return null;
- }
- ctx._searchBuilder.rebuild(details);
- return this;
- });
- apiRegister('searchBuilder.container()', function () {
- var ctx = this.context[0];
- // If SearchBuilder has not been initialised on this instance then return
- return ctx._searchBuilder ?
- ctx._searchBuilder.getNode() :
- null;
- });
- /**
- * Init function for SearchBuilder
- *
- * @param settings the settings to be applied
- * @param options the options for SearchBuilder
- * @returns JQUERY<HTMLElement> Returns the node of the SearchBuilder
- */
- function _init(settings, options) {
- var api = new dataTable.Api(settings);
- var opts = options
- ? options
- : api.init().searchBuilder || dataTable.defaults.searchBuilder;
- var searchBuilder = new SearchBuilder(api, opts);
- var node = searchBuilder.getNode();
- return node;
- }
- // Attach a listener to the document which listens for DataTables initialisation
- // events so we can automatically initialise
- $(document).on('preInit.dt.dtsp', function (e, settings) {
- if (e.namespace !== 'dt') {
- return;
- }
- if (settings.oInit.searchBuilder ||
- dataTable.defaults.searchBuilder) {
- if (!settings._searchBuilder) {
- _init(settings);
- }
- }
- });
- // DataTables `dom` feature option
- dataTable.ext.feature.push({
- cFeature: 'Q',
- fnInit: _init
- });
- // DataTables 2 layout feature
- if (dataTable.ext.features) {
- dataTable.ext.features.register('searchBuilder', _init);
- }
- }));
- }());
|