12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276102771027810279102801028110282102831028410285102861028710288102891029010291102921029310294102951029610297102981029910300103011030210303103041030510306103071030810309103101031110312103131031410315103161031710318103191032010321103221032310324103251032610327103281032910330103311033210333103341033510336103371033810339103401034110342103431034410345103461034710348103491035010351103521035310354103551035610357103581035910360103611036210363103641036510366103671036810369103701037110372103731037410375103761037710378103791038010381103821038310384103851038610387103881038910390103911039210393103941039510396103971039810399104001040110402104031040410405104061040710408104091041010411104121041310414104151041610417104181041910420104211042210423104241042510426104271042810429104301043110432104331043410435104361043710438104391044010441104421044310444104451044610447104481044910450104511045210453104541045510456104571045810459104601046110462104631046410465104661046710468104691047010471104721047310474104751047610477104781047910480104811048210483104841048510486104871048810489104901049110492104931049410495104961049710498104991050010501105021050310504105051050610507105081050910510105111051210513105141051510516105171051810519105201052110522105231052410525105261052710528105291053010531105321053310534105351053610537105381053910540105411054210543105441054510546105471054810549105501055110552105531055410555105561055710558105591056010561105621056310564105651056610567105681056910570105711057210573105741057510576105771057810579105801058110582105831058410585105861058710588105891059010591105921059310594105951059610597105981059910600106011060210603106041060510606106071060810609106101061110612106131061410615106161061710618106191062010621106221062310624106251062610627106281062910630106311063210633106341063510636106371063810639106401064110642106431064410645106461064710648106491065010651106521065310654106551065610657106581065910660106611066210663106641066510666106671066810669106701067110672106731067410675106761067710678106791068010681106821068310684106851068610687106881068910690106911069210693106941069510696106971069810699107001070110702107031070410705107061070710708107091071010711107121071310714107151071610717107181071910720107211072210723107241072510726107271072810729107301073110732107331073410735107361073710738107391074010741107421074310744107451074610747107481074910750107511075210753107541075510756107571075810759107601076110762107631076410765107661076710768107691077010771107721077310774107751077610777107781077910780107811078210783107841078510786107871078810789107901079110792107931079410795107961079710798107991080010801108021080310804108051080610807108081080910810108111081210813108141081510816108171081810819108201082110822108231082410825108261082710828108291083010831108321083310834108351083610837108381083910840108411084210843108441084510846108471084810849108501085110852108531085410855108561085710858108591086010861108621086310864108651086610867108681086910870108711087210873108741087510876108771087810879108801088110882108831088410885108861088710888108891089010891108921089310894108951089610897108981089910900109011090210903109041090510906109071090810909109101091110912109131091410915109161091710918109191092010921109221092310924109251092610927109281092910930109311093210933109341093510936109371093810939109401094110942109431094410945109461094710948109491095010951109521095310954109551095610957109581095910960109611096210963109641096510966109671096810969109701097110972109731097410975109761097710978109791098010981109821098310984109851098610987109881098910990109911099210993109941099510996109971099810999110001100111002110031100411005110061100711008110091101011011110121101311014110151101611017110181101911020110211102211023110241102511026110271102811029110301103111032110331103411035110361103711038110391104011041110421104311044110451104611047110481104911050110511105211053110541105511056110571105811059110601106111062110631106411065110661106711068110691107011071110721107311074110751107611077110781107911080110811108211083110841108511086110871108811089110901109111092110931109411095110961109711098110991110011101111021110311104111051110611107111081110911110111111111211113111141111511116111171111811119111201112111122111231112411125111261112711128111291113011131111321113311134111351113611137111381113911140111411114211143111441114511146111471114811149111501115111152111531115411155111561115711158111591116011161111621116311164111651116611167111681116911170111711117211173111741117511176111771117811179111801118111182111831118411185111861118711188111891119011191111921119311194111951119611197111981119911200112011120211203112041120511206112071120811209112101121111212112131121411215112161121711218112191122011221112221122311224112251122611227112281122911230112311123211233112341123511236112371123811239112401124111242112431124411245112461124711248112491125011251112521125311254112551125611257112581125911260112611126211263112641126511266112671126811269112701127111272112731127411275112761127711278112791128011281112821128311284112851128611287112881128911290112911129211293112941129511296112971129811299113001130111302113031130411305113061130711308113091131011311113121131311314113151131611317113181131911320113211132211323113241132511326113271132811329113301133111332113331133411335113361133711338113391134011341113421134311344113451134611347113481134911350113511135211353113541135511356113571135811359113601136111362113631136411365113661136711368113691137011371113721137311374113751137611377113781137911380113811138211383113841138511386113871138811389113901139111392113931139411395113961139711398113991140011401114021140311404114051140611407114081140911410114111141211413114141141511416114171141811419114201142111422114231142411425114261142711428114291143011431114321143311434114351143611437114381143911440114411144211443114441144511446114471144811449114501145111452114531145411455114561145711458114591146011461114621146311464114651146611467114681146911470114711147211473114741147511476114771147811479114801148111482114831148411485114861148711488114891149011491114921149311494114951149611497114981149911500115011150211503115041150511506115071150811509115101151111512115131151411515115161151711518115191152011521115221152311524115251152611527115281152911530115311153211533115341153511536115371153811539115401154111542115431154411545115461154711548115491155011551115521155311554115551155611557115581155911560115611156211563115641156511566115671156811569115701157111572115731157411575115761157711578115791158011581115821158311584115851158611587115881158911590115911159211593115941159511596115971159811599116001160111602116031160411605116061160711608116091161011611116121161311614116151161611617116181161911620116211162211623116241162511626116271162811629116301163111632116331163411635116361163711638116391164011641116421164311644116451164611647116481164911650116511165211653116541165511656116571165811659116601166111662116631166411665116661166711668116691167011671116721167311674116751167611677116781167911680116811168211683116841168511686116871168811689116901169111692116931169411695116961169711698116991170011701117021170311704117051170611707117081170911710117111171211713117141171511716117171171811719117201172111722117231172411725117261172711728117291173011731117321173311734117351173611737117381173911740117411174211743117441174511746117471174811749117501175111752117531175411755117561175711758117591176011761117621176311764117651176611767117681176911770117711177211773117741177511776117771177811779117801178111782117831178411785117861178711788117891179011791117921179311794117951179611797117981179911800118011180211803118041180511806118071180811809118101181111812118131181411815118161181711818118191182011821118221182311824118251182611827118281182911830118311183211833118341183511836118371183811839118401184111842118431184411845118461184711848118491185011851118521185311854118551185611857118581185911860118611186211863118641186511866118671186811869118701187111872118731187411875118761187711878118791188011881118821188311884118851188611887118881188911890118911189211893118941189511896118971189811899119001190111902119031190411905119061190711908119091191011911119121191311914119151191611917119181191911920119211192211923119241192511926119271192811929119301193111932119331193411935119361193711938119391194011941119421194311944119451194611947119481194911950119511195211953119541195511956119571195811959119601196111962119631196411965119661196711968119691197011971119721197311974119751197611977119781197911980119811198211983119841198511986119871198811989119901199111992119931199411995119961199711998119991200012001120021200312004120051200612007120081200912010120111201212013120141201512016120171201812019120201202112022120231202412025120261202712028120291203012031120321203312034120351203612037120381203912040120411204212043120441204512046120471204812049120501205112052120531205412055120561205712058120591206012061120621206312064120651206612067120681206912070120711207212073120741207512076120771207812079120801208112082120831208412085120861208712088120891209012091120921209312094120951209612097120981209912100121011210212103121041210512106121071210812109121101211112112121131211412115121161211712118121191212012121121221212312124121251212612127121281212912130121311213212133121341213512136121371213812139121401214112142121431214412145121461214712148121491215012151121521215312154121551215612157121581215912160121611216212163121641216512166121671216812169121701217112172121731217412175121761217712178121791218012181121821218312184121851218612187121881218912190121911219212193121941219512196121971219812199122001220112202122031220412205122061220712208122091221012211122121221312214122151221612217122181221912220122211222212223122241222512226122271222812229122301223112232122331223412235122361223712238122391224012241122421224312244122451224612247122481224912250122511225212253122541225512256122571225812259122601226112262122631226412265122661226712268122691227012271122721227312274122751227612277122781227912280122811228212283122841228512286122871228812289122901229112292122931229412295122961229712298122991230012301123021230312304123051230612307123081230912310123111231212313123141231512316123171231812319123201232112322123231232412325123261232712328123291233012331123321233312334123351233612337123381233912340123411234212343123441234512346123471234812349123501235112352123531235412355123561235712358123591236012361123621236312364123651236612367123681236912370123711237212373123741237512376123771237812379123801238112382123831238412385123861238712388123891239012391123921239312394123951239612397123981239912400124011240212403124041240512406124071240812409124101241112412124131241412415124161241712418124191242012421124221242312424124251242612427124281242912430124311243212433124341243512436124371243812439124401244112442124431244412445124461244712448124491245012451124521245312454124551245612457124581245912460124611246212463124641246512466124671246812469124701247112472124731247412475124761247712478124791248012481124821248312484124851248612487124881248912490124911249212493124941249512496124971249812499125001250112502125031250412505125061250712508125091251012511125121251312514125151251612517125181251912520125211252212523125241252512526125271252812529125301253112532125331253412535125361253712538125391254012541125421254312544125451254612547125481254912550125511255212553125541255512556125571255812559125601256112562125631256412565125661256712568125691257012571125721257312574125751257612577125781257912580125811258212583125841258512586125871258812589125901259112592125931259412595125961259712598125991260012601126021260312604126051260612607126081260912610126111261212613126141261512616126171261812619126201262112622126231262412625126261262712628126291263012631126321263312634126351263612637126381263912640126411264212643126441264512646126471264812649126501265112652126531265412655126561265712658126591266012661126621266312664126651266612667126681266912670126711267212673126741267512676126771267812679126801268112682126831268412685126861268712688126891269012691126921269312694126951269612697126981269912700127011270212703127041270512706127071270812709127101271112712127131271412715127161271712718127191272012721127221272312724127251272612727127281272912730127311273212733127341273512736127371273812739127401274112742127431274412745127461274712748127491275012751127521275312754127551275612757127581275912760127611276212763127641276512766127671276812769127701277112772127731277412775127761277712778127791278012781127821278312784127851278612787127881278912790127911279212793127941279512796127971279812799128001280112802128031280412805128061280712808128091281012811128121281312814128151281612817128181281912820128211282212823128241282512826128271282812829128301283112832128331283412835128361283712838128391284012841128421284312844128451284612847128481284912850128511285212853128541285512856128571285812859128601286112862128631286412865128661286712868128691287012871128721287312874128751287612877128781287912880128811288212883128841288512886128871288812889128901289112892128931289412895128961289712898128991290012901129021290312904129051290612907129081290912910129111291212913129141291512916129171291812919129201292112922129231292412925129261292712928129291293012931129321293312934129351293612937129381293912940129411294212943129441294512946129471294812949129501295112952129531295412955129561295712958129591296012961129621296312964129651296612967129681296912970129711297212973129741297512976129771297812979129801298112982129831298412985129861298712988129891299012991129921299312994129951299612997129981299913000130011300213003130041300513006130071300813009130101301113012130131301413015130161301713018130191302013021130221302313024130251302613027130281302913030130311303213033130341303513036130371303813039130401304113042130431304413045130461304713048130491305013051130521305313054130551305613057130581305913060130611306213063130641306513066130671306813069130701307113072130731307413075130761307713078130791308013081130821308313084130851308613087130881308913090130911309213093130941309513096130971309813099131001310113102131031310413105131061310713108131091311013111131121311313114131151311613117131181311913120131211312213123131241312513126131271312813129131301313113132131331313413135131361313713138131391314013141131421314313144131451314613147131481314913150131511315213153131541315513156131571315813159131601316113162131631316413165131661316713168131691317013171131721317313174131751317613177131781317913180131811318213183131841318513186131871318813189131901319113192131931319413195131961319713198131991320013201132021320313204132051320613207132081320913210132111321213213132141321513216132171321813219132201322113222132231322413225132261322713228132291323013231132321323313234132351323613237132381323913240132411324213243132441324513246132471324813249132501325113252132531325413255132561325713258132591326013261132621326313264132651326613267132681326913270132711327213273132741327513276132771327813279132801328113282132831328413285132861328713288132891329013291132921329313294132951329613297132981329913300133011330213303133041330513306133071330813309133101331113312133131331413315133161331713318133191332013321133221332313324133251332613327133281332913330133311333213333133341333513336133371333813339133401334113342133431334413345133461334713348133491335013351133521335313354133551335613357133581335913360133611336213363133641336513366133671336813369133701337113372133731337413375133761337713378133791338013381133821338313384133851338613387133881338913390133911339213393133941339513396133971339813399134001340113402134031340413405134061340713408134091341013411134121341313414134151341613417134181341913420134211342213423134241342513426134271342813429134301343113432134331343413435134361343713438134391344013441134421344313444134451344613447134481344913450134511345213453134541345513456134571345813459134601346113462134631346413465134661346713468134691347013471134721347313474134751347613477134781347913480134811348213483134841348513486134871348813489134901349113492134931349413495134961349713498134991350013501135021350313504135051350613507135081350913510135111351213513135141351513516135171351813519135201352113522135231352413525135261352713528135291353013531135321353313534135351353613537135381353913540135411354213543135441354513546135471354813549135501355113552135531355413555135561355713558135591356013561135621356313564135651356613567135681356913570135711357213573135741357513576135771357813579135801358113582135831358413585135861358713588135891359013591135921359313594135951359613597135981359913600136011360213603136041360513606136071360813609136101361113612136131361413615136161361713618136191362013621136221362313624136251362613627136281362913630136311363213633136341363513636136371363813639136401364113642136431364413645136461364713648136491365013651136521365313654136551365613657136581365913660136611366213663136641366513666136671366813669136701367113672136731367413675136761367713678136791368013681136821368313684136851368613687136881368913690136911369213693136941369513696136971369813699137001370113702137031370413705137061370713708137091371013711137121371313714137151371613717137181371913720137211372213723137241372513726137271372813729137301373113732137331373413735137361373713738137391374013741137421374313744137451374613747137481374913750137511375213753137541375513756137571375813759137601376113762137631376413765137661376713768137691377013771137721377313774137751377613777137781377913780137811378213783137841378513786137871378813789137901379113792137931379413795137961379713798137991380013801138021380313804138051380613807138081380913810138111381213813138141381513816138171381813819138201382113822138231382413825138261382713828138291383013831138321383313834138351383613837138381383913840138411384213843138441384513846138471384813849138501385113852138531385413855138561385713858138591386013861138621386313864138651386613867138681386913870138711387213873138741387513876138771387813879138801388113882138831388413885138861388713888138891389013891138921389313894138951389613897138981389913900139011390213903139041390513906139071390813909139101391113912139131391413915139161391713918139191392013921139221392313924139251392613927139281392913930139311393213933139341393513936139371393813939139401394113942139431394413945139461394713948139491395013951139521395313954139551395613957139581395913960139611396213963139641396513966139671396813969139701397113972139731397413975139761397713978139791398013981139821398313984139851398613987139881398913990139911399213993139941399513996139971399813999140001400114002140031400414005140061400714008140091401014011140121401314014140151401614017140181401914020140211402214023140241402514026140271402814029140301403114032140331403414035140361403714038140391404014041140421404314044140451404614047140481404914050140511405214053140541405514056140571405814059140601406114062140631406414065140661406714068140691407014071140721407314074140751407614077140781407914080140811408214083140841408514086140871408814089140901409114092140931409414095140961409714098140991410014101141021410314104141051410614107141081410914110141111411214113141141411514116141171411814119141201412114122141231412414125141261412714128141291413014131141321413314134141351413614137141381413914140141411414214143141441414514146141471414814149141501415114152141531415414155141561415714158141591416014161141621416314164141651416614167141681416914170141711417214173141741417514176141771417814179141801418114182141831418414185141861418714188141891419014191141921419314194141951419614197141981419914200142011420214203142041420514206142071420814209142101421114212142131421414215142161421714218142191422014221142221422314224142251422614227142281422914230142311423214233142341423514236142371423814239142401424114242142431424414245142461424714248142491425014251142521425314254142551425614257142581425914260142611426214263142641426514266142671426814269142701427114272142731427414275142761427714278142791428014281142821428314284142851428614287142881428914290142911429214293142941429514296142971429814299143001430114302143031430414305143061430714308143091431014311143121431314314143151431614317143181431914320143211432214323143241432514326143271432814329143301433114332143331433414335143361433714338143391434014341143421434314344143451434614347143481434914350143511435214353143541435514356143571435814359143601436114362143631436414365143661436714368143691437014371143721437314374143751437614377143781437914380143811438214383143841438514386143871438814389143901439114392143931439414395143961439714398143991440014401144021440314404144051440614407144081440914410144111441214413144141441514416144171441814419144201442114422144231442414425144261442714428144291443014431144321443314434144351443614437144381443914440144411444214443144441444514446144471444814449144501445114452144531445414455144561445714458144591446014461144621446314464144651446614467144681446914470144711447214473144741447514476144771447814479144801448114482144831448414485144861448714488144891449014491144921449314494144951449614497144981449914500145011450214503145041450514506145071450814509145101451114512145131451414515145161451714518145191452014521145221452314524145251452614527145281452914530145311453214533145341453514536145371453814539145401454114542145431454414545145461454714548145491455014551145521455314554145551455614557145581455914560145611456214563145641456514566145671456814569145701457114572145731457414575145761457714578145791458014581145821458314584145851458614587145881458914590145911459214593145941459514596145971459814599146001460114602146031460414605146061460714608146091461014611146121461314614146151461614617146181461914620146211462214623146241462514626146271462814629146301463114632146331463414635146361463714638146391464014641146421464314644146451464614647146481464914650146511465214653146541465514656146571465814659146601466114662146631466414665146661466714668146691467014671146721467314674146751467614677146781467914680146811468214683146841468514686146871468814689146901469114692146931469414695146961469714698146991470014701147021470314704147051470614707147081470914710147111471214713147141471514716147171471814719147201472114722147231472414725147261472714728147291473014731147321473314734147351473614737147381473914740147411474214743147441474514746147471474814749147501475114752147531475414755147561475714758147591476014761147621476314764147651476614767147681476914770147711477214773147741477514776147771477814779147801478114782147831478414785147861478714788147891479014791147921479314794147951479614797147981479914800148011480214803148041480514806148071480814809148101481114812148131481414815148161481714818148191482014821148221482314824148251482614827148281482914830148311483214833148341483514836148371483814839148401484114842148431484414845148461484714848148491485014851148521485314854148551485614857148581485914860148611486214863148641486514866148671486814869148701487114872148731487414875148761487714878148791488014881148821488314884148851488614887148881488914890148911489214893148941489514896148971489814899149001490114902149031490414905149061490714908149091491014911149121491314914149151491614917149181491914920149211492214923149241492514926149271492814929149301493114932149331493414935149361493714938149391494014941149421494314944149451494614947149481494914950149511495214953149541495514956149571495814959149601496114962149631496414965149661496714968149691497014971149721497314974149751497614977149781497914980149811498214983149841498514986149871498814989149901499114992149931499414995149961499714998149991500015001150021500315004150051500615007150081500915010150111501215013150141501515016150171501815019150201502115022150231502415025150261502715028150291503015031150321503315034150351503615037150381503915040150411504215043150441504515046150471504815049150501505115052150531505415055150561505715058150591506015061150621506315064150651506615067150681506915070150711507215073150741507515076150771507815079150801508115082150831508415085150861508715088150891509015091150921509315094150951509615097150981509915100151011510215103151041510515106151071510815109151101511115112151131511415115151161511715118151191512015121151221512315124151251512615127151281512915130151311513215133151341513515136151371513815139151401514115142151431514415145151461514715148151491515015151151521515315154151551515615157151581515915160151611516215163151641516515166151671516815169151701517115172151731517415175151761517715178151791518015181151821518315184151851518615187151881518915190151911519215193151941519515196151971519815199152001520115202152031520415205152061520715208152091521015211152121521315214152151521615217152181521915220152211522215223152241522515226152271522815229152301523115232152331523415235152361523715238152391524015241152421524315244152451524615247152481524915250152511525215253152541525515256152571525815259152601526115262152631526415265152661526715268152691527015271152721527315274152751527615277152781527915280152811528215283152841528515286152871528815289152901529115292152931529415295152961529715298152991530015301153021530315304153051530615307153081530915310153111531215313153141531515316153171531815319153201532115322153231532415325153261532715328153291533015331153321533315334153351533615337153381533915340153411534215343153441534515346153471534815349153501535115352153531535415355153561535715358153591536015361153621536315364153651536615367153681536915370153711537215373153741537515376153771537815379153801538115382153831538415385153861538715388153891539015391153921539315394153951539615397153981539915400154011540215403154041540515406154071540815409154101541115412154131541415415154161541715418154191542015421154221542315424154251542615427154281542915430154311543215433154341543515436154371543815439154401544115442154431544415445154461544715448154491545015451154521545315454154551545615457154581545915460154611546215463154641546515466154671546815469154701547115472154731547415475154761547715478154791548015481154821548315484154851548615487154881548915490154911549215493154941549515496154971549815499155001550115502155031550415505155061550715508155091551015511155121551315514155151551615517155181551915520155211552215523155241552515526155271552815529155301553115532155331553415535155361553715538155391554015541155421554315544155451554615547155481554915550155511555215553155541555515556155571555815559155601556115562155631556415565155661556715568155691557015571155721557315574155751557615577155781557915580155811558215583155841558515586155871558815589155901559115592155931559415595155961559715598155991560015601156021560315604156051560615607156081560915610156111561215613156141561515616156171561815619156201562115622156231562415625156261562715628156291563015631156321563315634156351563615637156381563915640156411564215643156441564515646156471564815649156501565115652156531565415655156561565715658156591566015661156621566315664156651566615667156681566915670156711567215673156741567515676156771567815679156801568115682156831568415685156861568715688156891569015691156921569315694156951569615697156981569915700157011570215703157041570515706157071570815709157101571115712157131571415715157161571715718157191572015721157221572315724157251572615727157281572915730157311573215733157341573515736157371573815739157401574115742157431574415745157461574715748157491575015751157521575315754157551575615757157581575915760157611576215763157641576515766157671576815769157701577115772157731577415775157761577715778157791578015781157821578315784157851578615787157881578915790157911579215793157941579515796157971579815799158001580115802158031580415805158061580715808158091581015811158121581315814158151581615817158181581915820158211582215823158241582515826158271582815829158301583115832158331583415835158361583715838158391584015841158421584315844158451584615847158481584915850158511585215853158541585515856158571585815859158601586115862158631586415865158661586715868158691587015871158721587315874158751587615877158781587915880158811588215883158841588515886158871588815889158901589115892158931589415895158961589715898158991590015901159021590315904159051590615907159081590915910159111591215913159141591515916159171591815919159201592115922159231592415925159261592715928159291593015931159321593315934159351593615937159381593915940159411594215943159441594515946159471594815949159501595115952159531595415955159561595715958159591596015961159621596315964159651596615967159681596915970159711597215973159741597515976159771597815979159801598115982159831598415985159861598715988159891599015991159921599315994159951599615997159981599916000160011600216003160041600516006160071600816009160101601116012160131601416015160161601716018160191602016021160221602316024160251602616027160281602916030160311603216033160341603516036160371603816039160401604116042160431604416045160461604716048160491605016051160521605316054160551605616057160581605916060160611606216063160641606516066160671606816069160701607116072160731607416075160761607716078160791608016081160821608316084160851608616087160881608916090160911609216093160941609516096160971609816099161001610116102161031610416105161061610716108161091611016111161121611316114161151611616117161181611916120161211612216123161241612516126161271612816129161301613116132161331613416135161361613716138161391614016141161421614316144161451614616147161481614916150161511615216153161541615516156161571615816159161601616116162161631616416165161661616716168161691617016171161721617316174161751617616177161781617916180161811618216183161841618516186161871618816189161901619116192161931619416195161961619716198161991620016201162021620316204162051620616207162081620916210162111621216213162141621516216162171621816219162201622116222162231622416225162261622716228162291623016231162321623316234162351623616237162381623916240162411624216243162441624516246162471624816249162501625116252162531625416255162561625716258162591626016261162621626316264162651626616267162681626916270162711627216273162741627516276162771627816279162801628116282162831628416285162861628716288162891629016291162921629316294162951629616297162981629916300163011630216303163041630516306163071630816309163101631116312163131631416315163161631716318163191632016321163221632316324163251632616327163281632916330163311633216333163341633516336163371633816339163401634116342163431634416345163461634716348163491635016351163521635316354163551635616357163581635916360163611636216363163641636516366163671636816369163701637116372163731637416375163761637716378163791638016381163821638316384163851638616387163881638916390163911639216393163941639516396163971639816399164001640116402164031640416405164061640716408164091641016411164121641316414164151641616417164181641916420164211642216423164241642516426164271642816429164301643116432164331643416435164361643716438164391644016441164421644316444164451644616447164481644916450164511645216453164541645516456164571645816459164601646116462164631646416465164661646716468164691647016471164721647316474164751647616477164781647916480164811648216483164841648516486164871648816489164901649116492164931649416495164961649716498164991650016501165021650316504165051650616507165081650916510165111651216513165141651516516165171651816519165201652116522165231652416525165261652716528165291653016531165321653316534165351653616537165381653916540165411654216543165441654516546165471654816549165501655116552165531655416555165561655716558165591656016561165621656316564165651656616567165681656916570165711657216573165741657516576165771657816579165801658116582165831658416585165861658716588165891659016591165921659316594165951659616597165981659916600166011660216603166041660516606166071660816609166101661116612166131661416615166161661716618166191662016621166221662316624166251662616627166281662916630166311663216633166341663516636166371663816639166401664116642166431664416645166461664716648166491665016651166521665316654166551665616657166581665916660166611666216663166641666516666166671666816669166701667116672166731667416675166761667716678166791668016681166821668316684166851668616687166881668916690166911669216693166941669516696166971669816699167001670116702167031670416705167061670716708167091671016711167121671316714167151671616717167181671916720167211672216723167241672516726167271672816729167301673116732167331673416735167361673716738167391674016741167421674316744167451674616747167481674916750167511675216753167541675516756167571675816759167601676116762167631676416765167661676716768167691677016771167721677316774167751677616777167781677916780167811678216783167841678516786167871678816789167901679116792167931679416795167961679716798167991680016801168021680316804168051680616807168081680916810168111681216813168141681516816168171681816819168201682116822168231682416825168261682716828168291683016831168321683316834168351683616837168381683916840168411684216843168441684516846168471684816849168501685116852168531685416855168561685716858168591686016861168621686316864168651686616867168681686916870168711687216873168741687516876168771687816879168801688116882168831688416885168861688716888168891689016891168921689316894168951689616897168981689916900169011690216903169041690516906169071690816909169101691116912169131691416915169161691716918169191692016921169221692316924169251692616927169281692916930169311693216933169341693516936169371693816939169401694116942169431694416945169461694716948169491695016951169521695316954169551695616957169581695916960169611696216963169641696516966169671696816969169701697116972169731697416975169761697716978169791698016981169821698316984169851698616987169881698916990169911699216993169941699516996169971699816999170001700117002170031700417005170061700717008170091701017011170121701317014170151701617017170181701917020170211702217023170241702517026170271702817029170301703117032170331703417035170361703717038170391704017041170421704317044170451704617047170481704917050170511705217053170541705517056170571705817059170601706117062170631706417065170661706717068170691707017071170721707317074170751707617077170781707917080170811708217083170841708517086170871708817089170901709117092170931709417095170961709717098170991710017101171021710317104171051710617107171081710917110171111711217113171141711517116171171711817119171201712117122171231712417125171261712717128171291713017131171321713317134171351713617137171381713917140171411714217143171441714517146171471714817149171501715117152171531715417155171561715717158171591716017161171621716317164171651716617167171681716917170171711717217173171741717517176171771717817179171801718117182171831718417185171861718717188171891719017191171921719317194171951719617197171981719917200172011720217203172041720517206172071720817209172101721117212172131721417215172161721717218172191722017221172221722317224172251722617227172281722917230172311723217233172341723517236172371723817239172401724117242172431724417245172461724717248172491725017251172521725317254172551725617257172581725917260172611726217263172641726517266172671726817269172701727117272172731727417275172761727717278172791728017281172821728317284172851728617287172881728917290172911729217293172941729517296172971729817299173001730117302173031730417305173061730717308173091731017311173121731317314173151731617317173181731917320173211732217323173241732517326173271732817329173301733117332173331733417335173361733717338173391734017341173421734317344173451734617347173481734917350173511735217353173541735517356173571735817359173601736117362173631736417365173661736717368173691737017371173721737317374173751737617377173781737917380173811738217383173841738517386173871738817389173901739117392173931739417395173961739717398173991740017401174021740317404174051740617407174081740917410174111741217413174141741517416174171741817419174201742117422174231742417425174261742717428174291743017431174321743317434174351743617437174381743917440174411744217443174441744517446174471744817449174501745117452174531745417455174561745717458174591746017461174621746317464174651746617467174681746917470174711747217473174741747517476174771747817479174801748117482174831748417485174861748717488174891749017491174921749317494174951749617497174981749917500175011750217503175041750517506175071750817509175101751117512175131751417515175161751717518175191752017521175221752317524175251752617527175281752917530175311753217533175341753517536175371753817539175401754117542175431754417545175461754717548175491755017551175521755317554175551755617557175581755917560175611756217563175641756517566175671756817569175701757117572175731757417575175761757717578175791758017581175821758317584175851758617587175881758917590175911759217593175941759517596175971759817599176001760117602176031760417605176061760717608176091761017611176121761317614176151761617617176181761917620176211762217623176241762517626176271762817629176301763117632176331763417635176361763717638176391764017641176421764317644176451764617647176481764917650176511765217653176541765517656176571765817659176601766117662176631766417665176661766717668176691767017671176721767317674176751767617677176781767917680176811768217683176841768517686176871768817689176901769117692176931769417695176961769717698176991770017701177021770317704177051770617707177081770917710177111771217713177141771517716177171771817719177201772117722177231772417725177261772717728177291773017731177321773317734177351773617737177381773917740177411774217743177441774517746177471774817749177501775117752177531775417755177561775717758177591776017761177621776317764177651776617767177681776917770177711777217773177741777517776177771777817779177801778117782177831778417785177861778717788177891779017791177921779317794177951779617797177981779917800178011780217803178041780517806178071780817809178101781117812178131781417815178161781717818178191782017821178221782317824178251782617827178281782917830178311783217833178341783517836178371783817839178401784117842178431784417845178461784717848178491785017851178521785317854178551785617857178581785917860178611786217863178641786517866178671786817869178701787117872178731787417875178761787717878178791788017881178821788317884178851788617887178881788917890178911789217893178941789517896178971789817899179001790117902179031790417905179061790717908179091791017911179121791317914179151791617917179181791917920179211792217923179241792517926179271792817929179301793117932179331793417935179361793717938179391794017941179421794317944179451794617947179481794917950179511795217953179541795517956179571795817959179601796117962179631796417965179661796717968179691797017971179721797317974179751797617977179781797917980179811798217983179841798517986179871798817989179901799117992179931799417995179961799717998179991800018001180021800318004180051800618007180081800918010180111801218013180141801518016180171801818019180201802118022180231802418025180261802718028180291803018031180321803318034180351803618037180381803918040180411804218043180441804518046180471804818049180501805118052180531805418055180561805718058180591806018061180621806318064180651806618067180681806918070180711807218073180741807518076180771807818079180801808118082180831808418085180861808718088180891809018091180921809318094180951809618097180981809918100181011810218103181041810518106181071810818109181101811118112181131811418115181161811718118181191812018121181221812318124181251812618127181281812918130181311813218133181341813518136181371813818139181401814118142181431814418145181461814718148181491815018151181521815318154181551815618157181581815918160181611816218163181641816518166181671816818169181701817118172181731817418175181761817718178181791818018181181821818318184181851818618187181881818918190181911819218193181941819518196181971819818199182001820118202182031820418205182061820718208182091821018211182121821318214182151821618217182181821918220182211822218223182241822518226182271822818229182301823118232182331823418235182361823718238182391824018241182421824318244182451824618247182481824918250182511825218253182541825518256182571825818259182601826118262182631826418265182661826718268182691827018271182721827318274182751827618277182781827918280182811828218283182841828518286182871828818289182901829118292182931829418295182961829718298182991830018301183021830318304183051830618307183081830918310183111831218313183141831518316183171831818319183201832118322183231832418325183261832718328183291833018331183321833318334183351833618337183381833918340183411834218343183441834518346183471834818349183501835118352183531835418355183561835718358183591836018361183621836318364183651836618367183681836918370183711837218373183741837518376183771837818379183801838118382183831838418385183861838718388183891839018391183921839318394183951839618397183981839918400184011840218403184041840518406184071840818409184101841118412184131841418415184161841718418184191842018421184221842318424184251842618427184281842918430184311843218433184341843518436184371843818439184401844118442184431844418445184461844718448184491845018451184521845318454184551845618457184581845918460184611846218463184641846518466184671846818469184701847118472184731847418475184761847718478184791848018481184821848318484184851848618487184881848918490184911849218493184941849518496184971849818499185001850118502185031850418505185061850718508185091851018511185121851318514185151851618517185181851918520185211852218523185241852518526185271852818529185301853118532185331853418535185361853718538185391854018541185421854318544185451854618547185481854918550185511855218553185541855518556185571855818559185601856118562185631856418565185661856718568185691857018571185721857318574185751857618577185781857918580185811858218583185841858518586185871858818589185901859118592185931859418595185961859718598185991860018601186021860318604186051860618607186081860918610186111861218613186141861518616186171861818619186201862118622186231862418625186261862718628186291863018631186321863318634186351863618637186381863918640186411864218643186441864518646186471864818649186501865118652186531865418655186561865718658186591866018661186621866318664186651866618667186681866918670186711867218673186741867518676186771867818679186801868118682186831868418685186861868718688186891869018691186921869318694186951869618697186981869918700187011870218703187041870518706187071870818709187101871118712187131871418715187161871718718187191872018721187221872318724187251872618727187281872918730187311873218733187341873518736187371873818739187401874118742187431874418745187461874718748187491875018751187521875318754187551875618757187581875918760187611876218763187641876518766187671876818769187701877118772187731877418775187761877718778187791878018781187821878318784187851878618787187881878918790187911879218793187941879518796187971879818799188001880118802188031880418805188061880718808188091881018811188121881318814188151881618817188181881918820188211882218823188241882518826188271882818829188301883118832188331883418835188361883718838188391884018841188421884318844188451884618847188481884918850188511885218853188541885518856188571885818859188601886118862188631886418865188661886718868188691887018871188721887318874188751887618877188781887918880188811888218883188841888518886188871888818889188901889118892188931889418895188961889718898188991890018901189021890318904189051890618907189081890918910189111891218913189141891518916189171891818919189201892118922189231892418925189261892718928189291893018931189321893318934189351893618937189381893918940189411894218943189441894518946189471894818949189501895118952189531895418955189561895718958189591896018961189621896318964189651896618967189681896918970189711897218973189741897518976189771897818979189801898118982189831898418985189861898718988189891899018991189921899318994189951899618997189981899919000190011900219003190041900519006190071900819009190101901119012190131901419015190161901719018190191902019021190221902319024190251902619027190281902919030190311903219033190341903519036190371903819039190401904119042190431904419045190461904719048190491905019051190521905319054190551905619057190581905919060190611906219063190641906519066190671906819069190701907119072190731907419075190761907719078190791908019081190821908319084190851908619087190881908919090190911909219093190941909519096190971909819099191001910119102191031910419105191061910719108191091911019111191121911319114191151911619117191181911919120191211912219123191241912519126191271912819129191301913119132191331913419135191361913719138191391914019141191421914319144191451914619147191481914919150191511915219153191541915519156191571915819159191601916119162191631916419165191661916719168191691917019171191721917319174191751917619177191781917919180191811918219183191841918519186191871918819189191901919119192191931919419195191961919719198191991920019201192021920319204192051920619207192081920919210192111921219213192141921519216192171921819219192201922119222192231922419225192261922719228192291923019231192321923319234192351923619237192381923919240192411924219243192441924519246192471924819249192501925119252192531925419255192561925719258192591926019261192621926319264192651926619267192681926919270192711927219273192741927519276192771927819279192801928119282192831928419285192861928719288192891929019291192921929319294192951929619297192981929919300193011930219303193041930519306193071930819309193101931119312193131931419315193161931719318193191932019321193221932319324193251932619327193281932919330193311933219333193341933519336193371933819339193401934119342193431934419345193461934719348193491935019351193521935319354193551935619357193581935919360193611936219363193641936519366193671936819369193701937119372193731937419375193761937719378193791938019381193821938319384193851938619387193881938919390193911939219393193941939519396193971939819399194001940119402194031940419405194061940719408194091941019411194121941319414194151941619417194181941919420194211942219423194241942519426194271942819429194301943119432194331943419435194361943719438194391944019441194421944319444194451944619447194481944919450194511945219453194541945519456194571945819459194601946119462194631946419465194661946719468194691947019471194721947319474194751947619477194781947919480194811948219483194841948519486194871948819489194901949119492194931949419495194961949719498194991950019501195021950319504195051950619507195081950919510195111951219513195141951519516195171951819519195201952119522195231952419525195261952719528195291953019531195321953319534195351953619537195381953919540195411954219543195441954519546195471954819549195501955119552195531955419555195561955719558195591956019561195621956319564195651956619567195681956919570195711957219573195741957519576195771957819579195801958119582195831958419585195861958719588195891959019591195921959319594195951959619597195981959919600196011960219603196041960519606196071960819609196101961119612196131961419615196161961719618196191962019621196221962319624196251962619627196281962919630196311963219633196341963519636196371963819639196401964119642196431964419645196461964719648196491965019651196521965319654196551965619657196581965919660196611966219663196641966519666196671966819669196701967119672196731967419675196761967719678196791968019681196821968319684196851968619687196881968919690196911969219693196941969519696196971969819699197001970119702197031970419705197061970719708197091971019711197121971319714197151971619717197181971919720197211972219723197241972519726197271972819729197301973119732197331973419735197361973719738197391974019741197421974319744197451974619747197481974919750197511975219753197541975519756197571975819759197601976119762197631976419765197661976719768197691977019771197721977319774197751977619777197781977919780197811978219783197841978519786197871978819789197901979119792197931979419795197961979719798197991980019801198021980319804198051980619807198081980919810198111981219813198141981519816198171981819819198201982119822198231982419825198261982719828198291983019831198321983319834198351983619837198381983919840198411984219843198441984519846198471984819849198501985119852198531985419855198561985719858198591986019861198621986319864198651986619867198681986919870198711987219873198741987519876198771987819879198801988119882198831988419885198861988719888198891989019891198921989319894198951989619897198981989919900199011990219903199041990519906199071990819909199101991119912199131991419915199161991719918199191992019921199221992319924199251992619927199281992919930199311993219933199341993519936199371993819939199401994119942199431994419945199461994719948199491995019951199521995319954199551995619957199581995919960199611996219963199641996519966199671996819969199701997119972199731997419975199761997719978199791998019981199821998319984199851998619987199881998919990199911999219993199941999519996199971999819999200002000120002200032000420005200062000720008200092001020011200122001320014200152001620017200182001920020200212002220023200242002520026200272002820029200302003120032200332003420035200362003720038200392004020041200422004320044200452004620047200482004920050200512005220053200542005520056200572005820059200602006120062200632006420065200662006720068200692007020071200722007320074200752007620077200782007920080200812008220083200842008520086200872008820089200902009120092200932009420095200962009720098200992010020101201022010320104201052010620107201082010920110201112011220113201142011520116201172011820119201202012120122201232012420125201262012720128201292013020131201322013320134201352013620137201382013920140201412014220143201442014520146201472014820149201502015120152201532015420155201562015720158201592016020161201622016320164201652016620167201682016920170201712017220173201742017520176201772017820179201802018120182201832018420185201862018720188201892019020191201922019320194201952019620197201982019920200202012020220203202042020520206202072020820209202102021120212202132021420215202162021720218202192022020221202222022320224202252022620227202282022920230202312023220233202342023520236202372023820239202402024120242202432024420245202462024720248202492025020251202522025320254202552025620257202582025920260202612026220263202642026520266202672026820269202702027120272202732027420275202762027720278202792028020281202822028320284202852028620287202882028920290202912029220293202942029520296202972029820299203002030120302203032030420305203062030720308203092031020311203122031320314203152031620317203182031920320203212032220323203242032520326203272032820329203302033120332203332033420335203362033720338203392034020341203422034320344203452034620347203482034920350203512035220353203542035520356203572035820359203602036120362203632036420365203662036720368203692037020371203722037320374203752037620377203782037920380203812038220383203842038520386203872038820389203902039120392203932039420395203962039720398203992040020401204022040320404204052040620407204082040920410204112041220413204142041520416204172041820419204202042120422204232042420425204262042720428204292043020431204322043320434204352043620437204382043920440204412044220443204442044520446204472044820449204502045120452204532045420455204562045720458204592046020461204622046320464204652046620467204682046920470204712047220473204742047520476204772047820479204802048120482204832048420485204862048720488204892049020491204922049320494204952049620497204982049920500205012050220503205042050520506205072050820509205102051120512205132051420515205162051720518205192052020521205222052320524205252052620527205282052920530205312053220533205342053520536205372053820539205402054120542205432054420545205462054720548205492055020551205522055320554205552055620557205582055920560205612056220563205642056520566205672056820569205702057120572205732057420575205762057720578205792058020581205822058320584205852058620587205882058920590205912059220593205942059520596205972059820599206002060120602206032060420605206062060720608206092061020611206122061320614206152061620617206182061920620206212062220623206242062520626206272062820629206302063120632206332063420635206362063720638206392064020641206422064320644206452064620647206482064920650206512065220653206542065520656206572065820659206602066120662206632066420665206662066720668206692067020671206722067320674206752067620677206782067920680206812068220683206842068520686206872068820689206902069120692206932069420695206962069720698206992070020701207022070320704207052070620707207082070920710207112071220713207142071520716207172071820719207202072120722207232072420725207262072720728207292073020731207322073320734207352073620737207382073920740207412074220743207442074520746207472074820749207502075120752207532075420755207562075720758207592076020761207622076320764207652076620767207682076920770207712077220773207742077520776207772077820779207802078120782207832078420785207862078720788207892079020791207922079320794207952079620797207982079920800208012080220803208042080520806208072080820809208102081120812208132081420815208162081720818208192082020821208222082320824208252082620827208282082920830208312083220833208342083520836208372083820839208402084120842208432084420845208462084720848208492085020851208522085320854208552085620857208582085920860208612086220863208642086520866208672086820869208702087120872208732087420875208762087720878208792088020881208822088320884208852088620887208882088920890208912089220893208942089520896208972089820899209002090120902209032090420905209062090720908209092091020911209122091320914209152091620917209182091920920209212092220923209242092520926209272092820929209302093120932209332093420935209362093720938209392094020941209422094320944209452094620947209482094920950209512095220953209542095520956209572095820959209602096120962209632096420965209662096720968209692097020971209722097320974209752097620977209782097920980209812098220983209842098520986209872098820989209902099120992209932099420995209962099720998209992100021001210022100321004210052100621007210082100921010210112101221013210142101521016210172101821019210202102121022210232102421025210262102721028210292103021031210322103321034210352103621037210382103921040210412104221043210442104521046210472104821049210502105121052210532105421055210562105721058210592106021061210622106321064210652106621067210682106921070210712107221073210742107521076210772107821079210802108121082210832108421085210862108721088210892109021091210922109321094210952109621097210982109921100211012110221103211042110521106211072110821109211102111121112211132111421115211162111721118211192112021121211222112321124211252112621127211282112921130211312113221133211342113521136211372113821139211402114121142211432114421145211462114721148211492115021151211522115321154211552115621157211582115921160211612116221163211642116521166211672116821169211702117121172211732117421175211762117721178211792118021181211822118321184211852118621187211882118921190211912119221193211942119521196211972119821199212002120121202212032120421205212062120721208212092121021211212122121321214212152121621217212182121921220212212122221223212242122521226212272122821229212302123121232212332123421235212362123721238212392124021241212422124321244212452124621247212482124921250212512125221253212542125521256212572125821259212602126121262212632126421265212662126721268212692127021271212722127321274212752127621277212782127921280212812128221283212842128521286212872128821289212902129121292212932129421295212962129721298212992130021301213022130321304213052130621307213082130921310213112131221313213142131521316213172131821319213202132121322213232132421325213262132721328213292133021331213322133321334213352133621337213382133921340213412134221343213442134521346213472134821349213502135121352213532135421355213562135721358213592136021361213622136321364213652136621367213682136921370213712137221373213742137521376213772137821379213802138121382213832138421385213862138721388213892139021391213922139321394213952139621397213982139921400214012140221403214042140521406214072140821409214102141121412214132141421415214162141721418214192142021421214222142321424214252142621427214282142921430214312143221433214342143521436214372143821439214402144121442214432144421445214462144721448214492145021451214522145321454214552145621457214582145921460214612146221463214642146521466214672146821469214702147121472214732147421475214762147721478214792148021481214822148321484214852148621487214882148921490214912149221493214942149521496214972149821499215002150121502215032150421505215062150721508215092151021511215122151321514215152151621517215182151921520215212152221523215242152521526215272152821529215302153121532215332153421535215362153721538215392154021541215422154321544215452154621547215482154921550215512155221553215542155521556215572155821559215602156121562215632156421565215662156721568215692157021571215722157321574215752157621577215782157921580215812158221583215842158521586215872158821589215902159121592215932159421595215962159721598215992160021601216022160321604216052160621607216082160921610216112161221613216142161521616216172161821619216202162121622216232162421625216262162721628216292163021631216322163321634216352163621637216382163921640216412164221643216442164521646216472164821649216502165121652216532165421655216562165721658216592166021661216622166321664216652166621667216682166921670216712167221673216742167521676216772167821679216802168121682216832168421685216862168721688216892169021691216922169321694216952169621697216982169921700217012170221703217042170521706217072170821709217102171121712217132171421715217162171721718217192172021721217222172321724217252172621727217282172921730217312173221733217342173521736217372173821739217402174121742217432174421745217462174721748217492175021751217522175321754217552175621757217582175921760217612176221763217642176521766217672176821769217702177121772217732177421775217762177721778217792178021781217822178321784217852178621787217882178921790217912179221793217942179521796217972179821799218002180121802218032180421805218062180721808218092181021811218122181321814218152181621817218182181921820218212182221823218242182521826218272182821829218302183121832218332183421835218362183721838218392184021841218422184321844218452184621847218482184921850218512185221853218542185521856218572185821859218602186121862218632186421865218662186721868218692187021871218722187321874218752187621877218782187921880218812188221883218842188521886218872188821889218902189121892218932189421895218962189721898218992190021901219022190321904219052190621907219082190921910219112191221913219142191521916219172191821919219202192121922219232192421925219262192721928219292193021931219322193321934219352193621937219382193921940219412194221943219442194521946219472194821949219502195121952219532195421955219562195721958219592196021961219622196321964219652196621967219682196921970219712197221973219742197521976219772197821979219802198121982219832198421985219862198721988219892199021991219922199321994219952199621997219982199922000220012200222003220042200522006220072200822009220102201122012220132201422015220162201722018220192202022021220222202322024220252202622027220282202922030220312203222033220342203522036220372203822039220402204122042220432204422045220462204722048220492205022051220522205322054220552205622057220582205922060220612206222063220642206522066220672206822069220702207122072220732207422075220762207722078220792208022081220822208322084220852208622087220882208922090220912209222093220942209522096220972209822099221002210122102221032210422105221062210722108221092211022111221122211322114221152211622117221182211922120221212212222123221242212522126221272212822129221302213122132221332213422135221362213722138221392214022141221422214322144221452214622147221482214922150221512215222153221542215522156221572215822159221602216122162221632216422165221662216722168221692217022171221722217322174221752217622177221782217922180221812218222183221842218522186221872218822189221902219122192221932219422195221962219722198221992220022201222022220322204222052220622207222082220922210222112221222213222142221522216222172221822219222202222122222222232222422225222262222722228222292223022231222322223322234222352223622237222382223922240222412224222243222442224522246222472224822249222502225122252222532225422255222562225722258222592226022261222622226322264222652226622267222682226922270222712227222273222742227522276222772227822279222802228122282222832228422285222862228722288222892229022291222922229322294222952229622297222982229922300223012230222303223042230522306223072230822309223102231122312223132231422315223162231722318223192232022321223222232322324223252232622327223282232922330223312233222333223342233522336223372233822339223402234122342223432234422345223462234722348223492235022351223522235322354223552235622357223582235922360223612236222363223642236522366223672236822369223702237122372223732237422375223762237722378223792238022381223822238322384223852238622387223882238922390223912239222393223942239522396223972239822399224002240122402224032240422405224062240722408224092241022411224122241322414224152241622417224182241922420224212242222423224242242522426224272242822429224302243122432224332243422435224362243722438224392244022441224422244322444224452244622447224482244922450224512245222453224542245522456224572245822459224602246122462224632246422465224662246722468224692247022471224722247322474224752247622477224782247922480224812248222483224842248522486224872248822489224902249122492224932249422495224962249722498224992250022501225022250322504225052250622507225082250922510225112251222513225142251522516225172251822519225202252122522225232252422525225262252722528225292253022531225322253322534225352253622537225382253922540225412254222543225442254522546225472254822549225502255122552225532255422555225562255722558225592256022561225622256322564225652256622567225682256922570225712257222573225742257522576225772257822579225802258122582225832258422585225862258722588225892259022591225922259322594225952259622597225982259922600226012260222603226042260522606226072260822609226102261122612226132261422615226162261722618226192262022621226222262322624226252262622627226282262922630226312263222633226342263522636226372263822639226402264122642226432264422645226462264722648226492265022651226522265322654226552265622657226582265922660226612266222663226642266522666226672266822669226702267122672226732267422675226762267722678226792268022681226822268322684226852268622687226882268922690226912269222693226942269522696226972269822699227002270122702227032270422705227062270722708227092271022711227122271322714227152271622717227182271922720227212272222723227242272522726227272272822729227302273122732227332273422735227362273722738227392274022741227422274322744227452274622747227482274922750227512275222753227542275522756227572275822759227602276122762227632276422765227662276722768227692277022771227722277322774227752277622777227782277922780227812278222783227842278522786227872278822789227902279122792227932279422795227962279722798227992280022801228022280322804228052280622807228082280922810228112281222813228142281522816228172281822819228202282122822228232282422825228262282722828228292283022831228322283322834228352283622837228382283922840228412284222843228442284522846228472284822849228502285122852228532285422855228562285722858228592286022861228622286322864228652286622867228682286922870228712287222873228742287522876228772287822879228802288122882228832288422885228862288722888228892289022891228922289322894228952289622897228982289922900229012290222903229042290522906229072290822909229102291122912229132291422915229162291722918229192292022921229222292322924229252292622927229282292922930229312293222933229342293522936229372293822939229402294122942229432294422945229462294722948229492295022951229522295322954229552295622957229582295922960229612296222963229642296522966229672296822969229702297122972229732297422975229762297722978229792298022981229822298322984229852298622987229882298922990229912299222993229942299522996229972299822999230002300123002230032300423005230062300723008230092301023011230122301323014230152301623017230182301923020230212302223023230242302523026230272302823029230302303123032230332303423035230362303723038230392304023041230422304323044230452304623047230482304923050230512305223053230542305523056230572305823059230602306123062230632306423065230662306723068 |
- /*
- * # Semantic UI - 2.3.0
- * https://github.com/Semantic-Org/Semantic-UI
- * http://www.semantic-ui.com/
- *
- * Copyright 2014 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- /*!
- * # Semantic UI 2.3.0 - Site
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- $.site = $.fn.site = function(parameters) {
- var
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.site.settings, parameters)
- : $.extend({}, $.site.settings),
- namespace = settings.namespace,
- error = settings.error,
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- $document = $(document),
- $module = $document,
- element = this,
- instance = $module.data(moduleNamespace),
- module,
- returnedValue
- ;
- module = {
- initialize: function() {
- module.instantiate();
- },
- instantiate: function() {
- module.verbose('Storing instance of site', module);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
- normalize: function() {
- module.fix.console();
- module.fix.requestAnimationFrame();
- },
- fix: {
- console: function() {
- module.debug('Normalizing window.console');
- if (console === undefined || console.log === undefined) {
- module.verbose('Console not available, normalizing events');
- module.disable.console();
- }
- if (typeof console.group == 'undefined' || typeof console.groupEnd == 'undefined' || typeof console.groupCollapsed == 'undefined') {
- module.verbose('Console group not available, normalizing events');
- window.console.group = function() {};
- window.console.groupEnd = function() {};
- window.console.groupCollapsed = function() {};
- }
- if (typeof console.markTimeline == 'undefined') {
- module.verbose('Mark timeline not available, normalizing events');
- window.console.markTimeline = function() {};
- }
- },
- consoleClear: function() {
- module.debug('Disabling programmatic console clearing');
- window.console.clear = function() {};
- },
- requestAnimationFrame: function() {
- module.debug('Normalizing requestAnimationFrame');
- if(window.requestAnimationFrame === undefined) {
- module.debug('RequestAnimationFrame not available, normalizing event');
- window.requestAnimationFrame = window.requestAnimationFrame
- || window.mozRequestAnimationFrame
- || window.webkitRequestAnimationFrame
- || window.msRequestAnimationFrame
- || function(callback) { setTimeout(callback, 0); }
- ;
- }
- }
- },
- moduleExists: function(name) {
- return ($.fn[name] !== undefined && $.fn[name].settings !== undefined);
- },
- enabled: {
- modules: function(modules) {
- var
- enabledModules = []
- ;
- modules = modules || settings.modules;
- $.each(modules, function(index, name) {
- if(module.moduleExists(name)) {
- enabledModules.push(name);
- }
- });
- return enabledModules;
- }
- },
- disabled: {
- modules: function(modules) {
- var
- disabledModules = []
- ;
- modules = modules || settings.modules;
- $.each(modules, function(index, name) {
- if(!module.moduleExists(name)) {
- disabledModules.push(name);
- }
- });
- return disabledModules;
- }
- },
- change: {
- setting: function(setting, value, modules, modifyExisting) {
- modules = (typeof modules === 'string')
- ? (modules === 'all')
- ? settings.modules
- : [modules]
- : modules || settings.modules
- ;
- modifyExisting = (modifyExisting !== undefined)
- ? modifyExisting
- : true
- ;
- $.each(modules, function(index, name) {
- var
- namespace = (module.moduleExists(name))
- ? $.fn[name].settings.namespace || false
- : true,
- $existingModules
- ;
- if(module.moduleExists(name)) {
- module.verbose('Changing default setting', setting, value, name);
- $.fn[name].settings[setting] = value;
- if(modifyExisting && namespace) {
- $existingModules = $(':data(module-' + namespace + ')');
- if($existingModules.length > 0) {
- module.verbose('Modifying existing settings', $existingModules);
- $existingModules[name]('setting', setting, value);
- }
- }
- }
- });
- },
- settings: function(newSettings, modules, modifyExisting) {
- modules = (typeof modules === 'string')
- ? [modules]
- : modules || settings.modules
- ;
- modifyExisting = (modifyExisting !== undefined)
- ? modifyExisting
- : true
- ;
- $.each(modules, function(index, name) {
- var
- $existingModules
- ;
- if(module.moduleExists(name)) {
- module.verbose('Changing default setting', newSettings, name);
- $.extend(true, $.fn[name].settings, newSettings);
- if(modifyExisting && namespace) {
- $existingModules = $(':data(module-' + namespace + ')');
- if($existingModules.length > 0) {
- module.verbose('Modifying existing settings', $existingModules);
- $existingModules[name]('setting', newSettings);
- }
- }
- }
- });
- }
- },
- enable: {
- console: function() {
- module.console(true);
- },
- debug: function(modules, modifyExisting) {
- modules = modules || settings.modules;
- module.debug('Enabling debug for modules', modules);
- module.change.setting('debug', true, modules, modifyExisting);
- },
- verbose: function(modules, modifyExisting) {
- modules = modules || settings.modules;
- module.debug('Enabling verbose debug for modules', modules);
- module.change.setting('verbose', true, modules, modifyExisting);
- }
- },
- disable: {
- console: function() {
- module.console(false);
- },
- debug: function(modules, modifyExisting) {
- modules = modules || settings.modules;
- module.debug('Disabling debug for modules', modules);
- module.change.setting('debug', false, modules, modifyExisting);
- },
- verbose: function(modules, modifyExisting) {
- modules = modules || settings.modules;
- module.debug('Disabling verbose debug for modules', modules);
- module.change.setting('verbose', false, modules, modifyExisting);
- }
- },
- console: function(enable) {
- if(enable) {
- if(instance.cache.console === undefined) {
- module.error(error.console);
- return;
- }
- module.debug('Restoring console function');
- window.console = instance.cache.console;
- }
- else {
- module.debug('Disabling console function');
- instance.cache.console = window.console;
- window.console = {
- clear : function(){},
- error : function(){},
- group : function(){},
- groupCollapsed : function(){},
- groupEnd : function(){},
- info : function(){},
- log : function(){},
- markTimeline : function(){},
- warn : function(){}
- };
- }
- },
- destroy: function() {
- module.verbose('Destroying previous site for', $module);
- $module
- .removeData(moduleNamespace)
- ;
- },
- cache: {},
- setting: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- settings[name] = value;
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Element' : element,
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- module.error(error.method, query);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- module.destroy();
- }
- module.initialize();
- }
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.site.settings = {
- name : 'Site',
- namespace : 'site',
- error : {
- console : 'Console cannot be restored, most likely it was overwritten outside of module',
- method : 'The method you called is not defined.'
- },
- debug : false,
- verbose : false,
- performance : true,
- modules: [
- 'accordion',
- 'api',
- 'checkbox',
- 'dimmer',
- 'dropdown',
- 'embed',
- 'form',
- 'modal',
- 'nag',
- 'popup',
- 'rating',
- 'shape',
- 'sidebar',
- 'state',
- 'sticky',
- 'tab',
- 'transition',
- 'visit',
- 'visibility'
- ],
- siteNamespace : 'site',
- namespaceStub : {
- cache : {},
- config : {},
- sections : {},
- section : {},
- utilities : {}
- }
- };
- // allows for selection of elements with data attributes
- $.extend($.expr[ ":" ], {
- data: ($.expr.createPseudo)
- ? $.expr.createPseudo(function(dataName) {
- return function(elem) {
- return !!$.data(elem, dataName);
- };
- })
- : function(elem, i, match) {
- // support: jQuery < 1.8
- return !!$.data(elem, match[ 3 ]);
- }
- });
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Form Validation
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.form = function(parameters) {
- var
- $allModules = $(this),
- moduleSelector = $allModules.selector || '',
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- legacyParameters = arguments[1],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- returnedValue
- ;
- $allModules
- .each(function() {
- var
- $module = $(this),
- element = this,
- formErrors = [],
- keyHeldDown = false,
- // set at run-time
- $field,
- $group,
- $message,
- $prompt,
- $submit,
- $clear,
- $reset,
- settings,
- validation,
- metadata,
- selector,
- className,
- regExp,
- error,
- namespace,
- moduleNamespace,
- eventNamespace,
- instance,
- module
- ;
- module = {
- initialize: function() {
- // settings grabbed at run time
- module.get.settings();
- if(methodInvoked) {
- if(instance === undefined) {
- module.instantiate();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.verbose('Initializing form validation', $module, settings);
- module.bindEvents();
- module.set.defaults();
- module.instantiate();
- }
- },
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
- destroy: function() {
- module.verbose('Destroying previous module', instance);
- module.removeEvents();
- $module
- .removeData(moduleNamespace)
- ;
- },
- refresh: function() {
- module.verbose('Refreshing selector cache');
- $field = $module.find(selector.field);
- $group = $module.find(selector.group);
- $message = $module.find(selector.message);
- $prompt = $module.find(selector.prompt);
- $submit = $module.find(selector.submit);
- $clear = $module.find(selector.clear);
- $reset = $module.find(selector.reset);
- },
- submit: function() {
- module.verbose('Submitting form', $module);
- $module
- .submit()
- ;
- },
- attachEvents: function(selector, action) {
- action = action || 'submit';
- $(selector)
- .on('click' + eventNamespace, function(event) {
- module[action]();
- event.preventDefault();
- })
- ;
- },
- bindEvents: function() {
- module.verbose('Attaching form events');
- $module
- .on('submit' + eventNamespace, module.validate.form)
- .on('blur' + eventNamespace, selector.field, module.event.field.blur)
- .on('click' + eventNamespace, selector.submit, module.submit)
- .on('click' + eventNamespace, selector.reset, module.reset)
- .on('click' + eventNamespace, selector.clear, module.clear)
- ;
- if(settings.keyboardShortcuts) {
- $module
- .on('keydown' + eventNamespace, selector.field, module.event.field.keydown)
- ;
- }
- $field
- .each(function() {
- var
- $input = $(this),
- type = $input.prop('type'),
- inputEvent = module.get.changeEvent(type, $input)
- ;
- $(this)
- .on(inputEvent + eventNamespace, module.event.field.change)
- ;
- })
- ;
- },
- clear: function() {
- $field
- .each(function () {
- var
- $field = $(this),
- $element = $field.parent(),
- $fieldGroup = $field.closest($group),
- $prompt = $fieldGroup.find(selector.prompt),
- defaultValue = $field.data(metadata.defaultValue) || '',
- isCheckbox = $element.is(selector.uiCheckbox),
- isDropdown = $element.is(selector.uiDropdown),
- isErrored = $fieldGroup.hasClass(className.error)
- ;
- if(isErrored) {
- module.verbose('Resetting error on field', $fieldGroup);
- $fieldGroup.removeClass(className.error);
- $prompt.remove();
- }
- if(isDropdown) {
- module.verbose('Resetting dropdown value', $element, defaultValue);
- $element.dropdown('clear');
- }
- else if(isCheckbox) {
- $field.prop('checked', false);
- }
- else {
- module.verbose('Resetting field value', $field, defaultValue);
- $field.val('');
- }
- })
- ;
- },
- reset: function() {
- $field
- .each(function () {
- var
- $field = $(this),
- $element = $field.parent(),
- $fieldGroup = $field.closest($group),
- $prompt = $fieldGroup.find(selector.prompt),
- defaultValue = $field.data(metadata.defaultValue),
- isCheckbox = $element.is(selector.uiCheckbox),
- isDropdown = $element.is(selector.uiDropdown),
- isErrored = $fieldGroup.hasClass(className.error)
- ;
- if(defaultValue === undefined) {
- return;
- }
- if(isErrored) {
- module.verbose('Resetting error on field', $fieldGroup);
- $fieldGroup.removeClass(className.error);
- $prompt.remove();
- }
- if(isDropdown) {
- module.verbose('Resetting dropdown value', $element, defaultValue);
- $element.dropdown('restore defaults');
- }
- else if(isCheckbox) {
- module.verbose('Resetting checkbox value', $element, defaultValue);
- $field.prop('checked', defaultValue);
- }
- else {
- module.verbose('Resetting field value', $field, defaultValue);
- $field.val(defaultValue);
- }
- })
- ;
- },
- determine: {
- isValid: function() {
- var
- allValid = true
- ;
- $.each(validation, function(fieldName, field) {
- if( !( module.validate.field(field, fieldName, true) ) ) {
- allValid = false;
- }
- });
- return allValid;
- }
- },
- is: {
- bracketedRule: function(rule) {
- return (rule.type && rule.type.match(settings.regExp.bracket));
- },
- shorthandFields: function(fields) {
- var
- fieldKeys = Object.keys(fields),
- firstRule = fields[fieldKeys[0]]
- ;
- return module.is.shorthandRules(firstRule);
- },
- // duck type rule test
- shorthandRules: function(rules) {
- return (typeof rules == 'string' || $.isArray(rules));
- },
- empty: function($field) {
- if(!$field || $field.length === 0) {
- return true;
- }
- else if($field.is('input[type="checkbox"]')) {
- return !$field.is(':checked');
- }
- else {
- return module.is.blank($field);
- }
- },
- blank: function($field) {
- return $.trim($field.val()) === '';
- },
- valid: function(field) {
- var
- allValid = true
- ;
- if(field) {
- module.verbose('Checking if field is valid', field);
- return module.validate.field(validation[field], field, false);
- }
- else {
- module.verbose('Checking if form is valid');
- $.each(validation, function(fieldName, field) {
- if( !module.is.valid(fieldName) ) {
- allValid = false;
- }
- });
- return allValid;
- }
- }
- },
- removeEvents: function() {
- $module
- .off(eventNamespace)
- ;
- $field
- .off(eventNamespace)
- ;
- $submit
- .off(eventNamespace)
- ;
- $field
- .off(eventNamespace)
- ;
- },
- event: {
- field: {
- keydown: function(event) {
- var
- $field = $(this),
- key = event.which,
- isInput = $field.is(selector.input),
- isCheckbox = $field.is(selector.checkbox),
- isInDropdown = ($field.closest(selector.uiDropdown).length > 0),
- keyCode = {
- enter : 13,
- escape : 27
- }
- ;
- if( key == keyCode.escape) {
- module.verbose('Escape key pressed blurring field');
- $field
- .blur()
- ;
- }
- if(!event.ctrlKey && key == keyCode.enter && isInput && !isInDropdown && !isCheckbox) {
- if(!keyHeldDown) {
- $field
- .one('keyup' + eventNamespace, module.event.field.keyup)
- ;
- module.submit();
- module.debug('Enter pressed on input submitting form');
- }
- keyHeldDown = true;
- }
- },
- keyup: function() {
- keyHeldDown = false;
- },
- blur: function(event) {
- var
- $field = $(this),
- $fieldGroup = $field.closest($group),
- validationRules = module.get.validation($field)
- ;
- if( $fieldGroup.hasClass(className.error) ) {
- module.debug('Revalidating field', $field, validationRules);
- if(validationRules) {
- module.validate.field( validationRules );
- }
- }
- else if(settings.on == 'blur') {
- if(validationRules) {
- module.validate.field( validationRules );
- }
- }
- },
- change: function(event) {
- var
- $field = $(this),
- $fieldGroup = $field.closest($group),
- validationRules = module.get.validation($field)
- ;
- if(validationRules && (settings.on == 'change' || ( $fieldGroup.hasClass(className.error) && settings.revalidate) )) {
- clearTimeout(module.timer);
- module.timer = setTimeout(function() {
- module.debug('Revalidating field', $field, module.get.validation($field));
- module.validate.field( validationRules );
- }, settings.delay);
- }
- }
- }
- },
- get: {
- ancillaryValue: function(rule) {
- if(!rule.type || (!rule.value && !module.is.bracketedRule(rule))) {
- return false;
- }
- return (rule.value !== undefined)
- ? rule.value
- : rule.type.match(settings.regExp.bracket)[1] + ''
- ;
- },
- ruleName: function(rule) {
- if( module.is.bracketedRule(rule) ) {
- return rule.type.replace(rule.type.match(settings.regExp.bracket)[0], '');
- }
- return rule.type;
- },
- changeEvent: function(type, $input) {
- if(type == 'checkbox' || type == 'radio' || type == 'hidden' || $input.is('select')) {
- return 'change';
- }
- else {
- return module.get.inputEvent();
- }
- },
- inputEvent: function() {
- return (document.createElement('input').oninput !== undefined)
- ? 'input'
- : (document.createElement('input').onpropertychange !== undefined)
- ? 'propertychange'
- : 'keyup'
- ;
- },
- fieldsFromShorthand: function(fields) {
- var
- fullFields = {}
- ;
- $.each(fields, function(name, rules) {
- if(typeof rules == 'string') {
- rules = [rules];
- }
- fullFields[name] = {
- rules: []
- };
- $.each(rules, function(index, rule) {
- fullFields[name].rules.push({ type: rule });
- });
- });
- return fullFields;
- },
- prompt: function(rule, field) {
- var
- ruleName = module.get.ruleName(rule),
- ancillary = module.get.ancillaryValue(rule),
- prompt = rule.prompt || settings.prompt[ruleName] || settings.text.unspecifiedRule,
- requiresValue = (prompt.search('{value}') !== -1),
- requiresName = (prompt.search('{name}') !== -1),
- $label,
- $field,
- name
- ;
- if(requiresName || requiresValue) {
- $field = module.get.field(field.identifier);
- }
- if(requiresValue) {
- prompt = prompt.replace('{value}', $field.val());
- }
- if(requiresName) {
- $label = $field.closest(selector.group).find('label').eq(0);
- name = ($label.length == 1)
- ? $label.text()
- : $field.prop('placeholder') || settings.text.unspecifiedField
- ;
- prompt = prompt.replace('{name}', name);
- }
- prompt = prompt.replace('{identifier}', field.identifier);
- prompt = prompt.replace('{ruleValue}', ancillary);
- if(!rule.prompt) {
- module.verbose('Using default validation prompt for type', prompt, ruleName);
- }
- return prompt;
- },
- settings: function() {
- if($.isPlainObject(parameters)) {
- var
- keys = Object.keys(parameters),
- isLegacySettings = (keys.length > 0)
- ? (parameters[keys[0]].identifier !== undefined && parameters[keys[0]].rules !== undefined)
- : false,
- ruleKeys
- ;
- if(isLegacySettings) {
- // 1.x (ducktyped)
- settings = $.extend(true, {}, $.fn.form.settings, legacyParameters);
- validation = $.extend({}, $.fn.form.settings.defaults, parameters);
- module.error(settings.error.oldSyntax, element);
- module.verbose('Extending settings from legacy parameters', validation, settings);
- }
- else {
- // 2.x
- if(parameters.fields && module.is.shorthandFields(parameters.fields)) {
- parameters.fields = module.get.fieldsFromShorthand(parameters.fields);
- }
- settings = $.extend(true, {}, $.fn.form.settings, parameters);
- validation = $.extend({}, $.fn.form.settings.defaults, settings.fields);
- module.verbose('Extending settings', validation, settings);
- }
- }
- else {
- settings = $.fn.form.settings;
- validation = $.fn.form.settings.defaults;
- module.verbose('Using default form validation', validation, settings);
- }
- // shorthand
- namespace = settings.namespace;
- metadata = settings.metadata;
- selector = settings.selector;
- className = settings.className;
- regExp = settings.regExp;
- error = settings.error;
- moduleNamespace = 'module-' + namespace;
- eventNamespace = '.' + namespace;
- // grab instance
- instance = $module.data(moduleNamespace);
- // refresh selector cache
- module.refresh();
- },
- field: function(identifier) {
- module.verbose('Finding field with identifier', identifier);
- identifier = module.escape.string(identifier);
- if($field.filter('#' + identifier).length > 0 ) {
- return $field.filter('#' + identifier);
- }
- else if( $field.filter('[name="' + identifier +'"]').length > 0 ) {
- return $field.filter('[name="' + identifier +'"]');
- }
- else if( $field.filter('[name="' + identifier +'[]"]').length > 0 ) {
- return $field.filter('[name="' + identifier +'[]"]');
- }
- else if( $field.filter('[data-' + metadata.validate + '="'+ identifier +'"]').length > 0 ) {
- return $field.filter('[data-' + metadata.validate + '="'+ identifier +'"]');
- }
- return $('<input/>');
- },
- fields: function(fields) {
- var
- $fields = $()
- ;
- $.each(fields, function(index, name) {
- $fields = $fields.add( module.get.field(name) );
- });
- return $fields;
- },
- validation: function($field) {
- var
- fieldValidation,
- identifier
- ;
- if(!validation) {
- return false;
- }
- $.each(validation, function(fieldName, field) {
- identifier = field.identifier || fieldName;
- if( module.get.field(identifier)[0] == $field[0] ) {
- field.identifier = identifier;
- fieldValidation = field;
- }
- });
- return fieldValidation || false;
- },
- value: function (field) {
- var
- fields = [],
- results
- ;
- fields.push(field);
- results = module.get.values.call(element, fields);
- return results[field];
- },
- values: function (fields) {
- var
- $fields = $.isArray(fields)
- ? module.get.fields(fields)
- : $field,
- values = {}
- ;
- $fields.each(function(index, field) {
- var
- $field = $(field),
- type = $field.prop('type'),
- name = $field.prop('name'),
- value = $field.val(),
- isCheckbox = $field.is(selector.checkbox),
- isRadio = $field.is(selector.radio),
- isMultiple = (name.indexOf('[]') !== -1),
- isChecked = (isCheckbox)
- ? $field.is(':checked')
- : false
- ;
- if(name) {
- if(isMultiple) {
- name = name.replace('[]', '');
- if(!values[name]) {
- values[name] = [];
- }
- if(isCheckbox) {
- if(isChecked) {
- values[name].push(value || true);
- }
- else {
- values[name].push(false);
- }
- }
- else {
- values[name].push(value);
- }
- }
- else {
- if(isRadio) {
- if(values[name] === undefined || values[name] == false) {
- values[name] = (isChecked)
- ? value || true
- : false
- ;
- }
- }
- else if(isCheckbox) {
- if(isChecked) {
- values[name] = value || true;
- }
- else {
- values[name] = false;
- }
- }
- else {
- values[name] = value;
- }
- }
- }
- });
- return values;
- }
- },
- has: {
- field: function(identifier) {
- module.verbose('Checking for existence of a field with identifier', identifier);
- identifier = module.escape.string(identifier);
- if(typeof identifier !== 'string') {
- module.error(error.identifier, identifier);
- }
- if($field.filter('#' + identifier).length > 0 ) {
- return true;
- }
- else if( $field.filter('[name="' + identifier +'"]').length > 0 ) {
- return true;
- }
- else if( $field.filter('[data-' + metadata.validate + '="'+ identifier +'"]').length > 0 ) {
- return true;
- }
- return false;
- }
- },
- escape: {
- string: function(text) {
- text = String(text);
- return text.replace(regExp.escape, '\\$&');
- }
- },
- add: {
- // alias
- rule: function(name, rules) {
- module.add.field(name, rules);
- },
- field: function(name, rules) {
- var
- newValidation = {}
- ;
- if(module.is.shorthandRules(rules)) {
- rules = $.isArray(rules)
- ? rules
- : [rules]
- ;
- newValidation[name] = {
- rules: []
- };
- $.each(rules, function(index, rule) {
- newValidation[name].rules.push({ type: rule });
- });
- }
- else {
- newValidation[name] = rules;
- }
- validation = $.extend({}, validation, newValidation);
- module.debug('Adding rules', newValidation, validation);
- },
- fields: function(fields) {
- var
- newValidation
- ;
- if(fields && module.is.shorthandFields(fields)) {
- newValidation = module.get.fieldsFromShorthand(fields);
- }
- else {
- newValidation = fields;
- }
- validation = $.extend({}, validation, newValidation);
- },
- prompt: function(identifier, errors) {
- var
- $field = module.get.field(identifier),
- $fieldGroup = $field.closest($group),
- $prompt = $fieldGroup.children(selector.prompt),
- promptExists = ($prompt.length !== 0)
- ;
- errors = (typeof errors == 'string')
- ? [errors]
- : errors
- ;
- module.verbose('Adding field error state', identifier);
- $fieldGroup
- .addClass(className.error)
- ;
- if(settings.inline) {
- if(!promptExists) {
- $prompt = settings.templates.prompt(errors);
- $prompt
- .appendTo($fieldGroup)
- ;
- }
- $prompt
- .html(errors[0])
- ;
- if(!promptExists) {
- if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
- module.verbose('Displaying error with css transition', settings.transition);
- $prompt.transition(settings.transition + ' in', settings.duration);
- }
- else {
- module.verbose('Displaying error with fallback javascript animation');
- $prompt
- .fadeIn(settings.duration)
- ;
- }
- }
- else {
- module.verbose('Inline errors are disabled, no inline error added', identifier);
- }
- }
- },
- errors: function(errors) {
- module.debug('Adding form error messages', errors);
- module.set.error();
- $message
- .html( settings.templates.error(errors) )
- ;
- }
- },
- remove: {
- rule: function(field, rule) {
- var
- rules = $.isArray(rule)
- ? rule
- : [rule]
- ;
- if(rule == undefined) {
- module.debug('Removed all rules');
- validation[field].rules = [];
- return;
- }
- if(validation[field] == undefined || !$.isArray(validation[field].rules)) {
- return;
- }
- $.each(validation[field].rules, function(index, rule) {
- if(rules.indexOf(rule.type) !== -1) {
- module.debug('Removed rule', rule.type);
- validation[field].rules.splice(index, 1);
- }
- });
- },
- field: function(field) {
- var
- fields = $.isArray(field)
- ? field
- : [field]
- ;
- $.each(fields, function(index, field) {
- module.remove.rule(field);
- });
- },
- // alias
- rules: function(field, rules) {
- if($.isArray(field)) {
- $.each(fields, function(index, field) {
- module.remove.rule(field, rules);
- });
- }
- else {
- module.remove.rule(field, rules);
- }
- },
- fields: function(fields) {
- module.remove.field(fields);
- },
- prompt: function(identifier) {
- var
- $field = module.get.field(identifier),
- $fieldGroup = $field.closest($group),
- $prompt = $fieldGroup.children(selector.prompt)
- ;
- $fieldGroup
- .removeClass(className.error)
- ;
- if(settings.inline && $prompt.is(':visible')) {
- module.verbose('Removing prompt for field', identifier);
- if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
- $prompt.transition(settings.transition + ' out', settings.duration, function() {
- $prompt.remove();
- });
- }
- else {
- $prompt
- .fadeOut(settings.duration, function(){
- $prompt.remove();
- })
- ;
- }
- }
- }
- },
- set: {
- success: function() {
- $module
- .removeClass(className.error)
- .addClass(className.success)
- ;
- },
- defaults: function () {
- $field
- .each(function () {
- var
- $field = $(this),
- isCheckbox = ($field.filter(selector.checkbox).length > 0),
- value = (isCheckbox)
- ? $field.is(':checked')
- : $field.val()
- ;
- $field.data(metadata.defaultValue, value);
- })
- ;
- },
- error: function() {
- $module
- .removeClass(className.success)
- .addClass(className.error)
- ;
- },
- value: function (field, value) {
- var
- fields = {}
- ;
- fields[field] = value;
- return module.set.values.call(element, fields);
- },
- values: function (fields) {
- if($.isEmptyObject(fields)) {
- return;
- }
- $.each(fields, function(key, value) {
- var
- $field = module.get.field(key),
- $element = $field.parent(),
- isMultiple = $.isArray(value),
- isCheckbox = $element.is(selector.uiCheckbox),
- isDropdown = $element.is(selector.uiDropdown),
- isRadio = ($field.is(selector.radio) && isCheckbox),
- fieldExists = ($field.length > 0),
- $multipleField
- ;
- if(fieldExists) {
- if(isMultiple && isCheckbox) {
- module.verbose('Selecting multiple', value, $field);
- $element.checkbox('uncheck');
- $.each(value, function(index, value) {
- $multipleField = $field.filter('[value="' + value + '"]');
- $element = $multipleField.parent();
- if($multipleField.length > 0) {
- $element.checkbox('check');
- }
- });
- }
- else if(isRadio) {
- module.verbose('Selecting radio value', value, $field);
- $field.filter('[value="' + value + '"]')
- .parent(selector.uiCheckbox)
- .checkbox('check')
- ;
- }
- else if(isCheckbox) {
- module.verbose('Setting checkbox value', value, $element);
- if(value === true) {
- $element.checkbox('check');
- }
- else {
- $element.checkbox('uncheck');
- }
- }
- else if(isDropdown) {
- module.verbose('Setting dropdown value', value, $element);
- $element.dropdown('set selected', value);
- }
- else {
- module.verbose('Setting field value', value, $field);
- $field.val(value);
- }
- }
- });
- }
- },
- validate: {
- form: function(event, ignoreCallbacks) {
- var
- values = module.get.values(),
- apiRequest
- ;
- // input keydown event will fire submit repeatedly by browser default
- if(keyHeldDown) {
- return false;
- }
- // reset errors
- formErrors = [];
- if( module.determine.isValid() ) {
- module.debug('Form has no validation errors, submitting');
- module.set.success();
- if(ignoreCallbacks !== true) {
- return settings.onSuccess.call(element, event, values);
- }
- }
- else {
- module.debug('Form has errors');
- module.set.error();
- if(!settings.inline) {
- module.add.errors(formErrors);
- }
- // prevent ajax submit
- if($module.data('moduleApi') !== undefined) {
- event.stopImmediatePropagation();
- }
- if(ignoreCallbacks !== true) {
- return settings.onFailure.call(element, formErrors, values);
- }
- }
- },
- // takes a validation object and returns whether field passes validation
- field: function(field, fieldName, showErrors) {
- showErrors = (showErrors !== undefined)
- ? showErrors
- : true
- ;
- if(typeof field == 'string') {
- module.verbose('Validating field', field);
- fieldName = field;
- field = validation[field];
- }
- var
- identifier = field.identifier || fieldName,
- $field = module.get.field(identifier),
- $dependsField = (field.depends)
- ? module.get.field(field.depends)
- : false,
- fieldValid = true,
- fieldErrors = []
- ;
- if(!field.identifier) {
- module.debug('Using field name as identifier', identifier);
- field.identifier = identifier;
- }
- if($field.prop('disabled')) {
- module.debug('Field is disabled. Skipping', identifier);
- fieldValid = true;
- }
- else if(field.optional && module.is.blank($field)){
- module.debug('Field is optional and blank. Skipping', identifier);
- fieldValid = true;
- }
- else if(field.depends && module.is.empty($dependsField)) {
- module.debug('Field depends on another value that is not present or empty. Skipping', $dependsField);
- fieldValid = true;
- }
- else if(field.rules !== undefined) {
- $.each(field.rules, function(index, rule) {
- if( module.has.field(identifier) && !( module.validate.rule(field, rule) ) ) {
- module.debug('Field is invalid', identifier, rule.type);
- fieldErrors.push(module.get.prompt(rule, field));
- fieldValid = false;
- }
- });
- }
- if(fieldValid) {
- if(showErrors) {
- module.remove.prompt(identifier, fieldErrors);
- settings.onValid.call($field);
- }
- }
- else {
- if(showErrors) {
- formErrors = formErrors.concat(fieldErrors);
- module.add.prompt(identifier, fieldErrors);
- settings.onInvalid.call($field, fieldErrors);
- }
- return false;
- }
- return true;
- },
- // takes validation rule and returns whether field passes rule
- rule: function(field, rule) {
- var
- $field = module.get.field(field.identifier),
- type = rule.type,
- value = $field.val(),
- isValid = true,
- ancillary = module.get.ancillaryValue(rule),
- ruleName = module.get.ruleName(rule),
- ruleFunction = settings.rules[ruleName]
- ;
- if( !$.isFunction(ruleFunction) ) {
- module.error(error.noRule, ruleName);
- return;
- }
- // cast to string avoiding encoding special values
- value = (value === undefined || value === '' || value === null)
- ? ''
- : $.trim(value + '')
- ;
- return ruleFunction.call($field, value, ancillary);
- }
- },
- setting: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- settings[name] = value;
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if($allModules.length > 1) {
- title += ' ' + '(' + $allModules.length + ')';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- return false;
- }
- });
- }
- if( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- module.initialize();
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.fn.form.settings = {
- name : 'Form',
- namespace : 'form',
- debug : false,
- verbose : false,
- performance : true,
- fields : false,
- keyboardShortcuts : true,
- on : 'submit',
- inline : false,
- delay : 200,
- revalidate : true,
- transition : 'scale',
- duration : 200,
- onValid : function() {},
- onInvalid : function() {},
- onSuccess : function() { return true; },
- onFailure : function() { return false; },
- metadata : {
- defaultValue : 'default',
- validate : 'validate'
- },
- regExp: {
- htmlID : /^[a-zA-Z][\w:.-]*$/g,
- bracket : /\[(.*)\]/i,
- decimal : /^\d+\.?\d*$/,
- email : /^[a-z0-9!#$%&'*+\/=?^_`{|}~.-]+@[a-z0-9]([a-z0-9-]*[a-z0-9])?(\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)*$/i,
- escape : /[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,
- flags : /^\/(.*)\/(.*)?/,
- integer : /^\-?\d+$/,
- number : /^\-?\d*(\.\d+)?$/,
- url : /(https?:\/\/(?:www\.|(?!www))[^\s\.]+\.[^\s]{2,}|www\.[^\s]+\.[^\s]{2,})/i
- },
- text: {
- unspecifiedRule : 'Please enter a valid value',
- unspecifiedField : 'This field'
- },
- prompt: {
- empty : '{name} must have a value',
- checked : '{name} must be checked',
- email : '{name} must be a valid e-mail',
- url : '{name} must be a valid url',
- regExp : '{name} is not formatted correctly',
- integer : '{name} must be an integer',
- decimal : '{name} must be a decimal number',
- number : '{name} must be set to a number',
- is : '{name} must be "{ruleValue}"',
- isExactly : '{name} must be exactly "{ruleValue}"',
- not : '{name} cannot be set to "{ruleValue}"',
- notExactly : '{name} cannot be set to exactly "{ruleValue}"',
- contain : '{name} must contain "{ruleValue}"',
- containExactly : '{name} must contain exactly "{ruleValue}"',
- doesntContain : '{name} cannot contain "{ruleValue}"',
- doesntContainExactly : '{name} cannot contain exactly "{ruleValue}"',
- minLength : '{name} must be at least {ruleValue} characters',
- length : '{name} must be at least {ruleValue} characters',
- exactLength : '{name} must be exactly {ruleValue} characters',
- maxLength : '{name} cannot be longer than {ruleValue} characters',
- match : '{name} must match {ruleValue} field',
- different : '{name} must have a different value than {ruleValue} field',
- creditCard : '{name} must be a valid credit card number',
- minCount : '{name} must have at least {ruleValue} choices',
- exactCount : '{name} must have exactly {ruleValue} choices',
- maxCount : '{name} must have {ruleValue} or less choices'
- },
- selector : {
- checkbox : 'input[type="checkbox"], input[type="radio"]',
- clear : '.clear',
- field : 'input, textarea, select',
- group : '.field',
- input : 'input',
- message : '.error.message',
- prompt : '.prompt.label',
- radio : 'input[type="radio"]',
- reset : '.reset:not([type="reset"])',
- submit : '.submit:not([type="submit"])',
- uiCheckbox : '.ui.checkbox',
- uiDropdown : '.ui.dropdown'
- },
- className : {
- error : 'error',
- label : 'ui prompt label',
- pressed : 'down',
- success : 'success'
- },
- error: {
- identifier : 'You must specify a string identifier for each field',
- method : 'The method you called is not defined.',
- noRule : 'There is no rule matching the one you specified',
- oldSyntax : 'Starting in 2.0 forms now only take a single settings object. Validation settings converted to new syntax automatically.'
- },
- templates: {
- // template that produces error message
- error: function(errors) {
- var
- html = '<ul class="list">'
- ;
- $.each(errors, function(index, value) {
- html += '<li>' + value + '</li>';
- });
- html += '</ul>';
- return $(html);
- },
- // template that produces label
- prompt: function(errors) {
- return $('<div/>')
- .addClass('ui basic red pointing prompt label')
- .html(errors[0])
- ;
- }
- },
- rules: {
- // is not empty or blank string
- empty: function(value) {
- return !(value === undefined || '' === value || $.isArray(value) && value.length === 0);
- },
- // checkbox checked
- checked: function() {
- return ($(this).filter(':checked').length > 0);
- },
- // is most likely an email
- email: function(value){
- return $.fn.form.settings.regExp.email.test(value);
- },
- // value is most likely url
- url: function(value) {
- return $.fn.form.settings.regExp.url.test(value);
- },
- // matches specified regExp
- regExp: function(value, regExp) {
- if(regExp instanceof RegExp) {
- return value.match(regExp);
- }
- var
- regExpParts = regExp.match($.fn.form.settings.regExp.flags),
- flags
- ;
- // regular expression specified as /baz/gi (flags)
- if(regExpParts) {
- regExp = (regExpParts.length >= 2)
- ? regExpParts[1]
- : regExp
- ;
- flags = (regExpParts.length >= 3)
- ? regExpParts[2]
- : ''
- ;
- }
- return value.match( new RegExp(regExp, flags) );
- },
- // is valid integer or matches range
- integer: function(value, range) {
- var
- intRegExp = $.fn.form.settings.regExp.integer,
- min,
- max,
- parts
- ;
- if( !range || ['', '..'].indexOf(range) !== -1) {
- // do nothing
- }
- else if(range.indexOf('..') == -1) {
- if(intRegExp.test(range)) {
- min = max = range - 0;
- }
- }
- else {
- parts = range.split('..', 2);
- if(intRegExp.test(parts[0])) {
- min = parts[0] - 0;
- }
- if(intRegExp.test(parts[1])) {
- max = parts[1] - 0;
- }
- }
- return (
- intRegExp.test(value) &&
- (min === undefined || value >= min) &&
- (max === undefined || value <= max)
- );
- },
- // is valid number (with decimal)
- decimal: function(value) {
- return $.fn.form.settings.regExp.decimal.test(value);
- },
- // is valid number
- number: function(value) {
- return $.fn.form.settings.regExp.number.test(value);
- },
- // is value (case insensitive)
- is: function(value, text) {
- text = (typeof text == 'string')
- ? text.toLowerCase()
- : text
- ;
- value = (typeof value == 'string')
- ? value.toLowerCase()
- : value
- ;
- return (value == text);
- },
- // is value
- isExactly: function(value, text) {
- return (value == text);
- },
- // value is not another value (case insensitive)
- not: function(value, notValue) {
- value = (typeof value == 'string')
- ? value.toLowerCase()
- : value
- ;
- notValue = (typeof notValue == 'string')
- ? notValue.toLowerCase()
- : notValue
- ;
- return (value != notValue);
- },
- // value is not another value (case sensitive)
- notExactly: function(value, notValue) {
- return (value != notValue);
- },
- // value contains text (insensitive)
- contains: function(value, text) {
- // escape regex characters
- text = text.replace($.fn.form.settings.regExp.escape, "\\$&");
- return (value.search( new RegExp(text, 'i') ) !== -1);
- },
- // value contains text (case sensitive)
- containsExactly: function(value, text) {
- // escape regex characters
- text = text.replace($.fn.form.settings.regExp.escape, "\\$&");
- return (value.search( new RegExp(text) ) !== -1);
- },
- // value contains text (insensitive)
- doesntContain: function(value, text) {
- // escape regex characters
- text = text.replace($.fn.form.settings.regExp.escape, "\\$&");
- return (value.search( new RegExp(text, 'i') ) === -1);
- },
- // value contains text (case sensitive)
- doesntContainExactly: function(value, text) {
- // escape regex characters
- text = text.replace($.fn.form.settings.regExp.escape, "\\$&");
- return (value.search( new RegExp(text) ) === -1);
- },
- // is at least string length
- minLength: function(value, requiredLength) {
- return (value !== undefined)
- ? (value.length >= requiredLength)
- : false
- ;
- },
- // see rls notes for 2.0.6 (this is a duplicate of minLength)
- length: function(value, requiredLength) {
- return (value !== undefined)
- ? (value.length >= requiredLength)
- : false
- ;
- },
- // is exactly length
- exactLength: function(value, requiredLength) {
- return (value !== undefined)
- ? (value.length == requiredLength)
- : false
- ;
- },
- // is less than length
- maxLength: function(value, maxLength) {
- return (value !== undefined)
- ? (value.length <= maxLength)
- : false
- ;
- },
- // matches another field
- match: function(value, identifier) {
- var
- $form = $(this),
- matchingValue
- ;
- if( $('[data-validate="'+ identifier +'"]').length > 0 ) {
- matchingValue = $('[data-validate="'+ identifier +'"]').val();
- }
- else if($('#' + identifier).length > 0) {
- matchingValue = $('#' + identifier).val();
- }
- else if($('[name="' + identifier +'"]').length > 0) {
- matchingValue = $('[name="' + identifier + '"]').val();
- }
- else if( $('[name="' + identifier +'[]"]').length > 0 ) {
- matchingValue = $('[name="' + identifier +'[]"]');
- }
- return (matchingValue !== undefined)
- ? ( value.toString() == matchingValue.toString() )
- : false
- ;
- },
- // different than another field
- different: function(value, identifier) {
- // use either id or name of field
- var
- $form = $(this),
- matchingValue
- ;
- if( $('[data-validate="'+ identifier +'"]').length > 0 ) {
- matchingValue = $('[data-validate="'+ identifier +'"]').val();
- }
- else if($('#' + identifier).length > 0) {
- matchingValue = $('#' + identifier).val();
- }
- else if($('[name="' + identifier +'"]').length > 0) {
- matchingValue = $('[name="' + identifier + '"]').val();
- }
- else if( $('[name="' + identifier +'[]"]').length > 0 ) {
- matchingValue = $('[name="' + identifier +'[]"]');
- }
- return (matchingValue !== undefined)
- ? ( value.toString() !== matchingValue.toString() )
- : false
- ;
- },
- creditCard: function(cardNumber, cardTypes) {
- var
- cards = {
- visa: {
- pattern : /^4/,
- length : [16]
- },
- amex: {
- pattern : /^3[47]/,
- length : [15]
- },
- mastercard: {
- pattern : /^5[1-5]/,
- length : [16]
- },
- discover: {
- pattern : /^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)/,
- length : [16]
- },
- unionPay: {
- pattern : /^(62|88)/,
- length : [16, 17, 18, 19]
- },
- jcb: {
- pattern : /^35(2[89]|[3-8][0-9])/,
- length : [16]
- },
- maestro: {
- pattern : /^(5018|5020|5038|6304|6759|676[1-3])/,
- length : [12, 13, 14, 15, 16, 17, 18, 19]
- },
- dinersClub: {
- pattern : /^(30[0-5]|^36)/,
- length : [14]
- },
- laser: {
- pattern : /^(6304|670[69]|6771)/,
- length : [16, 17, 18, 19]
- },
- visaElectron: {
- pattern : /^(4026|417500|4508|4844|491(3|7))/,
- length : [16]
- }
- },
- valid = {},
- validCard = false,
- requiredTypes = (typeof cardTypes == 'string')
- ? cardTypes.split(',')
- : false,
- unionPay,
- validation
- ;
- if(typeof cardNumber !== 'string' || cardNumber.length === 0) {
- return;
- }
- // allow dashes in card
- cardNumber = cardNumber.replace(/[\-]/g, '');
- // verify card types
- if(requiredTypes) {
- $.each(requiredTypes, function(index, type){
- // verify each card type
- validation = cards[type];
- if(validation) {
- valid = {
- length : ($.inArray(cardNumber.length, validation.length) !== -1),
- pattern : (cardNumber.search(validation.pattern) !== -1)
- };
- if(valid.length && valid.pattern) {
- validCard = true;
- }
- }
- });
- if(!validCard) {
- return false;
- }
- }
- // skip luhn for UnionPay
- unionPay = {
- number : ($.inArray(cardNumber.length, cards.unionPay.length) !== -1),
- pattern : (cardNumber.search(cards.unionPay.pattern) !== -1)
- };
- if(unionPay.number && unionPay.pattern) {
- return true;
- }
- // verify luhn, adapted from <https://gist.github.com/2134376>
- var
- length = cardNumber.length,
- multiple = 0,
- producedValue = [
- [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
- [0, 2, 4, 6, 8, 1, 3, 5, 7, 9]
- ],
- sum = 0
- ;
- while (length--) {
- sum += producedValue[multiple][parseInt(cardNumber.charAt(length), 10)];
- multiple ^= 1;
- }
- return (sum % 10 === 0 && sum > 0);
- },
- minCount: function(value, minCount) {
- if(minCount == 0) {
- return true;
- }
- if(minCount == 1) {
- return (value !== '');
- }
- return (value.split(',').length >= minCount);
- },
- exactCount: function(value, exactCount) {
- if(exactCount == 0) {
- return (value === '');
- }
- if(exactCount == 1) {
- return (value !== '' && value.search(',') === -1);
- }
- return (value.split(',').length == exactCount);
- },
- maxCount: function(value, maxCount) {
- if(maxCount == 0) {
- return false;
- }
- if(maxCount == 1) {
- return (value.search(',') === -1);
- }
- return (value.split(',').length <= maxCount);
- }
- }
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Accordion
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.accordion = function(parameters) {
- var
- $allModules = $(this),
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- requestAnimationFrame = window.requestAnimationFrame
- || window.mozRequestAnimationFrame
- || window.webkitRequestAnimationFrame
- || window.msRequestAnimationFrame
- || function(callback) { setTimeout(callback, 0); },
- returnedValue
- ;
- $allModules
- .each(function() {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.accordion.settings, parameters)
- : $.extend({}, $.fn.accordion.settings),
- className = settings.className,
- namespace = settings.namespace,
- selector = settings.selector,
- error = settings.error,
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- moduleSelector = $allModules.selector || '',
- $module = $(this),
- $title = $module.find(selector.title),
- $content = $module.find(selector.content),
- element = this,
- instance = $module.data(moduleNamespace),
- observer,
- module
- ;
- module = {
- initialize: function() {
- module.debug('Initializing', $module);
- module.bind.events();
- if(settings.observeChanges) {
- module.observeChanges();
- }
- module.instantiate();
- },
- instantiate: function() {
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
- destroy: function() {
- module.debug('Destroying previous instance', $module);
- $module
- .off(eventNamespace)
- .removeData(moduleNamespace)
- ;
- },
- refresh: function() {
- $title = $module.find(selector.title);
- $content = $module.find(selector.content);
- },
- observeChanges: function() {
- if('MutationObserver' in window) {
- observer = new MutationObserver(function(mutations) {
- module.debug('DOM tree modified, updating selector cache');
- module.refresh();
- });
- observer.observe(element, {
- childList : true,
- subtree : true
- });
- module.debug('Setting up mutation observer', observer);
- }
- },
- bind: {
- events: function() {
- module.debug('Binding delegated events');
- $module
- .on(settings.on + eventNamespace, selector.trigger, module.event.click)
- ;
- }
- },
- event: {
- click: function() {
- module.toggle.call(this);
- }
- },
- toggle: function(query) {
- var
- $activeTitle = (query !== undefined)
- ? (typeof query === 'number')
- ? $title.eq(query)
- : $(query).closest(selector.title)
- : $(this).closest(selector.title),
- $activeContent = $activeTitle.next($content),
- isAnimating = $activeContent.hasClass(className.animating),
- isActive = $activeContent.hasClass(className.active),
- isOpen = (isActive && !isAnimating),
- isOpening = (!isActive && isAnimating)
- ;
- module.debug('Toggling visibility of content', $activeTitle);
- if(isOpen || isOpening) {
- if(settings.collapsible) {
- module.close.call($activeTitle);
- }
- else {
- module.debug('Cannot close accordion content collapsing is disabled');
- }
- }
- else {
- module.open.call($activeTitle);
- }
- },
- open: function(query) {
- var
- $activeTitle = (query !== undefined)
- ? (typeof query === 'number')
- ? $title.eq(query)
- : $(query).closest(selector.title)
- : $(this).closest(selector.title),
- $activeContent = $activeTitle.next($content),
- isAnimating = $activeContent.hasClass(className.animating),
- isActive = $activeContent.hasClass(className.active),
- isOpen = (isActive || isAnimating)
- ;
- if(isOpen) {
- module.debug('Accordion already open, skipping', $activeContent);
- return;
- }
- module.debug('Opening accordion content', $activeTitle);
- settings.onOpening.call($activeContent);
- settings.onChanging.call($activeContent);
- if(settings.exclusive) {
- module.closeOthers.call($activeTitle);
- }
- $activeTitle
- .addClass(className.active)
- ;
- $activeContent
- .stop(true, true)
- .addClass(className.animating)
- ;
- if(settings.animateChildren) {
- if($.fn.transition !== undefined && $module.transition('is supported')) {
- $activeContent
- .children()
- .transition({
- animation : 'fade in',
- queue : false,
- useFailSafe : true,
- debug : settings.debug,
- verbose : settings.verbose,
- duration : settings.duration
- })
- ;
- }
- else {
- $activeContent
- .children()
- .stop(true, true)
- .animate({
- opacity: 1
- }, settings.duration, module.resetOpacity)
- ;
- }
- }
- $activeContent
- .slideDown(settings.duration, settings.easing, function() {
- $activeContent
- .removeClass(className.animating)
- .addClass(className.active)
- ;
- module.reset.display.call(this);
- settings.onOpen.call(this);
- settings.onChange.call(this);
- })
- ;
- },
- close: function(query) {
- var
- $activeTitle = (query !== undefined)
- ? (typeof query === 'number')
- ? $title.eq(query)
- : $(query).closest(selector.title)
- : $(this).closest(selector.title),
- $activeContent = $activeTitle.next($content),
- isAnimating = $activeContent.hasClass(className.animating),
- isActive = $activeContent.hasClass(className.active),
- isOpening = (!isActive && isAnimating),
- isClosing = (isActive && isAnimating)
- ;
- if((isActive || isOpening) && !isClosing) {
- module.debug('Closing accordion content', $activeContent);
- settings.onClosing.call($activeContent);
- settings.onChanging.call($activeContent);
- $activeTitle
- .removeClass(className.active)
- ;
- $activeContent
- .stop(true, true)
- .addClass(className.animating)
- ;
- if(settings.animateChildren) {
- if($.fn.transition !== undefined && $module.transition('is supported')) {
- $activeContent
- .children()
- .transition({
- animation : 'fade out',
- queue : false,
- useFailSafe : true,
- debug : settings.debug,
- verbose : settings.verbose,
- duration : settings.duration
- })
- ;
- }
- else {
- $activeContent
- .children()
- .stop(true, true)
- .animate({
- opacity: 0
- }, settings.duration, module.resetOpacity)
- ;
- }
- }
- $activeContent
- .slideUp(settings.duration, settings.easing, function() {
- $activeContent
- .removeClass(className.animating)
- .removeClass(className.active)
- ;
- module.reset.display.call(this);
- settings.onClose.call(this);
- settings.onChange.call(this);
- })
- ;
- }
- },
- closeOthers: function(index) {
- var
- $activeTitle = (index !== undefined)
- ? $title.eq(index)
- : $(this).closest(selector.title),
- $parentTitles = $activeTitle.parents(selector.content).prev(selector.title),
- $activeAccordion = $activeTitle.closest(selector.accordion),
- activeSelector = selector.title + '.' + className.active + ':visible',
- activeContent = selector.content + '.' + className.active + ':visible',
- $openTitles,
- $nestedTitles,
- $openContents
- ;
- if(settings.closeNested) {
- $openTitles = $activeAccordion.find(activeSelector).not($parentTitles);
- $openContents = $openTitles.next($content);
- }
- else {
- $openTitles = $activeAccordion.find(activeSelector).not($parentTitles);
- $nestedTitles = $activeAccordion.find(activeContent).find(activeSelector).not($parentTitles);
- $openTitles = $openTitles.not($nestedTitles);
- $openContents = $openTitles.next($content);
- }
- if( ($openTitles.length > 0) ) {
- module.debug('Exclusive enabled, closing other content', $openTitles);
- $openTitles
- .removeClass(className.active)
- ;
- $openContents
- .removeClass(className.animating)
- .stop(true, true)
- ;
- if(settings.animateChildren) {
- if($.fn.transition !== undefined && $module.transition('is supported')) {
- $openContents
- .children()
- .transition({
- animation : 'fade out',
- useFailSafe : true,
- debug : settings.debug,
- verbose : settings.verbose,
- duration : settings.duration
- })
- ;
- }
- else {
- $openContents
- .children()
- .stop(true, true)
- .animate({
- opacity: 0
- }, settings.duration, module.resetOpacity)
- ;
- }
- }
- $openContents
- .slideUp(settings.duration , settings.easing, function() {
- $(this).removeClass(className.active);
- module.reset.display.call(this);
- })
- ;
- }
- },
- reset: {
- display: function() {
- module.verbose('Removing inline display from element', this);
- $(this).css('display', '');
- if( $(this).attr('style') === '') {
- $(this)
- .attr('style', '')
- .removeAttr('style')
- ;
- }
- },
- opacity: function() {
- module.verbose('Removing inline opacity from element', this);
- $(this).css('opacity', '');
- if( $(this).attr('style') === '') {
- $(this)
- .attr('style', '')
- .removeAttr('style')
- ;
- }
- },
- },
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- if($.isPlainObject(settings[name])) {
- $.extend(true, settings[name], value);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- module.debug('Changing internal', name, value);
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else {
- module[name] = value;
- }
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- module.error(error.method, query);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.fn.accordion.settings = {
- name : 'Accordion',
- namespace : 'accordion',
- silent : false,
- debug : false,
- verbose : false,
- performance : true,
- on : 'click', // event on title that opens accordion
- observeChanges : true, // whether accordion should automatically refresh on DOM insertion
- exclusive : true, // whether a single accordion content panel should be open at once
- collapsible : true, // whether accordion content can be closed
- closeNested : false, // whether nested content should be closed when a panel is closed
- animateChildren : true, // whether children opacity should be animated
- duration : 350, // duration of animation
- easing : 'easeOutQuad', // easing equation for animation
- onOpening : function(){}, // callback before open animation
- onClosing : function(){}, // callback before closing animation
- onChanging : function(){}, // callback before closing or opening animation
- onOpen : function(){}, // callback after open animation
- onClose : function(){}, // callback after closing animation
- onChange : function(){}, // callback after closing or opening animation
- error: {
- method : 'The method you called is not defined'
- },
- className : {
- active : 'active',
- animating : 'animating'
- },
- selector : {
- accordion : '.accordion',
- title : '.title',
- trigger : '.title',
- content : '.content'
- }
- };
- // Adds easing
- $.extend( $.easing, {
- easeOutQuad: function (x, t, b, c, d) {
- return -c *(t/=d)*(t-2) + b;
- }
- });
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Checkbox
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.checkbox = function(parameters) {
- var
- $allModules = $(this),
- moduleSelector = $allModules.selector || '',
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- returnedValue
- ;
- $allModules
- .each(function() {
- var
- settings = $.extend(true, {}, $.fn.checkbox.settings, parameters),
- className = settings.className,
- namespace = settings.namespace,
- selector = settings.selector,
- error = settings.error,
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- $module = $(this),
- $label = $(this).children(selector.label),
- $input = $(this).children(selector.input),
- input = $input[0],
- initialLoad = false,
- shortcutPressed = false,
- instance = $module.data(moduleNamespace),
- observer,
- element = this,
- module
- ;
- module = {
- initialize: function() {
- module.verbose('Initializing checkbox', settings);
- module.create.label();
- module.bind.events();
- module.set.tabbable();
- module.hide.input();
- module.observeChanges();
- module.instantiate();
- module.setup();
- },
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
- destroy: function() {
- module.verbose('Destroying module');
- module.unbind.events();
- module.show.input();
- $module.removeData(moduleNamespace);
- },
- fix: {
- reference: function() {
- if( $module.is(selector.input) ) {
- module.debug('Behavior called on <input> adjusting invoked element');
- $module = $module.closest(selector.checkbox);
- module.refresh();
- }
- }
- },
- setup: function() {
- module.set.initialLoad();
- if( module.is.indeterminate() ) {
- module.debug('Initial value is indeterminate');
- module.indeterminate();
- }
- else if( module.is.checked() ) {
- module.debug('Initial value is checked');
- module.check();
- }
- else {
- module.debug('Initial value is unchecked');
- module.uncheck();
- }
- module.remove.initialLoad();
- },
- refresh: function() {
- $label = $module.children(selector.label);
- $input = $module.children(selector.input);
- input = $input[0];
- },
- hide: {
- input: function() {
- module.verbose('Modifying <input> z-index to be unselectable');
- $input.addClass(className.hidden);
- }
- },
- show: {
- input: function() {
- module.verbose('Modifying <input> z-index to be selectable');
- $input.removeClass(className.hidden);
- }
- },
- observeChanges: function() {
- if('MutationObserver' in window) {
- observer = new MutationObserver(function(mutations) {
- module.debug('DOM tree modified, updating selector cache');
- module.refresh();
- });
- observer.observe(element, {
- childList : true,
- subtree : true
- });
- module.debug('Setting up mutation observer', observer);
- }
- },
- attachEvents: function(selector, event) {
- var
- $element = $(selector)
- ;
- event = $.isFunction(module[event])
- ? module[event]
- : module.toggle
- ;
- if($element.length > 0) {
- module.debug('Attaching checkbox events to element', selector, event);
- $element
- .on('click' + eventNamespace, event)
- ;
- }
- else {
- module.error(error.notFound);
- }
- },
- event: {
- click: function(event) {
- var
- $target = $(event.target)
- ;
- if( $target.is(selector.input) ) {
- module.verbose('Using default check action on initialized checkbox');
- return;
- }
- if( $target.is(selector.link) ) {
- module.debug('Clicking link inside checkbox, skipping toggle');
- return;
- }
- module.toggle();
- $input.focus();
- event.preventDefault();
- },
- keydown: function(event) {
- var
- key = event.which,
- keyCode = {
- enter : 13,
- space : 32,
- escape : 27
- }
- ;
- if(key == keyCode.escape) {
- module.verbose('Escape key pressed blurring field');
- $input.blur();
- shortcutPressed = true;
- }
- else if(!event.ctrlKey && ( key == keyCode.space || key == keyCode.enter) ) {
- module.verbose('Enter/space key pressed, toggling checkbox');
- module.toggle();
- shortcutPressed = true;
- }
- else {
- shortcutPressed = false;
- }
- },
- keyup: function(event) {
- if(shortcutPressed) {
- event.preventDefault();
- }
- }
- },
- check: function() {
- if( !module.should.allowCheck() ) {
- return;
- }
- module.debug('Checking checkbox', $input);
- module.set.checked();
- if( !module.should.ignoreCallbacks() ) {
- settings.onChecked.call(input);
- settings.onChange.call(input);
- }
- },
- uncheck: function() {
- if( !module.should.allowUncheck() ) {
- return;
- }
- module.debug('Unchecking checkbox');
- module.set.unchecked();
- if( !module.should.ignoreCallbacks() ) {
- settings.onUnchecked.call(input);
- settings.onChange.call(input);
- }
- },
- indeterminate: function() {
- if( module.should.allowIndeterminate() ) {
- module.debug('Checkbox is already indeterminate');
- return;
- }
- module.debug('Making checkbox indeterminate');
- module.set.indeterminate();
- if( !module.should.ignoreCallbacks() ) {
- settings.onIndeterminate.call(input);
- settings.onChange.call(input);
- }
- },
- determinate: function() {
- if( module.should.allowDeterminate() ) {
- module.debug('Checkbox is already determinate');
- return;
- }
- module.debug('Making checkbox determinate');
- module.set.determinate();
- if( !module.should.ignoreCallbacks() ) {
- settings.onDeterminate.call(input);
- settings.onChange.call(input);
- }
- },
- enable: function() {
- if( module.is.enabled() ) {
- module.debug('Checkbox is already enabled');
- return;
- }
- module.debug('Enabling checkbox');
- module.set.enabled();
- settings.onEnable.call(input);
- // preserve legacy callbacks
- settings.onEnabled.call(input);
- },
- disable: function() {
- if( module.is.disabled() ) {
- module.debug('Checkbox is already disabled');
- return;
- }
- module.debug('Disabling checkbox');
- module.set.disabled();
- settings.onDisable.call(input);
- // preserve legacy callbacks
- settings.onDisabled.call(input);
- },
- get: {
- radios: function() {
- var
- name = module.get.name()
- ;
- return $('input[name="' + name + '"]').closest(selector.checkbox);
- },
- otherRadios: function() {
- return module.get.radios().not($module);
- },
- name: function() {
- return $input.attr('name');
- }
- },
- is: {
- initialLoad: function() {
- return initialLoad;
- },
- radio: function() {
- return ($input.hasClass(className.radio) || $input.attr('type') == 'radio');
- },
- indeterminate: function() {
- return $input.prop('indeterminate') !== undefined && $input.prop('indeterminate');
- },
- checked: function() {
- return $input.prop('checked') !== undefined && $input.prop('checked');
- },
- disabled: function() {
- return $input.prop('disabled') !== undefined && $input.prop('disabled');
- },
- enabled: function() {
- return !module.is.disabled();
- },
- determinate: function() {
- return !module.is.indeterminate();
- },
- unchecked: function() {
- return !module.is.checked();
- }
- },
- should: {
- allowCheck: function() {
- if(module.is.determinate() && module.is.checked() && !module.should.forceCallbacks() ) {
- module.debug('Should not allow check, checkbox is already checked');
- return false;
- }
- if(settings.beforeChecked.apply(input) === false) {
- module.debug('Should not allow check, beforeChecked cancelled');
- return false;
- }
- return true;
- },
- allowUncheck: function() {
- if(module.is.determinate() && module.is.unchecked() && !module.should.forceCallbacks() ) {
- module.debug('Should not allow uncheck, checkbox is already unchecked');
- return false;
- }
- if(settings.beforeUnchecked.apply(input) === false) {
- module.debug('Should not allow uncheck, beforeUnchecked cancelled');
- return false;
- }
- return true;
- },
- allowIndeterminate: function() {
- if(module.is.indeterminate() && !module.should.forceCallbacks() ) {
- module.debug('Should not allow indeterminate, checkbox is already indeterminate');
- return false;
- }
- if(settings.beforeIndeterminate.apply(input) === false) {
- module.debug('Should not allow indeterminate, beforeIndeterminate cancelled');
- return false;
- }
- return true;
- },
- allowDeterminate: function() {
- if(module.is.determinate() && !module.should.forceCallbacks() ) {
- module.debug('Should not allow determinate, checkbox is already determinate');
- return false;
- }
- if(settings.beforeDeterminate.apply(input) === false) {
- module.debug('Should not allow determinate, beforeDeterminate cancelled');
- return false;
- }
- return true;
- },
- forceCallbacks: function() {
- return (module.is.initialLoad() && settings.fireOnInit);
- },
- ignoreCallbacks: function() {
- return (initialLoad && !settings.fireOnInit);
- }
- },
- can: {
- change: function() {
- return !( $module.hasClass(className.disabled) || $module.hasClass(className.readOnly) || $input.prop('disabled') || $input.prop('readonly') );
- },
- uncheck: function() {
- return (typeof settings.uncheckable === 'boolean')
- ? settings.uncheckable
- : !module.is.radio()
- ;
- }
- },
- set: {
- initialLoad: function() {
- initialLoad = true;
- },
- checked: function() {
- module.verbose('Setting class to checked');
- $module
- .removeClass(className.indeterminate)
- .addClass(className.checked)
- ;
- if( module.is.radio() ) {
- module.uncheckOthers();
- }
- if(!module.is.indeterminate() && module.is.checked()) {
- module.debug('Input is already checked, skipping input property change');
- return;
- }
- module.verbose('Setting state to checked', input);
- $input
- .prop('indeterminate', false)
- .prop('checked', true)
- ;
- module.trigger.change();
- },
- unchecked: function() {
- module.verbose('Removing checked class');
- $module
- .removeClass(className.indeterminate)
- .removeClass(className.checked)
- ;
- if(!module.is.indeterminate() && module.is.unchecked() ) {
- module.debug('Input is already unchecked');
- return;
- }
- module.debug('Setting state to unchecked');
- $input
- .prop('indeterminate', false)
- .prop('checked', false)
- ;
- module.trigger.change();
- },
- indeterminate: function() {
- module.verbose('Setting class to indeterminate');
- $module
- .addClass(className.indeterminate)
- ;
- if( module.is.indeterminate() ) {
- module.debug('Input is already indeterminate, skipping input property change');
- return;
- }
- module.debug('Setting state to indeterminate');
- $input
- .prop('indeterminate', true)
- ;
- module.trigger.change();
- },
- determinate: function() {
- module.verbose('Removing indeterminate class');
- $module
- .removeClass(className.indeterminate)
- ;
- if( module.is.determinate() ) {
- module.debug('Input is already determinate, skipping input property change');
- return;
- }
- module.debug('Setting state to determinate');
- $input
- .prop('indeterminate', false)
- ;
- },
- disabled: function() {
- module.verbose('Setting class to disabled');
- $module
- .addClass(className.disabled)
- ;
- if( module.is.disabled() ) {
- module.debug('Input is already disabled, skipping input property change');
- return;
- }
- module.debug('Setting state to disabled');
- $input
- .prop('disabled', 'disabled')
- ;
- module.trigger.change();
- },
- enabled: function() {
- module.verbose('Removing disabled class');
- $module.removeClass(className.disabled);
- if( module.is.enabled() ) {
- module.debug('Input is already enabled, skipping input property change');
- return;
- }
- module.debug('Setting state to enabled');
- $input
- .prop('disabled', false)
- ;
- module.trigger.change();
- },
- tabbable: function() {
- module.verbose('Adding tabindex to checkbox');
- if( $input.attr('tabindex') === undefined) {
- $input.attr('tabindex', 0);
- }
- }
- },
- remove: {
- initialLoad: function() {
- initialLoad = false;
- }
- },
- trigger: {
- change: function() {
- var
- events = document.createEvent('HTMLEvents'),
- inputElement = $input[0]
- ;
- if(inputElement) {
- module.verbose('Triggering native change event');
- events.initEvent('change', true, false);
- inputElement.dispatchEvent(events);
- }
- }
- },
- create: {
- label: function() {
- if($input.prevAll(selector.label).length > 0) {
- $input.prev(selector.label).detach().insertAfter($input);
- module.debug('Moving existing label', $label);
- }
- else if( !module.has.label() ) {
- $label = $('<label>').insertAfter($input);
- module.debug('Creating label', $label);
- }
- }
- },
- has: {
- label: function() {
- return ($label.length > 0);
- }
- },
- bind: {
- events: function() {
- module.verbose('Attaching checkbox events');
- $module
- .on('click' + eventNamespace, module.event.click)
- .on('keydown' + eventNamespace, selector.input, module.event.keydown)
- .on('keyup' + eventNamespace, selector.input, module.event.keyup)
- ;
- }
- },
- unbind: {
- events: function() {
- module.debug('Removing events');
- $module
- .off(eventNamespace)
- ;
- }
- },
- uncheckOthers: function() {
- var
- $radios = module.get.otherRadios()
- ;
- module.debug('Unchecking other radios', $radios);
- $radios.removeClass(className.checked);
- },
- toggle: function() {
- if( !module.can.change() ) {
- if(!module.is.radio()) {
- module.debug('Checkbox is read-only or disabled, ignoring toggle');
- }
- return;
- }
- if( module.is.indeterminate() || module.is.unchecked() ) {
- module.debug('Currently unchecked');
- module.check();
- }
- else if( module.is.checked() && module.can.uncheck() ) {
- module.debug('Currently checked');
- module.uncheck();
- }
- },
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- if($.isPlainObject(settings[name])) {
- $.extend(true, settings[name], value);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- module.error(error.method, query);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.fn.checkbox.settings = {
- name : 'Checkbox',
- namespace : 'checkbox',
- silent : false,
- debug : false,
- verbose : true,
- performance : true,
- // delegated event context
- uncheckable : 'auto',
- fireOnInit : false,
- onChange : function(){},
- beforeChecked : function(){},
- beforeUnchecked : function(){},
- beforeDeterminate : function(){},
- beforeIndeterminate : function(){},
- onChecked : function(){},
- onUnchecked : function(){},
- onDeterminate : function() {},
- onIndeterminate : function() {},
- onEnable : function(){},
- onDisable : function(){},
- // preserve misspelled callbacks (will be removed in 3.0)
- onEnabled : function(){},
- onDisabled : function(){},
- className : {
- checked : 'checked',
- indeterminate : 'indeterminate',
- disabled : 'disabled',
- hidden : 'hidden',
- radio : 'radio',
- readOnly : 'read-only'
- },
- error : {
- method : 'The method you called is not defined'
- },
- selector : {
- checkbox : '.ui.checkbox',
- label : 'label, .box',
- input : 'input[type="checkbox"], input[type="radio"]',
- link : 'a[href]'
- }
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Dimmer
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.dimmer = function(parameters) {
- var
- $allModules = $(this),
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- returnedValue
- ;
- $allModules
- .each(function() {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.dimmer.settings, parameters)
- : $.extend({}, $.fn.dimmer.settings),
- selector = settings.selector,
- namespace = settings.namespace,
- className = settings.className,
- error = settings.error,
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- moduleSelector = $allModules.selector || '',
- clickEvent = ('ontouchstart' in document.documentElement)
- ? 'touchstart'
- : 'click',
- $module = $(this),
- $dimmer,
- $dimmable,
- element = this,
- instance = $module.data(moduleNamespace),
- module
- ;
- module = {
- preinitialize: function() {
- if( module.is.dimmer() ) {
- $dimmable = $module.parent();
- $dimmer = $module;
- }
- else {
- $dimmable = $module;
- if( module.has.dimmer() ) {
- if(settings.dimmerName) {
- $dimmer = $dimmable.find(selector.dimmer).filter('.' + settings.dimmerName);
- }
- else {
- $dimmer = $dimmable.find(selector.dimmer);
- }
- }
- else {
- $dimmer = module.create();
- }
- module.set.variation();
- }
- },
- initialize: function() {
- module.debug('Initializing dimmer', settings);
- module.bind.events();
- module.set.dimmable();
- module.instantiate();
- },
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, instance)
- ;
- },
- destroy: function() {
- module.verbose('Destroying previous module', $dimmer);
- module.unbind.events();
- module.remove.variation();
- $dimmable
- .off(eventNamespace)
- ;
- },
- bind: {
- events: function() {
- if(settings.on == 'hover') {
- $dimmable
- .on('mouseenter' + eventNamespace, module.show)
- .on('mouseleave' + eventNamespace, module.hide)
- ;
- }
- else if(settings.on == 'click') {
- $dimmable
- .on(clickEvent + eventNamespace, module.toggle)
- ;
- }
- if( module.is.page() ) {
- module.debug('Setting as a page dimmer', $dimmable);
- module.set.pageDimmer();
- }
- if( module.is.closable() ) {
- module.verbose('Adding dimmer close event', $dimmer);
- $dimmable
- .on(clickEvent + eventNamespace, selector.dimmer, module.event.click)
- ;
- }
- }
- },
- unbind: {
- events: function() {
- $module
- .removeData(moduleNamespace)
- ;
- $dimmable
- .off(eventNamespace)
- ;
- }
- },
- event: {
- click: function(event) {
- module.verbose('Determining if event occured on dimmer', event);
- if( $dimmer.find(event.target).length === 0 || $(event.target).is(selector.content) ) {
- module.hide();
- event.stopImmediatePropagation();
- }
- }
- },
- addContent: function(element) {
- var
- $content = $(element)
- ;
- module.debug('Add content to dimmer', $content);
- if($content.parent()[0] !== $dimmer[0]) {
- $content.detach().appendTo($dimmer);
- }
- },
- create: function() {
- var
- $element = $( settings.template.dimmer() )
- ;
- if(settings.dimmerName) {
- module.debug('Creating named dimmer', settings.dimmerName);
- $element.addClass(settings.dimmerName);
- }
- $element
- .appendTo($dimmable)
- ;
- return $element;
- },
- show: function(callback) {
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- module.debug('Showing dimmer', $dimmer, settings);
- if( (!module.is.dimmed() || module.is.animating()) && module.is.enabled() ) {
- module.animate.show(callback);
- settings.onShow.call(element);
- settings.onChange.call(element);
- }
- else {
- module.debug('Dimmer is already shown or disabled');
- }
- },
- hide: function(callback) {
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if( module.is.dimmed() || module.is.animating() ) {
- module.debug('Hiding dimmer', $dimmer);
- module.animate.hide(callback);
- settings.onHide.call(element);
- settings.onChange.call(element);
- }
- else {
- module.debug('Dimmer is not visible');
- }
- },
- toggle: function() {
- module.verbose('Toggling dimmer visibility', $dimmer);
- if( !module.is.dimmed() ) {
- module.show();
- }
- else {
- module.hide();
- }
- },
- animate: {
- show: function(callback) {
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if(settings.useCSS && $.fn.transition !== undefined && $dimmer.transition('is supported')) {
- if(settings.opacity !== 'auto') {
- module.set.opacity();
- }
- $dimmer
- .transition({
- displayType : 'flex',
- animation : settings.transition + ' in',
- queue : false,
- duration : module.get.duration(),
- useFailSafe : true,
- onStart : function() {
- module.set.dimmed();
- },
- onComplete : function() {
- module.set.active();
- callback();
- }
- })
- ;
- }
- else {
- module.verbose('Showing dimmer animation with javascript');
- module.set.dimmed();
- if(settings.opacity == 'auto') {
- settings.opacity = 0.8;
- }
- $dimmer
- .stop()
- .css({
- opacity : 0,
- width : '100%',
- height : '100%'
- })
- .fadeTo(module.get.duration(), settings.opacity, function() {
- $dimmer.removeAttr('style');
- module.set.active();
- callback();
- })
- ;
- }
- },
- hide: function(callback) {
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if(settings.useCSS && $.fn.transition !== undefined && $dimmer.transition('is supported')) {
- module.verbose('Hiding dimmer with css');
- $dimmer
- .transition({
- displayType : 'flex',
- animation : settings.transition + ' out',
- queue : false,
- duration : module.get.duration(),
- useFailSafe : true,
- onStart : function() {
- module.remove.dimmed();
- },
- onComplete : function() {
- module.remove.active();
- callback();
- }
- })
- ;
- }
- else {
- module.verbose('Hiding dimmer with javascript');
- module.remove.dimmed();
- $dimmer
- .stop()
- .fadeOut(module.get.duration(), function() {
- module.remove.active();
- $dimmer.removeAttr('style');
- callback();
- })
- ;
- }
- }
- },
- get: {
- dimmer: function() {
- return $dimmer;
- },
- duration: function() {
- if(typeof settings.duration == 'object') {
- if( module.is.active() ) {
- return settings.duration.hide;
- }
- else {
- return settings.duration.show;
- }
- }
- return settings.duration;
- }
- },
- has: {
- dimmer: function() {
- if(settings.dimmerName) {
- return ($module.find(selector.dimmer).filter('.' + settings.dimmerName).length > 0);
- }
- else {
- return ( $module.find(selector.dimmer).length > 0 );
- }
- }
- },
- is: {
- active: function() {
- return $dimmer.hasClass(className.active);
- },
- animating: function() {
- return ( $dimmer.is(':animated') || $dimmer.hasClass(className.animating) );
- },
- closable: function() {
- if(settings.closable == 'auto') {
- if(settings.on == 'hover') {
- return false;
- }
- return true;
- }
- return settings.closable;
- },
- dimmer: function() {
- return $module.hasClass(className.dimmer);
- },
- dimmable: function() {
- return $module.hasClass(className.dimmable);
- },
- dimmed: function() {
- return $dimmable.hasClass(className.dimmed);
- },
- disabled: function() {
- return $dimmable.hasClass(className.disabled);
- },
- enabled: function() {
- return !module.is.disabled();
- },
- page: function () {
- return $dimmable.is('body');
- },
- pageDimmer: function() {
- return $dimmer.hasClass(className.pageDimmer);
- }
- },
- can: {
- show: function() {
- return !$dimmer.hasClass(className.disabled);
- }
- },
- set: {
- opacity: function(opacity) {
- var
- color = $dimmer.css('background-color'),
- colorArray = color.split(','),
- isRGB = (colorArray && colorArray.length == 3),
- isRGBA = (colorArray && colorArray.length == 4)
- ;
- opacity = settings.opacity === 0 ? 0 : settings.opacity || opacity;
- if(isRGB || isRGBA) {
- colorArray[3] = opacity + ')';
- color = colorArray.join(',');
- }
- else {
- color = 'rgba(0, 0, 0, ' + opacity + ')';
- }
- module.debug('Setting opacity to', opacity);
- $dimmer.css('background-color', color);
- },
- active: function() {
- $dimmer.addClass(className.active);
- },
- dimmable: function() {
- $dimmable.addClass(className.dimmable);
- },
- dimmed: function() {
- $dimmable.addClass(className.dimmed);
- },
- pageDimmer: function() {
- $dimmer.addClass(className.pageDimmer);
- },
- disabled: function() {
- $dimmer.addClass(className.disabled);
- },
- variation: function(variation) {
- variation = variation || settings.variation;
- if(variation) {
- $dimmer.addClass(variation);
- }
- }
- },
- remove: {
- active: function() {
- $dimmer
- .removeClass(className.active)
- ;
- },
- dimmed: function() {
- $dimmable.removeClass(className.dimmed);
- },
- disabled: function() {
- $dimmer.removeClass(className.disabled);
- },
- variation: function(variation) {
- variation = variation || settings.variation;
- if(variation) {
- $dimmer.removeClass(variation);
- }
- }
- },
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- if($.isPlainObject(settings[name])) {
- $.extend(true, settings[name], value);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if($allModules.length > 1) {
- title += ' ' + '(' + $allModules.length + ')';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- module.error(error.method, query);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- module.preinitialize();
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.fn.dimmer.settings = {
- name : 'Dimmer',
- namespace : 'dimmer',
- silent : false,
- debug : false,
- verbose : false,
- performance : true,
- // name to distinguish between multiple dimmers in context
- dimmerName : false,
- // whether to add a variation type
- variation : false,
- // whether to bind close events
- closable : 'auto',
- // whether to use css animations
- useCSS : true,
- // css animation to use
- transition : 'fade',
- // event to bind to
- on : false,
- // overriding opacity value
- opacity : 'auto',
- // transition durations
- duration : {
- show : 500,
- hide : 500
- },
- onChange : function(){},
- onShow : function(){},
- onHide : function(){},
- error : {
- method : 'The method you called is not defined.'
- },
- className : {
- active : 'active',
- animating : 'animating',
- dimmable : 'dimmable',
- dimmed : 'dimmed',
- dimmer : 'dimmer',
- disabled : 'disabled',
- hide : 'hide',
- pageDimmer : 'page',
- show : 'show'
- },
- selector: {
- dimmer : '> .ui.dimmer',
- content : '.ui.dimmer > .content, .ui.dimmer > .content > .center'
- },
- template: {
- dimmer: function() {
- return $('<div />').attr('class', 'ui dimmer');
- }
- }
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Dropdown
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.dropdown = function(parameters) {
- var
- $allModules = $(this),
- $document = $(document),
- moduleSelector = $allModules.selector || '',
- hasTouch = ('ontouchstart' in document.documentElement),
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- returnedValue
- ;
- $allModules
- .each(function(elementIndex) {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.dropdown.settings, parameters)
- : $.extend({}, $.fn.dropdown.settings),
- className = settings.className,
- message = settings.message,
- fields = settings.fields,
- keys = settings.keys,
- metadata = settings.metadata,
- namespace = settings.namespace,
- regExp = settings.regExp,
- selector = settings.selector,
- error = settings.error,
- templates = settings.templates,
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- $module = $(this),
- $context = $(settings.context),
- $text = $module.find(selector.text),
- $search = $module.find(selector.search),
- $sizer = $module.find(selector.sizer),
- $input = $module.find(selector.input),
- $icon = $module.find(selector.icon),
- $combo = ($module.prev().find(selector.text).length > 0)
- ? $module.prev().find(selector.text)
- : $module.prev(),
- $menu = $module.children(selector.menu),
- $item = $menu.find(selector.item),
- activated = false,
- itemActivated = false,
- internalChange = false,
- element = this,
- instance = $module.data(moduleNamespace),
- initialLoad,
- pageLostFocus,
- willRefocus,
- elementNamespace,
- id,
- selectObserver,
- menuObserver,
- module
- ;
- module = {
- initialize: function() {
- module.debug('Initializing dropdown', settings);
- if( module.is.alreadySetup() ) {
- module.setup.reference();
- }
- else {
- module.setup.layout();
- if(settings.values) {
- module.change.values(settings.values);
- }
- module.refreshData();
- module.save.defaults();
- module.restore.selected();
- module.create.id();
- module.bind.events();
- module.observeChanges();
- module.instantiate();
- }
- },
- instantiate: function() {
- module.verbose('Storing instance of dropdown', module);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
- destroy: function() {
- module.verbose('Destroying previous dropdown', $module);
- module.remove.tabbable();
- $module
- .off(eventNamespace)
- .removeData(moduleNamespace)
- ;
- $menu
- .off(eventNamespace)
- ;
- $document
- .off(elementNamespace)
- ;
- module.disconnect.menuObserver();
- module.disconnect.selectObserver();
- },
- observeChanges: function() {
- if('MutationObserver' in window) {
- selectObserver = new MutationObserver(module.event.select.mutation);
- menuObserver = new MutationObserver(module.event.menu.mutation);
- module.debug('Setting up mutation observer', selectObserver, menuObserver);
- module.observe.select();
- module.observe.menu();
- }
- },
- disconnect: {
- menuObserver: function() {
- if(menuObserver) {
- menuObserver.disconnect();
- }
- },
- selectObserver: function() {
- if(selectObserver) {
- selectObserver.disconnect();
- }
- }
- },
- observe: {
- select: function() {
- if(module.has.input()) {
- selectObserver.observe($module[0], {
- childList : true,
- subtree : true
- });
- }
- },
- menu: function() {
- if(module.has.menu()) {
- menuObserver.observe($menu[0], {
- childList : true,
- subtree : true
- });
- }
- }
- },
- create: {
- id: function() {
- id = (Math.random().toString(16) + '000000000').substr(2, 8);
- elementNamespace = '.' + id;
- module.verbose('Creating unique id for element', id);
- },
- userChoice: function(values) {
- var
- $userChoices,
- $userChoice,
- isUserValue,
- html
- ;
- values = values || module.get.userValues();
- if(!values) {
- return false;
- }
- values = $.isArray(values)
- ? values
- : [values]
- ;
- $.each(values, function(index, value) {
- if(module.get.item(value) === false) {
- html = settings.templates.addition( module.add.variables(message.addResult, value) );
- $userChoice = $('<div />')
- .html(html)
- .attr('data-' + metadata.value, value)
- .attr('data-' + metadata.text, value)
- .addClass(className.addition)
- .addClass(className.item)
- ;
- if(settings.hideAdditions) {
- $userChoice.addClass(className.hidden);
- }
- $userChoices = ($userChoices === undefined)
- ? $userChoice
- : $userChoices.add($userChoice)
- ;
- module.verbose('Creating user choices for value', value, $userChoice);
- }
- });
- return $userChoices;
- },
- userLabels: function(value) {
- var
- userValues = module.get.userValues()
- ;
- if(userValues) {
- module.debug('Adding user labels', userValues);
- $.each(userValues, function(index, value) {
- module.verbose('Adding custom user value');
- module.add.label(value, value);
- });
- }
- },
- menu: function() {
- $menu = $('<div />')
- .addClass(className.menu)
- .appendTo($module)
- ;
- },
- sizer: function() {
- $sizer = $('<span />')
- .addClass(className.sizer)
- .insertAfter($search)
- ;
- }
- },
- search: function(query) {
- query = (query !== undefined)
- ? query
- : module.get.query()
- ;
- module.verbose('Searching for query', query);
- if(module.has.minCharacters(query)) {
- module.filter(query);
- }
- else {
- module.hide();
- }
- },
- select: {
- firstUnfiltered: function() {
- module.verbose('Selecting first non-filtered element');
- module.remove.selectedItem();
- $item
- .not(selector.unselectable)
- .not(selector.addition + selector.hidden)
- .eq(0)
- .addClass(className.selected)
- ;
- },
- nextAvailable: function($selected) {
- $selected = $selected.eq(0);
- var
- $nextAvailable = $selected.nextAll(selector.item).not(selector.unselectable).eq(0),
- $prevAvailable = $selected.prevAll(selector.item).not(selector.unselectable).eq(0),
- hasNext = ($nextAvailable.length > 0)
- ;
- if(hasNext) {
- module.verbose('Moving selection to', $nextAvailable);
- $nextAvailable.addClass(className.selected);
- }
- else {
- module.verbose('Moving selection to', $prevAvailable);
- $prevAvailable.addClass(className.selected);
- }
- }
- },
- setup: {
- api: function() {
- var
- apiSettings = {
- debug : settings.debug,
- urlData : {
- value : module.get.value(),
- query : module.get.query()
- },
- on : false
- }
- ;
- module.verbose('First request, initializing API');
- $module
- .api(apiSettings)
- ;
- },
- layout: function() {
- if( $module.is('select') ) {
- module.setup.select();
- module.setup.returnedObject();
- }
- if( !module.has.menu() ) {
- module.create.menu();
- }
- if( module.is.search() && !module.has.search() ) {
- module.verbose('Adding search input');
- $search = $('<input />')
- .addClass(className.search)
- .prop('autocomplete', 'off')
- .insertBefore($text)
- ;
- }
- if( module.is.multiple() && module.is.searchSelection() && !module.has.sizer()) {
- module.create.sizer();
- }
- if(settings.allowTab) {
- module.set.tabbable();
- }
- },
- select: function() {
- var
- selectValues = module.get.selectValues()
- ;
- module.debug('Dropdown initialized on a select', selectValues);
- if( $module.is('select') ) {
- $input = $module;
- }
- // see if select is placed correctly already
- if($input.parent(selector.dropdown).length > 0) {
- module.debug('UI dropdown already exists. Creating dropdown menu only');
- $module = $input.closest(selector.dropdown);
- if( !module.has.menu() ) {
- module.create.menu();
- }
- $menu = $module.children(selector.menu);
- module.setup.menu(selectValues);
- }
- else {
- module.debug('Creating entire dropdown from select');
- $module = $('<div />')
- .attr('class', $input.attr('class') )
- .addClass(className.selection)
- .addClass(className.dropdown)
- .html( templates.dropdown(selectValues) )
- .insertBefore($input)
- ;
- if($input.hasClass(className.multiple) && $input.prop('multiple') === false) {
- module.error(error.missingMultiple);
- $input.prop('multiple', true);
- }
- if($input.is('[multiple]')) {
- module.set.multiple();
- }
- if ($input.prop('disabled')) {
- module.debug('Disabling dropdown');
- $module.addClass(className.disabled);
- }
- $input
- .removeAttr('class')
- .detach()
- .prependTo($module)
- ;
- }
- module.refresh();
- },
- menu: function(values) {
- $menu.html( templates.menu(values, fields));
- $item = $menu.find(selector.item);
- },
- reference: function() {
- module.debug('Dropdown behavior was called on select, replacing with closest dropdown');
- // replace module reference
- $module = $module.parent(selector.dropdown);
- instance = $module.data(moduleNamespace);
- element = $module.get(0);
- module.refresh();
- module.setup.returnedObject();
- },
- returnedObject: function() {
- var
- $firstModules = $allModules.slice(0, elementIndex),
- $lastModules = $allModules.slice(elementIndex + 1)
- ;
- // adjust all modules to use correct reference
- $allModules = $firstModules.add($module).add($lastModules);
- }
- },
- refresh: function() {
- module.refreshSelectors();
- module.refreshData();
- },
- refreshItems: function() {
- $item = $menu.find(selector.item);
- },
- refreshSelectors: function() {
- module.verbose('Refreshing selector cache');
- $text = $module.find(selector.text);
- $search = $module.find(selector.search);
- $input = $module.find(selector.input);
- $icon = $module.find(selector.icon);
- $combo = ($module.prev().find(selector.text).length > 0)
- ? $module.prev().find(selector.text)
- : $module.prev()
- ;
- $menu = $module.children(selector.menu);
- $item = $menu.find(selector.item);
- },
- refreshData: function() {
- module.verbose('Refreshing cached metadata');
- $item
- .removeData(metadata.text)
- .removeData(metadata.value)
- ;
- },
- clearData: function() {
- module.verbose('Clearing metadata');
- $item
- .removeData(metadata.text)
- .removeData(metadata.value)
- ;
- $module
- .removeData(metadata.defaultText)
- .removeData(metadata.defaultValue)
- .removeData(metadata.placeholderText)
- ;
- },
- toggle: function() {
- module.verbose('Toggling menu visibility');
- if( !module.is.active() ) {
- module.show();
- }
- else {
- module.hide();
- }
- },
- show: function(callback) {
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if(!module.can.show() && module.is.remote()) {
- module.debug('No API results retrieved, searching before show');
- module.queryRemote(module.get.query(), module.show);
- }
- if( module.can.show() && !module.is.active() ) {
- module.debug('Showing dropdown');
- if(module.has.message() && !(module.has.maxSelections() || module.has.allResultsFiltered()) ) {
- module.remove.message();
- }
- if(module.is.allFiltered()) {
- return true;
- }
- if(settings.onShow.call(element) !== false) {
- module.animate.show(function() {
- if( module.can.click() ) {
- module.bind.intent();
- }
- if(module.has.menuSearch()) {
- module.focusSearch();
- }
- module.set.visible();
- callback.call(element);
- });
- }
- }
- },
- hide: function(callback) {
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if( module.is.active() && !module.is.animatingOutward() ) {
- module.debug('Hiding dropdown');
- if(settings.onHide.call(element) !== false) {
- module.animate.hide(function() {
- module.remove.visible();
- callback.call(element);
- });
- }
- }
- },
- hideOthers: function() {
- module.verbose('Finding other dropdowns to hide');
- $allModules
- .not($module)
- .has(selector.menu + '.' + className.visible)
- .dropdown('hide')
- ;
- },
- hideMenu: function() {
- module.verbose('Hiding menu instantaneously');
- module.remove.active();
- module.remove.visible();
- $menu.transition('hide');
- },
- hideSubMenus: function() {
- var
- $subMenus = $menu.children(selector.item).find(selector.menu)
- ;
- module.verbose('Hiding sub menus', $subMenus);
- $subMenus.transition('hide');
- },
- bind: {
- events: function() {
- if(hasTouch) {
- module.bind.touchEvents();
- }
- module.bind.keyboardEvents();
- module.bind.inputEvents();
- module.bind.mouseEvents();
- },
- touchEvents: function() {
- module.debug('Touch device detected binding additional touch events');
- if( module.is.searchSelection() ) {
- // do nothing special yet
- }
- else if( module.is.single() ) {
- $module
- .on('touchstart' + eventNamespace, module.event.test.toggle)
- ;
- }
- $menu
- .on('touchstart' + eventNamespace, selector.item, module.event.item.mouseenter)
- ;
- },
- keyboardEvents: function() {
- module.verbose('Binding keyboard events');
- $module
- .on('keydown' + eventNamespace, module.event.keydown)
- ;
- if( module.has.search() ) {
- $module
- .on(module.get.inputEvent() + eventNamespace, selector.search, module.event.input)
- ;
- }
- if( module.is.multiple() ) {
- $document
- .on('keydown' + elementNamespace, module.event.document.keydown)
- ;
- }
- },
- inputEvents: function() {
- module.verbose('Binding input change events');
- $module
- .on('change' + eventNamespace, selector.input, module.event.change)
- ;
- },
- mouseEvents: function() {
- module.verbose('Binding mouse events');
- if(module.is.multiple()) {
- $module
- .on('click' + eventNamespace, selector.label, module.event.label.click)
- .on('click' + eventNamespace, selector.remove, module.event.remove.click)
- ;
- }
- if( module.is.searchSelection() ) {
- $module
- .on('mousedown' + eventNamespace, module.event.mousedown)
- .on('mouseup' + eventNamespace, module.event.mouseup)
- .on('mousedown' + eventNamespace, selector.menu, module.event.menu.mousedown)
- .on('mouseup' + eventNamespace, selector.menu, module.event.menu.mouseup)
- .on('click' + eventNamespace, selector.icon, module.event.icon.click)
- .on('focus' + eventNamespace, selector.search, module.event.search.focus)
- .on('click' + eventNamespace, selector.search, module.event.search.focus)
- .on('blur' + eventNamespace, selector.search, module.event.search.blur)
- .on('click' + eventNamespace, selector.text, module.event.text.focus)
- ;
- if(module.is.multiple()) {
- $module
- .on('click' + eventNamespace, module.event.click)
- ;
- }
- }
- else {
- if(settings.on == 'click') {
- $module
- .on('click' + eventNamespace, selector.icon, module.event.icon.click)
- .on('click' + eventNamespace, module.event.test.toggle)
- ;
- }
- else if(settings.on == 'hover') {
- $module
- .on('mouseenter' + eventNamespace, module.delay.show)
- .on('mouseleave' + eventNamespace, module.delay.hide)
- ;
- }
- else {
- $module
- .on(settings.on + eventNamespace, module.toggle)
- ;
- }
- $module
- .on('mousedown' + eventNamespace, module.event.mousedown)
- .on('mouseup' + eventNamespace, module.event.mouseup)
- .on('focus' + eventNamespace, module.event.focus)
- ;
- if(module.has.menuSearch() ) {
- $module
- .on('blur' + eventNamespace, selector.search, module.event.search.blur)
- ;
- }
- else {
- $module
- .on('blur' + eventNamespace, module.event.blur)
- ;
- }
- }
- $menu
- .on('mouseenter' + eventNamespace, selector.item, module.event.item.mouseenter)
- .on('mouseleave' + eventNamespace, selector.item, module.event.item.mouseleave)
- .on('click' + eventNamespace, selector.item, module.event.item.click)
- ;
- },
- intent: function() {
- module.verbose('Binding hide intent event to document');
- if(hasTouch) {
- $document
- .on('touchstart' + elementNamespace, module.event.test.touch)
- .on('touchmove' + elementNamespace, module.event.test.touch)
- ;
- }
- $document
- .on('click' + elementNamespace, module.event.test.hide)
- ;
- }
- },
- unbind: {
- intent: function() {
- module.verbose('Removing hide intent event from document');
- if(hasTouch) {
- $document
- .off('touchstart' + elementNamespace)
- .off('touchmove' + elementNamespace)
- ;
- }
- $document
- .off('click' + elementNamespace)
- ;
- }
- },
- filter: function(query) {
- var
- searchTerm = (query !== undefined)
- ? query
- : module.get.query(),
- afterFiltered = function() {
- if(module.is.multiple()) {
- module.filterActive();
- }
- if(query || (!query && module.get.activeItem().length == 0)) {
- module.select.firstUnfiltered();
- }
- if( module.has.allResultsFiltered() ) {
- if( settings.onNoResults.call(element, searchTerm) ) {
- if(settings.allowAdditions) {
- if(settings.hideAdditions) {
- module.verbose('User addition with no menu, setting empty style');
- module.set.empty();
- module.hideMenu();
- }
- }
- else {
- module.verbose('All items filtered, showing message', searchTerm);
- module.add.message(message.noResults);
- }
- }
- else {
- module.verbose('All items filtered, hiding dropdown', searchTerm);
- module.hideMenu();
- }
- }
- else {
- module.remove.empty();
- module.remove.message();
- }
- if(settings.allowAdditions) {
- module.add.userSuggestion(query);
- }
- if(module.is.searchSelection() && module.can.show() && module.is.focusedOnSearch() ) {
- module.show();
- }
- }
- ;
- if(settings.useLabels && module.has.maxSelections()) {
- return;
- }
- if(settings.apiSettings) {
- if( module.can.useAPI() ) {
- module.queryRemote(searchTerm, function() {
- if(settings.filterRemoteData) {
- module.filterItems(searchTerm);
- }
- afterFiltered();
- });
- }
- else {
- module.error(error.noAPI);
- }
- }
- else {
- module.filterItems(searchTerm);
- afterFiltered();
- }
- },
- queryRemote: function(query, callback) {
- var
- apiSettings = {
- errorDuration : false,
- cache : 'local',
- throttle : settings.throttle,
- urlData : {
- query: query
- },
- onError: function() {
- module.add.message(message.serverError);
- callback();
- },
- onFailure: function() {
- module.add.message(message.serverError);
- callback();
- },
- onSuccess : function(response) {
- module.remove.message();
- module.setup.menu({
- values: response[fields.remoteValues]
- });
- callback();
- }
- }
- ;
- if( !$module.api('get request') ) {
- module.setup.api();
- }
- apiSettings = $.extend(true, {}, apiSettings, settings.apiSettings);
- $module
- .api('setting', apiSettings)
- .api('query')
- ;
- },
- filterItems: function(query) {
- var
- searchTerm = (query !== undefined)
- ? query
- : module.get.query(),
- results = null,
- escapedTerm = module.escape.string(searchTerm),
- beginsWithRegExp = new RegExp('^' + escapedTerm, 'igm')
- ;
- // avoid loop if we're matching nothing
- if( module.has.query() ) {
- results = [];
- module.verbose('Searching for matching values', searchTerm);
- $item
- .each(function(){
- var
- $choice = $(this),
- text,
- value
- ;
- if(settings.match == 'both' || settings.match == 'text') {
- text = String(module.get.choiceText($choice, false));
- if(text.search(beginsWithRegExp) !== -1) {
- results.push(this);
- return true;
- }
- else if (settings.fullTextSearch === 'exact' && module.exactSearch(searchTerm, text)) {
- results.push(this);
- return true;
- }
- else if (settings.fullTextSearch === true && module.fuzzySearch(searchTerm, text)) {
- results.push(this);
- return true;
- }
- }
- if(settings.match == 'both' || settings.match == 'value') {
- value = String(module.get.choiceValue($choice, text));
- if(value.search(beginsWithRegExp) !== -1) {
- results.push(this);
- return true;
- }
- else if (settings.fullTextSearch === 'exact' && module.exactSearch(searchTerm, value)) {
- results.push(this);
- return true;
- }
- else if (settings.fullTextSearch === true && module.fuzzySearch(searchTerm, value)) {
- results.push(this);
- return true;
- }
- }
- })
- ;
- }
- module.debug('Showing only matched items', searchTerm);
- module.remove.filteredItem();
- if(results) {
- $item
- .not(results)
- .addClass(className.filtered)
- ;
- }
- },
- fuzzySearch: function(query, term) {
- var
- termLength = term.length,
- queryLength = query.length
- ;
- query = query.toLowerCase();
- term = term.toLowerCase();
- if(queryLength > termLength) {
- return false;
- }
- if(queryLength === termLength) {
- return (query === term);
- }
- search: for (var characterIndex = 0, nextCharacterIndex = 0; characterIndex < queryLength; characterIndex++) {
- var
- queryCharacter = query.charCodeAt(characterIndex)
- ;
- while(nextCharacterIndex < termLength) {
- if(term.charCodeAt(nextCharacterIndex++) === queryCharacter) {
- continue search;
- }
- }
- return false;
- }
- return true;
- },
- exactSearch: function (query, term) {
- query = query.toLowerCase();
- term = term.toLowerCase();
- if(term.indexOf(query) > -1) {
- return true;
- }
- return false;
- },
- filterActive: function() {
- if(settings.useLabels) {
- $item.filter('.' + className.active)
- .addClass(className.filtered)
- ;
- }
- },
- focusSearch: function(skipHandler) {
- if( module.has.search() && !module.is.focusedOnSearch() ) {
- if(skipHandler) {
- $module.off('focus' + eventNamespace, selector.search);
- $search.focus();
- $module.on('focus' + eventNamespace, selector.search, module.event.search.focus);
- }
- else {
- $search.focus();
- }
- }
- },
- forceSelection: function() {
- var
- $currentlySelected = $item.not(className.filtered).filter('.' + className.selected).eq(0),
- $activeItem = $item.not(className.filtered).filter('.' + className.active).eq(0),
- $selectedItem = ($currentlySelected.length > 0)
- ? $currentlySelected
- : $activeItem,
- hasSelected = ($selectedItem.length > 0)
- ;
- if(hasSelected && !module.is.multiple()) {
- module.debug('Forcing partial selection to selected item', $selectedItem);
- module.event.item.click.call($selectedItem, {}, true);
- return;
- }
- else {
- if(settings.allowAdditions) {
- module.set.selected(module.get.query());
- module.remove.searchTerm();
- }
- else {
- module.remove.searchTerm();
- }
- }
- },
- change: {
- values: function(values) {
- if(!settings.allowAdditions) {
- module.clear();
- }
- module.debug('Creating dropdown with specified values', values);
- module.setup.menu({values: values});
- $.each(values, function(index, item) {
- if(item.selected == true) {
- module.debug('Setting initial selection to', item.value);
- module.set.selected(item.value);
- return true;
- }
- });
- }
- },
- event: {
- change: function() {
- if(!internalChange) {
- module.debug('Input changed, updating selection');
- module.set.selected();
- }
- },
- focus: function() {
- if(settings.showOnFocus && !activated && module.is.hidden() && !pageLostFocus) {
- module.show();
- }
- },
- blur: function(event) {
- pageLostFocus = (document.activeElement === this);
- if(!activated && !pageLostFocus) {
- module.remove.activeLabel();
- module.hide();
- }
- },
- mousedown: function() {
- if(module.is.searchSelection()) {
- // prevent menu hiding on immediate re-focus
- willRefocus = true;
- }
- else {
- // prevents focus callback from occurring on mousedown
- activated = true;
- }
- },
- mouseup: function() {
- if(module.is.searchSelection()) {
- // prevent menu hiding on immediate re-focus
- willRefocus = false;
- }
- else {
- activated = false;
- }
- },
- click: function(event) {
- var
- $target = $(event.target)
- ;
- // focus search
- if($target.is($module)) {
- if(!module.is.focusedOnSearch()) {
- module.focusSearch();
- }
- else {
- module.show();
- }
- }
- },
- search: {
- focus: function() {
- activated = true;
- if(module.is.multiple()) {
- module.remove.activeLabel();
- }
- if(settings.showOnFocus) {
- module.search();
- }
- },
- blur: function(event) {
- pageLostFocus = (document.activeElement === this);
- if(module.is.searchSelection() && !willRefocus) {
- if(!itemActivated && !pageLostFocus) {
- if(settings.forceSelection) {
- module.forceSelection();
- }
- module.hide();
- }
- }
- willRefocus = false;
- }
- },
- icon: {
- click: function(event) {
- module.toggle();
- }
- },
- text: {
- focus: function(event) {
- activated = true;
- module.focusSearch();
- }
- },
- input: function(event) {
- if(module.is.multiple() || module.is.searchSelection()) {
- module.set.filtered();
- }
- clearTimeout(module.timer);
- module.timer = setTimeout(module.search, settings.delay.search);
- },
- label: {
- click: function(event) {
- var
- $label = $(this),
- $labels = $module.find(selector.label),
- $activeLabels = $labels.filter('.' + className.active),
- $nextActive = $label.nextAll('.' + className.active),
- $prevActive = $label.prevAll('.' + className.active),
- $range = ($nextActive.length > 0)
- ? $label.nextUntil($nextActive).add($activeLabels).add($label)
- : $label.prevUntil($prevActive).add($activeLabels).add($label)
- ;
- if(event.shiftKey) {
- $activeLabels.removeClass(className.active);
- $range.addClass(className.active);
- }
- else if(event.ctrlKey) {
- $label.toggleClass(className.active);
- }
- else {
- $activeLabels.removeClass(className.active);
- $label.addClass(className.active);
- }
- settings.onLabelSelect.apply(this, $labels.filter('.' + className.active));
- }
- },
- remove: {
- click: function() {
- var
- $label = $(this).parent()
- ;
- if( $label.hasClass(className.active) ) {
- // remove all selected labels
- module.remove.activeLabels();
- }
- else {
- // remove this label only
- module.remove.activeLabels( $label );
- }
- }
- },
- test: {
- toggle: function(event) {
- var
- toggleBehavior = (module.is.multiple())
- ? module.show
- : module.toggle
- ;
- if(module.is.bubbledLabelClick(event) || module.is.bubbledIconClick(event)) {
- return;
- }
- if( module.determine.eventOnElement(event, toggleBehavior) ) {
- event.preventDefault();
- }
- },
- touch: function(event) {
- module.determine.eventOnElement(event, function() {
- if(event.type == 'touchstart') {
- module.timer = setTimeout(function() {
- module.hide();
- }, settings.delay.touch);
- }
- else if(event.type == 'touchmove') {
- clearTimeout(module.timer);
- }
- });
- event.stopPropagation();
- },
- hide: function(event) {
- module.determine.eventInModule(event, module.hide);
- }
- },
- select: {
- mutation: function(mutations) {
- module.debug('<select> modified, recreating menu');
- var
- isSelectMutation = false
- ;
- $.each(mutations, function(index, mutation) {
- if($(mutation.target).is('select') || $(mutation.addedNodes).is('select')) {
- isSelectMutation = true;
- return true;
- }
- });
- if(isSelectMutation) {
- module.disconnect.selectObserver();
- module.refresh();
- module.setup.select();
- module.set.selected();
- module.observe.select();
- }
- }
- },
- menu: {
- mutation: function(mutations) {
- var
- mutation = mutations[0],
- $addedNode = mutation.addedNodes
- ? $(mutation.addedNodes[0])
- : $(false),
- $removedNode = mutation.removedNodes
- ? $(mutation.removedNodes[0])
- : $(false),
- $changedNodes = $addedNode.add($removedNode),
- isUserAddition = $changedNodes.is(selector.addition) || $changedNodes.closest(selector.addition).length > 0,
- isMessage = $changedNodes.is(selector.message) || $changedNodes.closest(selector.message).length > 0
- ;
- if(isUserAddition || isMessage) {
- module.debug('Updating item selector cache');
- module.refreshItems();
- }
- else {
- module.debug('Menu modified, updating selector cache');
- module.refresh();
- }
- },
- mousedown: function() {
- itemActivated = true;
- },
- mouseup: function() {
- itemActivated = false;
- }
- },
- item: {
- mouseenter: function(event) {
- var
- $target = $(event.target),
- $item = $(this),
- $subMenu = $item.children(selector.menu),
- $otherMenus = $item.siblings(selector.item).children(selector.menu),
- hasSubMenu = ($subMenu.length > 0),
- isBubbledEvent = ($subMenu.find($target).length > 0)
- ;
- if( !isBubbledEvent && hasSubMenu ) {
- clearTimeout(module.itemTimer);
- module.itemTimer = setTimeout(function() {
- module.verbose('Showing sub-menu', $subMenu);
- $.each($otherMenus, function() {
- module.animate.hide(false, $(this));
- });
- module.animate.show(false, $subMenu);
- }, settings.delay.show);
- event.preventDefault();
- }
- },
- mouseleave: function(event) {
- var
- $subMenu = $(this).children(selector.menu)
- ;
- if($subMenu.length > 0) {
- clearTimeout(module.itemTimer);
- module.itemTimer = setTimeout(function() {
- module.verbose('Hiding sub-menu', $subMenu);
- module.animate.hide(false, $subMenu);
- }, settings.delay.hide);
- }
- },
- click: function (event, skipRefocus) {
- var
- $choice = $(this),
- $target = (event)
- ? $(event.target)
- : $(''),
- $subMenu = $choice.find(selector.menu),
- text = module.get.choiceText($choice),
- value = module.get.choiceValue($choice, text),
- hasSubMenu = ($subMenu.length > 0),
- isBubbledEvent = ($subMenu.find($target).length > 0)
- ;
- // prevents IE11 bug where menu receives focus even though `tabindex=-1`
- if(module.has.menuSearch()) {
- $(document.activeElement).blur();
- }
- if(!isBubbledEvent && (!hasSubMenu || settings.allowCategorySelection)) {
- if(module.is.searchSelection()) {
- if(settings.allowAdditions) {
- module.remove.userAddition();
- }
- module.remove.searchTerm();
- if(!module.is.focusedOnSearch() && !(skipRefocus == true)) {
- module.focusSearch(true);
- }
- }
- if(!settings.useLabels) {
- module.remove.filteredItem();
- module.set.scrollPosition($choice);
- }
- module.determine.selectAction.call(this, text, value);
- }
- }
- },
- document: {
- // label selection should occur even when element has no focus
- keydown: function(event) {
- var
- pressedKey = event.which,
- isShortcutKey = module.is.inObject(pressedKey, keys)
- ;
- if(isShortcutKey) {
- var
- $label = $module.find(selector.label),
- $activeLabel = $label.filter('.' + className.active),
- activeValue = $activeLabel.data(metadata.value),
- labelIndex = $label.index($activeLabel),
- labelCount = $label.length,
- hasActiveLabel = ($activeLabel.length > 0),
- hasMultipleActive = ($activeLabel.length > 1),
- isFirstLabel = (labelIndex === 0),
- isLastLabel = (labelIndex + 1 == labelCount),
- isSearch = module.is.searchSelection(),
- isFocusedOnSearch = module.is.focusedOnSearch(),
- isFocused = module.is.focused(),
- caretAtStart = (isFocusedOnSearch && module.get.caretPosition() === 0),
- $nextLabel
- ;
- if(isSearch && !hasActiveLabel && !isFocusedOnSearch) {
- return;
- }
- if(pressedKey == keys.leftArrow) {
- // activate previous label
- if((isFocused || caretAtStart) && !hasActiveLabel) {
- module.verbose('Selecting previous label');
- $label.last().addClass(className.active);
- }
- else if(hasActiveLabel) {
- if(!event.shiftKey) {
- module.verbose('Selecting previous label');
- $label.removeClass(className.active);
- }
- else {
- module.verbose('Adding previous label to selection');
- }
- if(isFirstLabel && !hasMultipleActive) {
- $activeLabel.addClass(className.active);
- }
- else {
- $activeLabel.prev(selector.siblingLabel)
- .addClass(className.active)
- .end()
- ;
- }
- event.preventDefault();
- }
- }
- else if(pressedKey == keys.rightArrow) {
- // activate first label
- if(isFocused && !hasActiveLabel) {
- $label.first().addClass(className.active);
- }
- // activate next label
- if(hasActiveLabel) {
- if(!event.shiftKey) {
- module.verbose('Selecting next label');
- $label.removeClass(className.active);
- }
- else {
- module.verbose('Adding next label to selection');
- }
- if(isLastLabel) {
- if(isSearch) {
- if(!isFocusedOnSearch) {
- module.focusSearch();
- }
- else {
- $label.removeClass(className.active);
- }
- }
- else if(hasMultipleActive) {
- $activeLabel.next(selector.siblingLabel).addClass(className.active);
- }
- else {
- $activeLabel.addClass(className.active);
- }
- }
- else {
- $activeLabel.next(selector.siblingLabel).addClass(className.active);
- }
- event.preventDefault();
- }
- }
- else if(pressedKey == keys.deleteKey || pressedKey == keys.backspace) {
- if(hasActiveLabel) {
- module.verbose('Removing active labels');
- if(isLastLabel) {
- if(isSearch && !isFocusedOnSearch) {
- module.focusSearch();
- }
- }
- $activeLabel.last().next(selector.siblingLabel).addClass(className.active);
- module.remove.activeLabels($activeLabel);
- event.preventDefault();
- }
- else if(caretAtStart && !hasActiveLabel && pressedKey == keys.backspace) {
- module.verbose('Removing last label on input backspace');
- $activeLabel = $label.last().addClass(className.active);
- module.remove.activeLabels($activeLabel);
- }
- }
- else {
- $activeLabel.removeClass(className.active);
- }
- }
- }
- },
- keydown: function(event) {
- var
- pressedKey = event.which,
- isShortcutKey = module.is.inObject(pressedKey, keys)
- ;
- if(isShortcutKey) {
- var
- $currentlySelected = $item.not(selector.unselectable).filter('.' + className.selected).eq(0),
- $activeItem = $menu.children('.' + className.active).eq(0),
- $selectedItem = ($currentlySelected.length > 0)
- ? $currentlySelected
- : $activeItem,
- $visibleItems = ($selectedItem.length > 0)
- ? $selectedItem.siblings(':not(.' + className.filtered +')').addBack()
- : $menu.children(':not(.' + className.filtered +')'),
- $subMenu = $selectedItem.children(selector.menu),
- $parentMenu = $selectedItem.closest(selector.menu),
- inVisibleMenu = ($parentMenu.hasClass(className.visible) || $parentMenu.hasClass(className.animating) || $parentMenu.parent(selector.menu).length > 0),
- hasSubMenu = ($subMenu.length> 0),
- hasSelectedItem = ($selectedItem.length > 0),
- selectedIsSelectable = ($selectedItem.not(selector.unselectable).length > 0),
- delimiterPressed = (pressedKey == keys.delimiter && settings.allowAdditions && module.is.multiple()),
- isAdditionWithoutMenu = (settings.allowAdditions && settings.hideAdditions && (pressedKey == keys.enter || delimiterPressed) && selectedIsSelectable),
- $nextItem,
- isSubMenuItem,
- newIndex
- ;
- // allow selection with menu closed
- if(isAdditionWithoutMenu) {
- module.verbose('Selecting item from keyboard shortcut', $selectedItem);
- module.event.item.click.call($selectedItem, event);
- if(module.is.searchSelection()) {
- module.remove.searchTerm();
- }
- }
- // visible menu keyboard shortcuts
- if( module.is.visible() ) {
- // enter (select or open sub-menu)
- if(pressedKey == keys.enter || delimiterPressed) {
- if(pressedKey == keys.enter && hasSelectedItem && hasSubMenu && !settings.allowCategorySelection) {
- module.verbose('Pressed enter on unselectable category, opening sub menu');
- pressedKey = keys.rightArrow;
- }
- else if(selectedIsSelectable) {
- module.verbose('Selecting item from keyboard shortcut', $selectedItem);
- module.event.item.click.call($selectedItem, event);
- if(module.is.searchSelection()) {
- module.remove.searchTerm();
- }
- }
- event.preventDefault();
- }
- // sub-menu actions
- if(hasSelectedItem) {
- if(pressedKey == keys.leftArrow) {
- isSubMenuItem = ($parentMenu[0] !== $menu[0]);
- if(isSubMenuItem) {
- module.verbose('Left key pressed, closing sub-menu');
- module.animate.hide(false, $parentMenu);
- $selectedItem
- .removeClass(className.selected)
- ;
- $parentMenu
- .closest(selector.item)
- .addClass(className.selected)
- ;
- event.preventDefault();
- }
- }
- // right arrow (show sub-menu)
- if(pressedKey == keys.rightArrow) {
- if(hasSubMenu) {
- module.verbose('Right key pressed, opening sub-menu');
- module.animate.show(false, $subMenu);
- $selectedItem
- .removeClass(className.selected)
- ;
- $subMenu
- .find(selector.item).eq(0)
- .addClass(className.selected)
- ;
- event.preventDefault();
- }
- }
- }
- // up arrow (traverse menu up)
- if(pressedKey == keys.upArrow) {
- $nextItem = (hasSelectedItem && inVisibleMenu)
- ? $selectedItem.prevAll(selector.item + ':not(' + selector.unselectable + ')').eq(0)
- : $item.eq(0)
- ;
- if($visibleItems.index( $nextItem ) < 0) {
- module.verbose('Up key pressed but reached top of current menu');
- event.preventDefault();
- return;
- }
- else {
- module.verbose('Up key pressed, changing active item');
- $selectedItem
- .removeClass(className.selected)
- ;
- $nextItem
- .addClass(className.selected)
- ;
- module.set.scrollPosition($nextItem);
- if(settings.selectOnKeydown && module.is.single()) {
- module.set.selectedItem($nextItem);
- }
- }
- event.preventDefault();
- }
- // down arrow (traverse menu down)
- if(pressedKey == keys.downArrow) {
- $nextItem = (hasSelectedItem && inVisibleMenu)
- ? $nextItem = $selectedItem.nextAll(selector.item + ':not(' + selector.unselectable + ')').eq(0)
- : $item.eq(0)
- ;
- if($nextItem.length === 0) {
- module.verbose('Down key pressed but reached bottom of current menu');
- event.preventDefault();
- return;
- }
- else {
- module.verbose('Down key pressed, changing active item');
- $item
- .removeClass(className.selected)
- ;
- $nextItem
- .addClass(className.selected)
- ;
- module.set.scrollPosition($nextItem);
- if(settings.selectOnKeydown && module.is.single()) {
- module.set.selectedItem($nextItem);
- }
- }
- event.preventDefault();
- }
- // page down (show next page)
- if(pressedKey == keys.pageUp) {
- module.scrollPage('up');
- event.preventDefault();
- }
- if(pressedKey == keys.pageDown) {
- module.scrollPage('down');
- event.preventDefault();
- }
- // escape (close menu)
- if(pressedKey == keys.escape) {
- module.verbose('Escape key pressed, closing dropdown');
- module.hide();
- }
- }
- else {
- // delimiter key
- if(delimiterPressed) {
- event.preventDefault();
- }
- // down arrow (open menu)
- if(pressedKey == keys.downArrow && !module.is.visible()) {
- module.verbose('Down key pressed, showing dropdown');
- module.show();
- event.preventDefault();
- }
- }
- }
- else {
- if( !module.has.search() ) {
- module.set.selectedLetter( String.fromCharCode(pressedKey) );
- }
- }
- }
- },
- trigger: {
- change: function() {
- var
- events = document.createEvent('HTMLEvents'),
- inputElement = $input[0]
- ;
- if(inputElement) {
- module.verbose('Triggering native change event');
- events.initEvent('change', true, false);
- inputElement.dispatchEvent(events);
- }
- }
- },
- determine: {
- selectAction: function(text, value) {
- module.verbose('Determining action', settings.action);
- if( $.isFunction( module.action[settings.action] ) ) {
- module.verbose('Triggering preset action', settings.action, text, value);
- module.action[ settings.action ].call(element, text, value, this);
- }
- else if( $.isFunction(settings.action) ) {
- module.verbose('Triggering user action', settings.action, text, value);
- settings.action.call(element, text, value, this);
- }
- else {
- module.error(error.action, settings.action);
- }
- },
- eventInModule: function(event, callback) {
- var
- $target = $(event.target),
- inDocument = ($target.closest(document.documentElement).length > 0),
- inModule = ($target.closest($module).length > 0)
- ;
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if(inDocument && !inModule) {
- module.verbose('Triggering event', callback);
- callback();
- return true;
- }
- else {
- module.verbose('Event occurred in dropdown, canceling callback');
- return false;
- }
- },
- eventOnElement: function(event, callback) {
- var
- $target = $(event.target),
- $label = $target.closest(selector.siblingLabel),
- inVisibleDOM = document.body.contains(event.target),
- notOnLabel = ($module.find($label).length === 0),
- notInMenu = ($target.closest($menu).length === 0)
- ;
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if(inVisibleDOM && notOnLabel && notInMenu) {
- module.verbose('Triggering event', callback);
- callback();
- return true;
- }
- else {
- module.verbose('Event occurred in dropdown menu, canceling callback');
- return false;
- }
- }
- },
- action: {
- nothing: function() {},
- activate: function(text, value, element) {
- value = (value !== undefined)
- ? value
- : text
- ;
- if( module.can.activate( $(element) ) ) {
- module.set.selected(value, $(element));
- if(module.is.multiple() && !module.is.allFiltered()) {
- return;
- }
- else {
- module.hideAndClear();
- }
- }
- },
- select: function(text, value, element) {
- value = (value !== undefined)
- ? value
- : text
- ;
- if( module.can.activate( $(element) ) ) {
- module.set.value(value, $(element));
- if(module.is.multiple() && !module.is.allFiltered()) {
- return;
- }
- else {
- module.hideAndClear();
- }
- }
- },
- combo: function(text, value, element) {
- value = (value !== undefined)
- ? value
- : text
- ;
- module.set.selected(value, $(element));
- module.hideAndClear();
- },
- hide: function(text, value, element) {
- module.set.value(value, text);
- module.hideAndClear();
- }
- },
- get: {
- id: function() {
- return id;
- },
- defaultText: function() {
- return $module.data(metadata.defaultText);
- },
- defaultValue: function() {
- return $module.data(metadata.defaultValue);
- },
- placeholderText: function() {
- if(settings.placeholder != 'auto' && typeof settings.placeholder == 'string') {
- return settings.placeholder;
- }
- return $module.data(metadata.placeholderText) || '';
- },
- text: function() {
- return $text.text();
- },
- query: function() {
- return $.trim($search.val());
- },
- searchWidth: function(value) {
- value = (value !== undefined)
- ? value
- : $search.val()
- ;
- $sizer.text(value);
- // prevent rounding issues
- return Math.ceil( $sizer.width() + 1);
- },
- selectionCount: function() {
- var
- values = module.get.values(),
- count
- ;
- count = ( module.is.multiple() )
- ? $.isArray(values)
- ? values.length
- : 0
- : (module.get.value() !== '')
- ? 1
- : 0
- ;
- return count;
- },
- transition: function($subMenu) {
- return (settings.transition == 'auto')
- ? module.is.upward($subMenu)
- ? 'slide up'
- : 'slide down'
- : settings.transition
- ;
- },
- userValues: function() {
- var
- values = module.get.values()
- ;
- if(!values) {
- return false;
- }
- values = $.isArray(values)
- ? values
- : [values]
- ;
- return $.grep(values, function(value) {
- return (module.get.item(value) === false);
- });
- },
- uniqueArray: function(array) {
- return $.grep(array, function (value, index) {
- return $.inArray(value, array) === index;
- });
- },
- caretPosition: function() {
- var
- input = $search.get(0),
- range,
- rangeLength
- ;
- if('selectionStart' in input) {
- return input.selectionStart;
- }
- else if (document.selection) {
- input.focus();
- range = document.selection.createRange();
- rangeLength = range.text.length;
- range.moveStart('character', -input.value.length);
- return range.text.length - rangeLength;
- }
- },
- value: function() {
- var
- value = ($input.length > 0)
- ? $input.val()
- : $module.data(metadata.value),
- isEmptyMultiselect = ($.isArray(value) && value.length === 1 && value[0] === '')
- ;
- // prevents placeholder element from being selected when multiple
- return (value === undefined || isEmptyMultiselect)
- ? ''
- : value
- ;
- },
- values: function() {
- var
- value = module.get.value()
- ;
- if(value === '') {
- return '';
- }
- return ( !module.has.selectInput() && module.is.multiple() )
- ? (typeof value == 'string') // delimited string
- ? value.split(settings.delimiter)
- : ''
- : value
- ;
- },
- remoteValues: function() {
- var
- values = module.get.values(),
- remoteValues = false
- ;
- if(values) {
- if(typeof values == 'string') {
- values = [values];
- }
- $.each(values, function(index, value) {
- var
- name = module.read.remoteData(value)
- ;
- module.verbose('Restoring value from session data', name, value);
- if(name) {
- if(!remoteValues) {
- remoteValues = {};
- }
- remoteValues[value] = name;
- }
- });
- }
- return remoteValues;
- },
- choiceText: function($choice, preserveHTML) {
- preserveHTML = (preserveHTML !== undefined)
- ? preserveHTML
- : settings.preserveHTML
- ;
- if($choice) {
- if($choice.find(selector.menu).length > 0) {
- module.verbose('Retrieving text of element with sub-menu');
- $choice = $choice.clone();
- $choice.find(selector.menu).remove();
- $choice.find(selector.menuIcon).remove();
- }
- return ($choice.data(metadata.text) !== undefined)
- ? $choice.data(metadata.text)
- : (preserveHTML)
- ? $.trim($choice.html())
- : $.trim($choice.text())
- ;
- }
- },
- choiceValue: function($choice, choiceText) {
- choiceText = choiceText || module.get.choiceText($choice);
- if(!$choice) {
- return false;
- }
- return ($choice.data(metadata.value) !== undefined)
- ? String( $choice.data(metadata.value) )
- : (typeof choiceText === 'string')
- ? $.trim(choiceText.toLowerCase())
- : String(choiceText)
- ;
- },
- inputEvent: function() {
- var
- input = $search[0]
- ;
- if(input) {
- return (input.oninput !== undefined)
- ? 'input'
- : (input.onpropertychange !== undefined)
- ? 'propertychange'
- : 'keyup'
- ;
- }
- return false;
- },
- selectValues: function() {
- var
- select = {}
- ;
- select.values = [];
- $module
- .find('option')
- .each(function() {
- var
- $option = $(this),
- name = $option.html(),
- disabled = $option.attr('disabled'),
- value = ( $option.attr('value') !== undefined )
- ? $option.attr('value')
- : name
- ;
- if(settings.placeholder === 'auto' && value === '') {
- select.placeholder = name;
- }
- else {
- select.values.push({
- name : name,
- value : value,
- disabled : disabled
- });
- }
- })
- ;
- if(settings.placeholder && settings.placeholder !== 'auto') {
- module.debug('Setting placeholder value to', settings.placeholder);
- select.placeholder = settings.placeholder;
- }
- if(settings.sortSelect) {
- select.values.sort(function(a, b) {
- return (a.name > b.name)
- ? 1
- : -1
- ;
- });
- module.debug('Retrieved and sorted values from select', select);
- }
- else {
- module.debug('Retrieved values from select', select);
- }
- return select;
- },
- activeItem: function() {
- return $item.filter('.' + className.active);
- },
- selectedItem: function() {
- var
- $selectedItem = $item.not(selector.unselectable).filter('.' + className.selected)
- ;
- return ($selectedItem.length > 0)
- ? $selectedItem
- : $item.eq(0)
- ;
- },
- itemWithAdditions: function(value) {
- var
- $items = module.get.item(value),
- $userItems = module.create.userChoice(value),
- hasUserItems = ($userItems && $userItems.length > 0)
- ;
- if(hasUserItems) {
- $items = ($items.length > 0)
- ? $items.add($userItems)
- : $userItems
- ;
- }
- return $items;
- },
- item: function(value, strict) {
- var
- $selectedItem = false,
- shouldSearch,
- isMultiple
- ;
- value = (value !== undefined)
- ? value
- : ( module.get.values() !== undefined)
- ? module.get.values()
- : module.get.text()
- ;
- shouldSearch = (isMultiple)
- ? (value.length > 0)
- : (value !== undefined && value !== null)
- ;
- isMultiple = (module.is.multiple() && $.isArray(value));
- strict = (value === '' || value === 0)
- ? true
- : strict || false
- ;
- if(shouldSearch) {
- $item
- .each(function() {
- var
- $choice = $(this),
- optionText = module.get.choiceText($choice),
- optionValue = module.get.choiceValue($choice, optionText)
- ;
- // safe early exit
- if(optionValue === null || optionValue === undefined) {
- return;
- }
- if(isMultiple) {
- if($.inArray( String(optionValue), value) !== -1 || $.inArray(optionText, value) !== -1) {
- $selectedItem = ($selectedItem)
- ? $selectedItem.add($choice)
- : $choice
- ;
- }
- }
- else if(strict) {
- module.verbose('Ambiguous dropdown value using strict type check', $choice, value);
- if( optionValue === value || optionText === value) {
- $selectedItem = $choice;
- return true;
- }
- }
- else {
- if( String(optionValue) == String(value) || optionText == value) {
- module.verbose('Found select item by value', optionValue, value);
- $selectedItem = $choice;
- return true;
- }
- }
- })
- ;
- }
- return $selectedItem;
- }
- },
- check: {
- maxSelections: function(selectionCount) {
- if(settings.maxSelections) {
- selectionCount = (selectionCount !== undefined)
- ? selectionCount
- : module.get.selectionCount()
- ;
- if(selectionCount >= settings.maxSelections) {
- module.debug('Maximum selection count reached');
- if(settings.useLabels) {
- $item.addClass(className.filtered);
- module.add.message(message.maxSelections);
- }
- return true;
- }
- else {
- module.verbose('No longer at maximum selection count');
- module.remove.message();
- module.remove.filteredItem();
- if(module.is.searchSelection()) {
- module.filterItems();
- }
- return false;
- }
- }
- return true;
- }
- },
- restore: {
- defaults: function() {
- module.clear();
- module.restore.defaultText();
- module.restore.defaultValue();
- },
- defaultText: function() {
- var
- defaultText = module.get.defaultText(),
- placeholderText = module.get.placeholderText
- ;
- if(defaultText === placeholderText) {
- module.debug('Restoring default placeholder text', defaultText);
- module.set.placeholderText(defaultText);
- }
- else {
- module.debug('Restoring default text', defaultText);
- module.set.text(defaultText);
- }
- },
- placeholderText: function() {
- module.set.placeholderText();
- },
- defaultValue: function() {
- var
- defaultValue = module.get.defaultValue()
- ;
- if(defaultValue !== undefined) {
- module.debug('Restoring default value', defaultValue);
- if(defaultValue !== '') {
- module.set.value(defaultValue);
- module.set.selected();
- }
- else {
- module.remove.activeItem();
- module.remove.selectedItem();
- }
- }
- },
- labels: function() {
- if(settings.allowAdditions) {
- if(!settings.useLabels) {
- module.error(error.labels);
- settings.useLabels = true;
- }
- module.debug('Restoring selected values');
- module.create.userLabels();
- }
- module.check.maxSelections();
- },
- selected: function() {
- module.restore.values();
- if(module.is.multiple()) {
- module.debug('Restoring previously selected values and labels');
- module.restore.labels();
- }
- else {
- module.debug('Restoring previously selected values');
- }
- },
- values: function() {
- // prevents callbacks from occurring on initial load
- module.set.initialLoad();
- if(settings.apiSettings && settings.saveRemoteData && module.get.remoteValues()) {
- module.restore.remoteValues();
- }
- else {
- module.set.selected();
- }
- module.remove.initialLoad();
- },
- remoteValues: function() {
- var
- values = module.get.remoteValues()
- ;
- module.debug('Recreating selected from session data', values);
- if(values) {
- if( module.is.single() ) {
- $.each(values, function(value, name) {
- module.set.text(name);
- });
- }
- else {
- $.each(values, function(value, name) {
- module.add.label(value, name);
- });
- }
- }
- }
- },
- read: {
- remoteData: function(value) {
- var
- name
- ;
- if(window.Storage === undefined) {
- module.error(error.noStorage);
- return;
- }
- name = sessionStorage.getItem(value);
- return (name !== undefined)
- ? name
- : false
- ;
- }
- },
- save: {
- defaults: function() {
- module.save.defaultText();
- module.save.placeholderText();
- module.save.defaultValue();
- },
- defaultValue: function() {
- var
- value = module.get.value()
- ;
- module.verbose('Saving default value as', value);
- $module.data(metadata.defaultValue, value);
- },
- defaultText: function() {
- var
- text = module.get.text()
- ;
- module.verbose('Saving default text as', text);
- $module.data(metadata.defaultText, text);
- },
- placeholderText: function() {
- var
- text
- ;
- if(settings.placeholder !== false && $text.hasClass(className.placeholder)) {
- text = module.get.text();
- module.verbose('Saving placeholder text as', text);
- $module.data(metadata.placeholderText, text);
- }
- },
- remoteData: function(name, value) {
- if(window.Storage === undefined) {
- module.error(error.noStorage);
- return;
- }
- module.verbose('Saving remote data to session storage', value, name);
- sessionStorage.setItem(value, name);
- }
- },
- clear: function() {
- if(module.is.multiple() && settings.useLabels) {
- module.remove.labels();
- }
- else {
- module.remove.activeItem();
- module.remove.selectedItem();
- }
- module.set.placeholderText();
- module.clearValue();
- },
- clearValue: function() {
- module.set.value('');
- },
- scrollPage: function(direction, $selectedItem) {
- var
- $currentItem = $selectedItem || module.get.selectedItem(),
- $menu = $currentItem.closest(selector.menu),
- menuHeight = $menu.outerHeight(),
- currentScroll = $menu.scrollTop(),
- itemHeight = $item.eq(0).outerHeight(),
- itemsPerPage = Math.floor(menuHeight / itemHeight),
- maxScroll = $menu.prop('scrollHeight'),
- newScroll = (direction == 'up')
- ? currentScroll - (itemHeight * itemsPerPage)
- : currentScroll + (itemHeight * itemsPerPage),
- $selectableItem = $item.not(selector.unselectable),
- isWithinRange,
- $nextSelectedItem,
- elementIndex
- ;
- elementIndex = (direction == 'up')
- ? $selectableItem.index($currentItem) - itemsPerPage
- : $selectableItem.index($currentItem) + itemsPerPage
- ;
- isWithinRange = (direction == 'up')
- ? (elementIndex >= 0)
- : (elementIndex < $selectableItem.length)
- ;
- $nextSelectedItem = (isWithinRange)
- ? $selectableItem.eq(elementIndex)
- : (direction == 'up')
- ? $selectableItem.first()
- : $selectableItem.last()
- ;
- if($nextSelectedItem.length > 0) {
- module.debug('Scrolling page', direction, $nextSelectedItem);
- $currentItem
- .removeClass(className.selected)
- ;
- $nextSelectedItem
- .addClass(className.selected)
- ;
- if(settings.selectOnKeydown && module.is.single()) {
- module.set.selectedItem($nextSelectedItem);
- }
- $menu
- .scrollTop(newScroll)
- ;
- }
- },
- set: {
- filtered: function() {
- var
- isMultiple = module.is.multiple(),
- isSearch = module.is.searchSelection(),
- isSearchMultiple = (isMultiple && isSearch),
- searchValue = (isSearch)
- ? module.get.query()
- : '',
- hasSearchValue = (typeof searchValue === 'string' && searchValue.length > 0),
- searchWidth = module.get.searchWidth(),
- valueIsSet = searchValue !== ''
- ;
- if(isMultiple && hasSearchValue) {
- module.verbose('Adjusting input width', searchWidth, settings.glyphWidth);
- $search.css('width', searchWidth);
- }
- if(hasSearchValue || (isSearchMultiple && valueIsSet)) {
- module.verbose('Hiding placeholder text');
- $text.addClass(className.filtered);
- }
- else if(!isMultiple || (isSearchMultiple && !valueIsSet)) {
- module.verbose('Showing placeholder text');
- $text.removeClass(className.filtered);
- }
- },
- empty: function() {
- $module.addClass(className.empty);
- },
- loading: function() {
- $module.addClass(className.loading);
- },
- placeholderText: function(text) {
- text = text || module.get.placeholderText();
- module.debug('Setting placeholder text', text);
- module.set.text(text);
- $text.addClass(className.placeholder);
- },
- tabbable: function() {
- if( module.is.searchSelection() ) {
- module.debug('Added tabindex to searchable dropdown');
- $search
- .val('')
- .attr('tabindex', 0)
- ;
- $menu
- .attr('tabindex', -1)
- ;
- }
- else {
- module.debug('Added tabindex to dropdown');
- if( $module.attr('tabindex') === undefined) {
- $module
- .attr('tabindex', 0)
- ;
- $menu
- .attr('tabindex', -1)
- ;
- }
- }
- },
- initialLoad: function() {
- module.verbose('Setting initial load');
- initialLoad = true;
- },
- activeItem: function($item) {
- if( settings.allowAdditions && $item.filter(selector.addition).length > 0 ) {
- $item.addClass(className.filtered);
- }
- else {
- $item.addClass(className.active);
- }
- },
- partialSearch: function(text) {
- var
- length = module.get.query().length
- ;
- $search.val( text.substr(0 , length));
- },
- scrollPosition: function($item, forceScroll) {
- var
- edgeTolerance = 5,
- $menu,
- hasActive,
- offset,
- itemHeight,
- itemOffset,
- menuOffset,
- menuScroll,
- menuHeight,
- abovePage,
- belowPage
- ;
- $item = $item || module.get.selectedItem();
- $menu = $item.closest(selector.menu);
- hasActive = ($item && $item.length > 0);
- forceScroll = (forceScroll !== undefined)
- ? forceScroll
- : false
- ;
- if($item && $menu.length > 0 && hasActive) {
- itemOffset = $item.position().top;
- $menu.addClass(className.loading);
- menuScroll = $menu.scrollTop();
- menuOffset = $menu.offset().top;
- itemOffset = $item.offset().top;
- offset = menuScroll - menuOffset + itemOffset;
- if(!forceScroll) {
- menuHeight = $menu.height();
- belowPage = menuScroll + menuHeight < (offset + edgeTolerance);
- abovePage = ((offset - edgeTolerance) < menuScroll);
- }
- module.debug('Scrolling to active item', offset);
- if(forceScroll || abovePage || belowPage) {
- $menu.scrollTop(offset);
- }
- $menu.removeClass(className.loading);
- }
- },
- text: function(text) {
- if(settings.action !== 'select') {
- if(settings.action == 'combo') {
- module.debug('Changing combo button text', text, $combo);
- if(settings.preserveHTML) {
- $combo.html(text);
- }
- else {
- $combo.text(text);
- }
- }
- else {
- if(text !== module.get.placeholderText()) {
- $text.removeClass(className.placeholder);
- }
- module.debug('Changing text', text, $text);
- $text
- .removeClass(className.filtered)
- ;
- if(settings.preserveHTML) {
- $text.html(text);
- }
- else {
- $text.text(text);
- }
- }
- }
- },
- selectedItem: function($item) {
- var
- value = module.get.choiceValue($item),
- searchText = module.get.choiceText($item, false),
- text = module.get.choiceText($item, true)
- ;
- module.debug('Setting user selection to item', $item);
- module.remove.activeItem();
- module.set.partialSearch(searchText);
- module.set.activeItem($item);
- module.set.selected(value, $item);
- module.set.text(text);
- },
- selectedLetter: function(letter) {
- var
- $selectedItem = $item.filter('.' + className.selected),
- alreadySelectedLetter = $selectedItem.length > 0 && module.has.firstLetter($selectedItem, letter),
- $nextValue = false,
- $nextItem
- ;
- // check next of same letter
- if(alreadySelectedLetter) {
- $nextItem = $selectedItem.nextAll($item).eq(0);
- if( module.has.firstLetter($nextItem, letter) ) {
- $nextValue = $nextItem;
- }
- }
- // check all values
- if(!$nextValue) {
- $item
- .each(function(){
- if(module.has.firstLetter($(this), letter)) {
- $nextValue = $(this);
- return false;
- }
- })
- ;
- }
- // set next value
- if($nextValue) {
- module.verbose('Scrolling to next value with letter', letter);
- module.set.scrollPosition($nextValue);
- $selectedItem.removeClass(className.selected);
- $nextValue.addClass(className.selected);
- if(settings.selectOnKeydown && module.is.single()) {
- module.set.selectedItem($nextValue);
- }
- }
- },
- direction: function($menu) {
- if(settings.direction == 'auto') {
- // reset position
- module.remove.upward();
- if(module.can.openDownward($menu)) {
- module.remove.upward($menu);
- }
- else {
- module.set.upward($menu);
- }
- if(!module.is.leftward($menu) && !module.can.openRightward($menu)) {
- module.set.leftward($menu);
- }
- }
- else if(settings.direction == 'upward') {
- module.set.upward($menu);
- }
- },
- upward: function($currentMenu) {
- var $element = $currentMenu || $module;
- $element.addClass(className.upward);
- },
- leftward: function($currentMenu) {
- var $element = $currentMenu || $menu;
- $element.addClass(className.leftward);
- },
- value: function(value, text, $selected) {
- var
- escapedValue = module.escape.value(value),
- hasInput = ($input.length > 0),
- currentValue = module.get.values(),
- stringValue = (value !== undefined)
- ? String(value)
- : value,
- newValue
- ;
- if(hasInput) {
- if(!settings.allowReselection && stringValue == currentValue) {
- module.verbose('Skipping value update already same value', value, currentValue);
- if(!module.is.initialLoad()) {
- return;
- }
- }
- if( module.is.single() && module.has.selectInput() && module.can.extendSelect() ) {
- module.debug('Adding user option', value);
- module.add.optionValue(value);
- }
- module.debug('Updating input value', escapedValue, currentValue);
- internalChange = true;
- $input
- .val(escapedValue)
- ;
- if(settings.fireOnInit === false && module.is.initialLoad()) {
- module.debug('Input native change event ignored on initial load');
- }
- else {
- module.trigger.change();
- }
- internalChange = false;
- }
- else {
- module.verbose('Storing value in metadata', escapedValue, $input);
- if(escapedValue !== currentValue) {
- $module.data(metadata.value, stringValue);
- }
- }
- if(settings.fireOnInit === false && module.is.initialLoad()) {
- module.verbose('No callback on initial load', settings.onChange);
- }
- else {
- settings.onChange.call(element, value, text, $selected);
- }
- },
- active: function() {
- $module
- .addClass(className.active)
- ;
- },
- multiple: function() {
- $module.addClass(className.multiple);
- },
- visible: function() {
- $module.addClass(className.visible);
- },
- exactly: function(value, $selectedItem) {
- module.debug('Setting selected to exact values');
- module.clear();
- module.set.selected(value, $selectedItem);
- },
- selected: function(value, $selectedItem) {
- var
- isMultiple = module.is.multiple(),
- $userSelectedItem
- ;
- $selectedItem = (settings.allowAdditions)
- ? $selectedItem || module.get.itemWithAdditions(value)
- : $selectedItem || module.get.item(value)
- ;
- if(!$selectedItem) {
- return;
- }
- module.debug('Setting selected menu item to', $selectedItem);
- if(module.is.multiple()) {
- module.remove.searchWidth();
- }
- if(module.is.single()) {
- module.remove.activeItem();
- module.remove.selectedItem();
- }
- else if(settings.useLabels) {
- module.remove.selectedItem();
- }
- // select each item
- $selectedItem
- .each(function() {
- var
- $selected = $(this),
- selectedText = module.get.choiceText($selected),
- selectedValue = module.get.choiceValue($selected, selectedText),
- isFiltered = $selected.hasClass(className.filtered),
- isActive = $selected.hasClass(className.active),
- isUserValue = $selected.hasClass(className.addition),
- shouldAnimate = (isMultiple && $selectedItem.length == 1)
- ;
- if(isMultiple) {
- if(!isActive || isUserValue) {
- if(settings.apiSettings && settings.saveRemoteData) {
- module.save.remoteData(selectedText, selectedValue);
- }
- if(settings.useLabels) {
- module.add.label(selectedValue, selectedText, shouldAnimate);
- module.add.value(selectedValue, selectedText, $selected);
- module.set.activeItem($selected);
- module.filterActive();
- module.select.nextAvailable($selectedItem);
- }
- else {
- module.add.value(selectedValue, selectedText, $selected);
- module.set.text(module.add.variables(message.count));
- module.set.activeItem($selected);
- }
- }
- else if(!isFiltered) {
- module.debug('Selected active value, removing label');
- module.remove.selected(selectedValue);
- }
- }
- else {
- if(settings.apiSettings && settings.saveRemoteData) {
- module.save.remoteData(selectedText, selectedValue);
- }
- module.set.text(selectedText);
- module.set.value(selectedValue, selectedText, $selected);
- $selected
- .addClass(className.active)
- .addClass(className.selected)
- ;
- }
- })
- ;
- }
- },
- add: {
- label: function(value, text, shouldAnimate) {
- var
- $next = module.is.searchSelection()
- ? $search
- : $text,
- escapedValue = module.escape.value(value),
- $label
- ;
- $label = $('<a />')
- .addClass(className.label)
- .attr('data-' + metadata.value, escapedValue)
- .html(templates.label(escapedValue, text))
- ;
- $label = settings.onLabelCreate.call($label, escapedValue, text);
- if(module.has.value(value)) {
- module.debug('User selection already exists, skipping', escapedValue);
- return;
- }
- if(settings.label.variation) {
- $label.addClass(settings.label.variation);
- }
- if(shouldAnimate === true) {
- module.debug('Animating in label', $label);
- $label
- .addClass(className.hidden)
- .insertBefore($next)
- .transition(settings.label.transition, settings.label.duration)
- ;
- }
- else {
- module.debug('Adding selection label', $label);
- $label
- .insertBefore($next)
- ;
- }
- },
- message: function(message) {
- var
- $message = $menu.children(selector.message),
- html = settings.templates.message(module.add.variables(message))
- ;
- if($message.length > 0) {
- $message
- .html(html)
- ;
- }
- else {
- $message = $('<div/>')
- .html(html)
- .addClass(className.message)
- .appendTo($menu)
- ;
- }
- },
- optionValue: function(value) {
- var
- escapedValue = module.escape.value(value),
- $option = $input.find('option[value="' + module.escape.string(escapedValue) + '"]'),
- hasOption = ($option.length > 0)
- ;
- if(hasOption) {
- return;
- }
- // temporarily disconnect observer
- module.disconnect.selectObserver();
- if( module.is.single() ) {
- module.verbose('Removing previous user addition');
- $input.find('option.' + className.addition).remove();
- }
- $('<option/>')
- .prop('value', escapedValue)
- .addClass(className.addition)
- .html(value)
- .appendTo($input)
- ;
- module.verbose('Adding user addition as an <option>', value);
- module.observe.select();
- },
- userSuggestion: function(value) {
- var
- $addition = $menu.children(selector.addition),
- $existingItem = module.get.item(value),
- alreadyHasValue = $existingItem && $existingItem.not(selector.addition).length,
- hasUserSuggestion = $addition.length > 0,
- html
- ;
- if(settings.useLabels && module.has.maxSelections()) {
- return;
- }
- if(value === '' || alreadyHasValue) {
- $addition.remove();
- return;
- }
- if(hasUserSuggestion) {
- $addition
- .data(metadata.value, value)
- .data(metadata.text, value)
- .attr('data-' + metadata.value, value)
- .attr('data-' + metadata.text, value)
- .removeClass(className.filtered)
- ;
- if(!settings.hideAdditions) {
- html = settings.templates.addition( module.add.variables(message.addResult, value) );
- $addition
- .html(html)
- ;
- }
- module.verbose('Replacing user suggestion with new value', $addition);
- }
- else {
- $addition = module.create.userChoice(value);
- $addition
- .prependTo($menu)
- ;
- module.verbose('Adding item choice to menu corresponding with user choice addition', $addition);
- }
- if(!settings.hideAdditions || module.is.allFiltered()) {
- $addition
- .addClass(className.selected)
- .siblings()
- .removeClass(className.selected)
- ;
- }
- module.refreshItems();
- },
- variables: function(message, term) {
- var
- hasCount = (message.search('{count}') !== -1),
- hasMaxCount = (message.search('{maxCount}') !== -1),
- hasTerm = (message.search('{term}') !== -1),
- values,
- count,
- query
- ;
- module.verbose('Adding templated variables to message', message);
- if(hasCount) {
- count = module.get.selectionCount();
- message = message.replace('{count}', count);
- }
- if(hasMaxCount) {
- count = module.get.selectionCount();
- message = message.replace('{maxCount}', settings.maxSelections);
- }
- if(hasTerm) {
- query = term || module.get.query();
- message = message.replace('{term}', query);
- }
- return message;
- },
- value: function(addedValue, addedText, $selectedItem) {
- var
- currentValue = module.get.values(),
- newValue
- ;
- if(module.has.value(addedValue)) {
- module.debug('Value already selected');
- return;
- }
- if(addedValue === '') {
- module.debug('Cannot select blank values from multiselect');
- return;
- }
- // extend current array
- if($.isArray(currentValue)) {
- newValue = currentValue.concat([addedValue]);
- newValue = module.get.uniqueArray(newValue);
- }
- else {
- newValue = [addedValue];
- }
- // add values
- if( module.has.selectInput() ) {
- if(module.can.extendSelect()) {
- module.debug('Adding value to select', addedValue, newValue, $input);
- module.add.optionValue(addedValue);
- }
- }
- else {
- newValue = newValue.join(settings.delimiter);
- module.debug('Setting hidden input to delimited value', newValue, $input);
- }
- if(settings.fireOnInit === false && module.is.initialLoad()) {
- module.verbose('Skipping onadd callback on initial load', settings.onAdd);
- }
- else {
- settings.onAdd.call(element, addedValue, addedText, $selectedItem);
- }
- module.set.value(newValue, addedValue, addedText, $selectedItem);
- module.check.maxSelections();
- }
- },
- remove: {
- active: function() {
- $module.removeClass(className.active);
- },
- activeLabel: function() {
- $module.find(selector.label).removeClass(className.active);
- },
- empty: function() {
- $module.removeClass(className.empty);
- },
- loading: function() {
- $module.removeClass(className.loading);
- },
- initialLoad: function() {
- initialLoad = false;
- },
- upward: function($currentMenu) {
- var $element = $currentMenu || $module;
- $element.removeClass(className.upward);
- },
- leftward: function($currentMenu) {
- var $element = $currentMenu || $menu;
- $element.removeClass(className.leftward);
- },
- visible: function() {
- $module.removeClass(className.visible);
- },
- activeItem: function() {
- $item.removeClass(className.active);
- },
- filteredItem: function() {
- if(settings.useLabels && module.has.maxSelections() ) {
- return;
- }
- if(settings.useLabels && module.is.multiple()) {
- $item.not('.' + className.active).removeClass(className.filtered);
- }
- else {
- $item.removeClass(className.filtered);
- }
- module.remove.empty();
- },
- optionValue: function(value) {
- var
- escapedValue = module.escape.value(value),
- $option = $input.find('option[value="' + module.escape.string(escapedValue) + '"]'),
- hasOption = ($option.length > 0)
- ;
- if(!hasOption || !$option.hasClass(className.addition)) {
- return;
- }
- // temporarily disconnect observer
- if(selectObserver) {
- selectObserver.disconnect();
- module.verbose('Temporarily disconnecting mutation observer');
- }
- $option.remove();
- module.verbose('Removing user addition as an <option>', escapedValue);
- if(selectObserver) {
- selectObserver.observe($input[0], {
- childList : true,
- subtree : true
- });
- }
- },
- message: function() {
- $menu.children(selector.message).remove();
- },
- searchWidth: function() {
- $search.css('width', '');
- },
- searchTerm: function() {
- module.verbose('Cleared search term');
- $search.val('');
- module.set.filtered();
- },
- userAddition: function() {
- $item.filter(selector.addition).remove();
- },
- selected: function(value, $selectedItem) {
- $selectedItem = (settings.allowAdditions)
- ? $selectedItem || module.get.itemWithAdditions(value)
- : $selectedItem || module.get.item(value)
- ;
- if(!$selectedItem) {
- return false;
- }
- $selectedItem
- .each(function() {
- var
- $selected = $(this),
- selectedText = module.get.choiceText($selected),
- selectedValue = module.get.choiceValue($selected, selectedText)
- ;
- if(module.is.multiple()) {
- if(settings.useLabels) {
- module.remove.value(selectedValue, selectedText, $selected);
- module.remove.label(selectedValue);
- }
- else {
- module.remove.value(selectedValue, selectedText, $selected);
- if(module.get.selectionCount() === 0) {
- module.set.placeholderText();
- }
- else {
- module.set.text(module.add.variables(message.count));
- }
- }
- }
- else {
- module.remove.value(selectedValue, selectedText, $selected);
- }
- $selected
- .removeClass(className.filtered)
- .removeClass(className.active)
- ;
- if(settings.useLabels) {
- $selected.removeClass(className.selected);
- }
- })
- ;
- },
- selectedItem: function() {
- $item.removeClass(className.selected);
- },
- value: function(removedValue, removedText, $removedItem) {
- var
- values = module.get.values(),
- newValue
- ;
- if( module.has.selectInput() ) {
- module.verbose('Input is <select> removing selected option', removedValue);
- newValue = module.remove.arrayValue(removedValue, values);
- module.remove.optionValue(removedValue);
- }
- else {
- module.verbose('Removing from delimited values', removedValue);
- newValue = module.remove.arrayValue(removedValue, values);
- newValue = newValue.join(settings.delimiter);
- }
- if(settings.fireOnInit === false && module.is.initialLoad()) {
- module.verbose('No callback on initial load', settings.onRemove);
- }
- else {
- settings.onRemove.call(element, removedValue, removedText, $removedItem);
- }
- module.set.value(newValue, removedText, $removedItem);
- module.check.maxSelections();
- },
- arrayValue: function(removedValue, values) {
- if( !$.isArray(values) ) {
- values = [values];
- }
- values = $.grep(values, function(value){
- return (removedValue != value);
- });
- module.verbose('Removed value from delimited string', removedValue, values);
- return values;
- },
- label: function(value, shouldAnimate) {
- var
- $labels = $module.find(selector.label),
- $removedLabel = $labels.filter('[data-' + metadata.value + '="' + module.escape.string(value) +'"]')
- ;
- module.verbose('Removing label', $removedLabel);
- $removedLabel.remove();
- },
- activeLabels: function($activeLabels) {
- $activeLabels = $activeLabels || $module.find(selector.label).filter('.' + className.active);
- module.verbose('Removing active label selections', $activeLabels);
- module.remove.labels($activeLabels);
- },
- labels: function($labels) {
- $labels = $labels || $module.find(selector.label);
- module.verbose('Removing labels', $labels);
- $labels
- .each(function(){
- var
- $label = $(this),
- value = $label.data(metadata.value),
- stringValue = (value !== undefined)
- ? String(value)
- : value,
- isUserValue = module.is.userValue(stringValue)
- ;
- if(settings.onLabelRemove.call($label, value) === false) {
- module.debug('Label remove callback cancelled removal');
- return;
- }
- module.remove.message();
- if(isUserValue) {
- module.remove.value(stringValue);
- module.remove.label(stringValue);
- }
- else {
- // selected will also remove label
- module.remove.selected(stringValue);
- }
- })
- ;
- },
- tabbable: function() {
- if( module.is.searchSelection() ) {
- module.debug('Searchable dropdown initialized');
- $search
- .removeAttr('tabindex')
- ;
- $menu
- .removeAttr('tabindex')
- ;
- }
- else {
- module.debug('Simple selection dropdown initialized');
- $module
- .removeAttr('tabindex')
- ;
- $menu
- .removeAttr('tabindex')
- ;
- }
- }
- },
- has: {
- menuSearch: function() {
- return (module.has.search() && $search.closest($menu).length > 0);
- },
- search: function() {
- return ($search.length > 0);
- },
- sizer: function() {
- return ($sizer.length > 0);
- },
- selectInput: function() {
- return ( $input.is('select') );
- },
- minCharacters: function(searchTerm) {
- if(settings.minCharacters) {
- searchTerm = (searchTerm !== undefined)
- ? String(searchTerm)
- : String(module.get.query())
- ;
- return (searchTerm.length >= settings.minCharacters);
- }
- return true;
- },
- firstLetter: function($item, letter) {
- var
- text,
- firstLetter
- ;
- if(!$item || $item.length === 0 || typeof letter !== 'string') {
- return false;
- }
- text = module.get.choiceText($item, false);
- letter = letter.toLowerCase();
- firstLetter = String(text).charAt(0).toLowerCase();
- return (letter == firstLetter);
- },
- input: function() {
- return ($input.length > 0);
- },
- items: function() {
- return ($item.length > 0);
- },
- menu: function() {
- return ($menu.length > 0);
- },
- message: function() {
- return ($menu.children(selector.message).length !== 0);
- },
- label: function(value) {
- var
- escapedValue = module.escape.value(value),
- $labels = $module.find(selector.label)
- ;
- return ($labels.filter('[data-' + metadata.value + '="' + module.escape.string(escapedValue) +'"]').length > 0);
- },
- maxSelections: function() {
- return (settings.maxSelections && module.get.selectionCount() >= settings.maxSelections);
- },
- allResultsFiltered: function() {
- var
- $normalResults = $item.not(selector.addition)
- ;
- return ($normalResults.filter(selector.unselectable).length === $normalResults.length);
- },
- userSuggestion: function() {
- return ($menu.children(selector.addition).length > 0);
- },
- query: function() {
- return (module.get.query() !== '');
- },
- value: function(value) {
- return (settings.ignoreCase)
- ? module.has.valueIgnoringCase(value)
- : module.has.valueMatchingCase(value)
- ;
- },
- valueMatchingCase: function(value) {
- var
- values = module.get.values(),
- hasValue = $.isArray(values)
- ? values && ($.inArray(value, values) !== -1)
- : (values == value)
- ;
- return (hasValue)
- ? true
- : false
- ;
- },
- valueIgnoringCase: function(value) {
- var
- values = module.get.values(),
- hasValue = false
- ;
- if(!$.isArray(values)) {
- values = [values];
- }
- $.each(values, function(index, existingValue) {
- if(String(value).toLowerCase() == String(existingValue).toLowerCase()) {
- hasValue = true;
- return false;
- }
- });
- return hasValue;
- }
- },
- is: {
- active: function() {
- return $module.hasClass(className.active);
- },
- animatingInward: function() {
- return $menu.transition('is inward');
- },
- animatingOutward: function() {
- return $menu.transition('is outward');
- },
- bubbledLabelClick: function(event) {
- return $(event.target).is('select, input') && $module.closest('label').length > 0;
- },
- bubbledIconClick: function(event) {
- return $(event.target).closest($icon).length > 0;
- },
- alreadySetup: function() {
- return ($module.is('select') && $module.parent(selector.dropdown).data(moduleNamespace) !== undefined && $module.prev().length === 0);
- },
- animating: function($subMenu) {
- return ($subMenu)
- ? $subMenu.transition && $subMenu.transition('is animating')
- : $menu.transition && $menu.transition('is animating')
- ;
- },
- leftward: function($subMenu) {
- var $selectedMenu = $subMenu || $menu;
- return $selectedMenu.hasClass(className.leftward);
- },
- disabled: function() {
- return $module.hasClass(className.disabled);
- },
- focused: function() {
- return (document.activeElement === $module[0]);
- },
- focusedOnSearch: function() {
- return (document.activeElement === $search[0]);
- },
- allFiltered: function() {
- return( (module.is.multiple() || module.has.search()) && !(settings.hideAdditions == false && module.has.userSuggestion()) && !module.has.message() && module.has.allResultsFiltered() );
- },
- hidden: function($subMenu) {
- return !module.is.visible($subMenu);
- },
- initialLoad: function() {
- return initialLoad;
- },
- inObject: function(needle, object) {
- var
- found = false
- ;
- $.each(object, function(index, property) {
- if(property == needle) {
- found = true;
- return true;
- }
- });
- return found;
- },
- multiple: function() {
- return $module.hasClass(className.multiple);
- },
- remote: function() {
- return settings.apiSettings && module.can.useAPI();
- },
- single: function() {
- return !module.is.multiple();
- },
- selectMutation: function(mutations) {
- var
- selectChanged = false
- ;
- $.each(mutations, function(index, mutation) {
- if(mutation.target && $(mutation.target).is('select')) {
- selectChanged = true;
- return true;
- }
- });
- return selectChanged;
- },
- search: function() {
- return $module.hasClass(className.search);
- },
- searchSelection: function() {
- return ( module.has.search() && $search.parent(selector.dropdown).length === 1 );
- },
- selection: function() {
- return $module.hasClass(className.selection);
- },
- userValue: function(value) {
- return ($.inArray(value, module.get.userValues()) !== -1);
- },
- upward: function($menu) {
- var $element = $menu || $module;
- return $element.hasClass(className.upward);
- },
- visible: function($subMenu) {
- return ($subMenu)
- ? $subMenu.hasClass(className.visible)
- : $menu.hasClass(className.visible)
- ;
- },
- verticallyScrollableContext: function() {
- var
- overflowY = ($context.get(0) !== window)
- ? $context.css('overflow-y')
- : false
- ;
- return (overflowY == 'auto' || overflowY == 'scroll');
- },
- horizontallyScrollableContext: function() {
- var
- overflowX = ($context.get(0) !== window)
- ? $context.css('overflow-X')
- : false
- ;
- return (overflowX == 'auto' || overflowX == 'scroll');
- }
- },
- can: {
- activate: function($item) {
- if(settings.useLabels) {
- return true;
- }
- if(!module.has.maxSelections()) {
- return true;
- }
- if(module.has.maxSelections() && $item.hasClass(className.active)) {
- return true;
- }
- return false;
- },
- openDownward: function($subMenu) {
- var
- $currentMenu = $subMenu || $menu,
- canOpenDownward = true,
- onScreen = {},
- calculations
- ;
- $currentMenu
- .addClass(className.loading)
- ;
- calculations = {
- context: {
- offset : ($context.get(0) === window)
- ? { top: 0, left: 0}
- : $context.offset(),
- scrollTop : $context.scrollTop(),
- height : $context.outerHeight()
- },
- menu : {
- offset: $currentMenu.offset(),
- height: $currentMenu.outerHeight()
- }
- };
- if(module.is.verticallyScrollableContext()) {
- calculations.menu.offset.top += calculations.context.scrollTop;
- }
- onScreen = {
- above : (calculations.context.scrollTop) <= calculations.menu.offset.top - calculations.context.offset.top - calculations.menu.height,
- below : (calculations.context.scrollTop + calculations.context.height) >= calculations.menu.offset.top - calculations.context.offset.top + calculations.menu.height
- };
- if(onScreen.below) {
- module.verbose('Dropdown can fit in context downward', onScreen);
- canOpenDownward = true;
- }
- else if(!onScreen.below && !onScreen.above) {
- module.verbose('Dropdown cannot fit in either direction, favoring downward', onScreen);
- canOpenDownward = true;
- }
- else {
- module.verbose('Dropdown cannot fit below, opening upward', onScreen);
- canOpenDownward = false;
- }
- $currentMenu.removeClass(className.loading);
- return canOpenDownward;
- },
- openRightward: function($subMenu) {
- var
- $currentMenu = $subMenu || $menu,
- canOpenRightward = true,
- isOffscreenRight = false,
- calculations
- ;
- $currentMenu
- .addClass(className.loading)
- ;
- calculations = {
- context: {
- offset : ($context.get(0) === window)
- ? { top: 0, left: 0}
- : $context.offset(),
- scrollLeft : $context.scrollLeft(),
- width : $context.outerWidth()
- },
- menu: {
- offset : $currentMenu.offset(),
- width : $currentMenu.outerWidth()
- }
- };
- if(module.is.horizontallyScrollableContext()) {
- calculations.menu.offset.left += calculations.context.scrollLeft;
- }
- isOffscreenRight = (calculations.menu.offset.left - calculations.context.offset.left + calculations.menu.width >= calculations.context.scrollLeft + calculations.context.width);
- if(isOffscreenRight) {
- module.verbose('Dropdown cannot fit in context rightward', isOffscreenRight);
- canOpenRightward = false;
- }
- $currentMenu.removeClass(className.loading);
- return canOpenRightward;
- },
- click: function() {
- return (hasTouch || settings.on == 'click');
- },
- extendSelect: function() {
- return settings.allowAdditions || settings.apiSettings;
- },
- show: function() {
- return !module.is.disabled() && (module.has.items() || module.has.message());
- },
- useAPI: function() {
- return $.fn.api !== undefined;
- }
- },
- animate: {
- show: function(callback, $subMenu) {
- var
- $currentMenu = $subMenu || $menu,
- start = ($subMenu)
- ? function() {}
- : function() {
- module.hideSubMenus();
- module.hideOthers();
- module.set.active();
- },
- transition
- ;
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- module.verbose('Doing menu show animation', $currentMenu);
- module.set.direction($subMenu);
- transition = module.get.transition($subMenu);
- if( module.is.selection() ) {
- module.set.scrollPosition(module.get.selectedItem(), true);
- }
- if( module.is.hidden($currentMenu) || module.is.animating($currentMenu) ) {
- if(transition == 'none') {
- start();
- $currentMenu.transition('show');
- callback.call(element);
- }
- else if($.fn.transition !== undefined && $module.transition('is supported')) {
- $currentMenu
- .transition({
- animation : transition + ' in',
- debug : settings.debug,
- verbose : settings.verbose,
- duration : settings.duration,
- queue : true,
- onStart : start,
- onComplete : function() {
- callback.call(element);
- }
- })
- ;
- }
- else {
- module.error(error.noTransition, transition);
- }
- }
- },
- hide: function(callback, $subMenu) {
- var
- $currentMenu = $subMenu || $menu,
- duration = ($subMenu)
- ? (settings.duration * 0.9)
- : settings.duration,
- start = ($subMenu)
- ? function() {}
- : function() {
- if( module.can.click() ) {
- module.unbind.intent();
- }
- module.remove.active();
- },
- transition = module.get.transition($subMenu)
- ;
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if( module.is.visible($currentMenu) || module.is.animating($currentMenu) ) {
- module.verbose('Doing menu hide animation', $currentMenu);
- if(transition == 'none') {
- start();
- $currentMenu.transition('hide');
- callback.call(element);
- }
- else if($.fn.transition !== undefined && $module.transition('is supported')) {
- $currentMenu
- .transition({
- animation : transition + ' out',
- duration : settings.duration,
- debug : settings.debug,
- verbose : settings.verbose,
- queue : false,
- onStart : start,
- onComplete : function() {
- callback.call(element);
- }
- })
- ;
- }
- else {
- module.error(error.transition);
- }
- }
- }
- },
- hideAndClear: function() {
- module.remove.searchTerm();
- if( module.has.maxSelections() ) {
- return;
- }
- if(module.has.search()) {
- module.hide(function() {
- module.remove.filteredItem();
- });
- }
- else {
- module.hide();
- }
- },
- delay: {
- show: function() {
- module.verbose('Delaying show event to ensure user intent');
- clearTimeout(module.timer);
- module.timer = setTimeout(module.show, settings.delay.show);
- },
- hide: function() {
- module.verbose('Delaying hide event to ensure user intent');
- clearTimeout(module.timer);
- module.timer = setTimeout(module.hide, settings.delay.hide);
- }
- },
- escape: {
- value: function(value) {
- var
- multipleValues = $.isArray(value),
- stringValue = (typeof value === 'string'),
- isUnparsable = (!stringValue && !multipleValues),
- hasQuotes = (stringValue && value.search(regExp.quote) !== -1),
- values = []
- ;
- if(isUnparsable || !hasQuotes) {
- return value;
- }
- module.debug('Encoding quote values for use in select', value);
- if(multipleValues) {
- $.each(value, function(index, value){
- values.push(value.replace(regExp.quote, '"'));
- });
- return values;
- }
- return value.replace(regExp.quote, '"');
- },
- string: function(text) {
- text = String(text);
- return text.replace(regExp.escape, '\\$&');
- }
- },
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- if($.isPlainObject(settings[name])) {
- $.extend(true, settings[name], value);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- module.error(error.method, query);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : $allModules
- ;
- };
- $.fn.dropdown.settings = {
- silent : false,
- debug : false,
- verbose : false,
- performance : true,
- on : 'click', // what event should show menu action on item selection
- action : 'activate', // action on item selection (nothing, activate, select, combo, hide, function(){})
- values : false, // specify values to use for dropdown
- apiSettings : false,
- selectOnKeydown : true, // Whether selection should occur automatically when keyboard shortcuts used
- minCharacters : 0, // Minimum characters required to trigger API call
- filterRemoteData : false, // Whether API results should be filtered after being returned for query term
- saveRemoteData : true, // Whether remote name/value pairs should be stored in sessionStorage to allow remote data to be restored on page refresh
- throttle : 200, // How long to wait after last user input to search remotely
- context : window, // Context to use when determining if on screen
- direction : 'auto', // Whether dropdown should always open in one direction
- keepOnScreen : true, // Whether dropdown should check whether it is on screen before showing
- match : 'both', // what to match against with search selection (both, text, or label)
- fullTextSearch : false, // search anywhere in value (set to 'exact' to require exact matches)
- placeholder : 'auto', // whether to convert blank <select> values to placeholder text
- preserveHTML : true, // preserve html when selecting value
- sortSelect : false, // sort selection on init
- forceSelection : true, // force a choice on blur with search selection
- allowAdditions : false, // whether multiple select should allow user added values
- ignoreCase : false, // whether to consider values not matching in case to be the same
- hideAdditions : true, // whether or not to hide special message prompting a user they can enter a value
- maxSelections : false, // When set to a number limits the number of selections to this count
- useLabels : true, // whether multiple select should filter currently active selections from choices
- delimiter : ',', // when multiselect uses normal <input> the values will be delimited with this character
- showOnFocus : true, // show menu on focus
- allowReselection : false, // whether current value should trigger callbacks when reselected
- allowTab : true, // add tabindex to element
- allowCategorySelection : false, // allow elements with sub-menus to be selected
- fireOnInit : false, // Whether callbacks should fire when initializing dropdown values
- transition : 'auto', // auto transition will slide down or up based on direction
- duration : 200, // duration of transition
- glyphWidth : 1.037, // widest glyph width in em (W is 1.037 em) used to calculate multiselect input width
- // label settings on multi-select
- label: {
- transition : 'scale',
- duration : 200,
- variation : false
- },
- // delay before event
- delay : {
- hide : 300,
- show : 200,
- search : 20,
- touch : 50
- },
- /* Callbacks */
- onChange : function(value, text, $selected){},
- onAdd : function(value, text, $selected){},
- onRemove : function(value, text, $selected){},
- onLabelSelect : function($selectedLabels){},
- onLabelCreate : function(value, text) { return $(this); },
- onLabelRemove : function(value) { return true; },
- onNoResults : function(searchTerm) { return true; },
- onShow : function(){},
- onHide : function(){},
- /* Component */
- name : 'Dropdown',
- namespace : 'dropdown',
- message: {
- addResult : 'Add <b>{term}</b>',
- count : '{count} selected',
- maxSelections : 'Max {maxCount} selections',
- noResults : 'No results found.',
- serverError : 'There was an error contacting the server'
- },
- error : {
- action : 'You called a dropdown action that was not defined',
- alreadySetup : 'Once a select has been initialized behaviors must be called on the created ui dropdown',
- labels : 'Allowing user additions currently requires the use of labels.',
- missingMultiple : '<select> requires multiple property to be set to correctly preserve multiple values',
- method : 'The method you called is not defined.',
- noAPI : 'The API module is required to load resources remotely',
- noStorage : 'Saving remote data requires session storage',
- noTransition : 'This module requires ui transitions <https://github.com/Semantic-Org/UI-Transition>'
- },
- regExp : {
- escape : /[-[\]{}()*+?.,\\^$|#\s]/g,
- quote : /"/g
- },
- metadata : {
- defaultText : 'defaultText',
- defaultValue : 'defaultValue',
- placeholderText : 'placeholder',
- text : 'text',
- value : 'value'
- },
- // property names for remote query
- fields: {
- remoteValues : 'results', // grouping for api results
- values : 'values', // grouping for all dropdown values
- disabled : 'disabled', // whether value should be disabled
- name : 'name', // displayed dropdown text
- value : 'value', // actual dropdown value
- text : 'text' // displayed text when selected
- },
- keys : {
- backspace : 8,
- delimiter : 188, // comma
- deleteKey : 46,
- enter : 13,
- escape : 27,
- pageUp : 33,
- pageDown : 34,
- leftArrow : 37,
- upArrow : 38,
- rightArrow : 39,
- downArrow : 40
- },
- selector : {
- addition : '.addition',
- dropdown : '.ui.dropdown',
- hidden : '.hidden',
- icon : '> .dropdown.icon',
- input : '> input[type="hidden"], > select',
- item : '.item',
- label : '> .label',
- remove : '> .label > .delete.icon',
- siblingLabel : '.label',
- menu : '.menu',
- message : '.message',
- menuIcon : '.dropdown.icon',
- search : 'input.search, .menu > .search > input, .menu input.search',
- sizer : '> input.sizer',
- text : '> .text:not(.icon)',
- unselectable : '.disabled, .filtered'
- },
- className : {
- active : 'active',
- addition : 'addition',
- animating : 'animating',
- disabled : 'disabled',
- empty : 'empty',
- dropdown : 'ui dropdown',
- filtered : 'filtered',
- hidden : 'hidden transition',
- item : 'item',
- label : 'ui label',
- loading : 'loading',
- menu : 'menu',
- message : 'message',
- multiple : 'multiple',
- placeholder : 'default',
- sizer : 'sizer',
- search : 'search',
- selected : 'selected',
- selection : 'selection',
- upward : 'upward',
- leftward : 'left',
- visible : 'visible'
- }
- };
- /* Templates */
- $.fn.dropdown.settings.templates = {
- // generates dropdown from select values
- dropdown: function(select) {
- var
- placeholder = select.placeholder || false,
- values = select.values || {},
- html = ''
- ;
- html += '<i class="dropdown icon"></i>';
- if(select.placeholder) {
- html += '<div class="default text">' + placeholder + '</div>';
- }
- else {
- html += '<div class="text"></div>';
- }
- html += '<div class="menu">';
- $.each(select.values, function(index, option) {
- html += (option.disabled)
- ? '<div class="disabled item" data-value="' + option.value + '">' + option.name + '</div>'
- : '<div class="item" data-value="' + option.value + '">' + option.name + '</div>'
- ;
- });
- html += '</div>';
- return html;
- },
- // generates just menu from select
- menu: function(response, fields) {
- var
- values = response[fields.values] || {},
- html = ''
- ;
- $.each(values, function(index, option) {
- var
- maybeText = (option[fields.text])
- ? 'data-text="' + option[fields.text] + '"'
- : '',
- maybeDisabled = (option[fields.disabled])
- ? 'disabled '
- : ''
- ;
- html += '<div class="'+ maybeDisabled +'item" data-value="' + option[fields.value] + '"' + maybeText + '>'
- html += option[fields.name];
- html += '</div>';
- });
- return html;
- },
- // generates label for multiselect
- label: function(value, text) {
- return text + '<i class="delete icon"></i>';
- },
- // generates messages like "No results"
- message: function(message) {
- return message;
- },
- // generates user addition to selection menu
- addition: function(choice) {
- return choice;
- }
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Embed
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.embed = function(parameters) {
- var
- $allModules = $(this),
- moduleSelector = $allModules.selector || '',
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- returnedValue
- ;
- $allModules
- .each(function() {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.embed.settings, parameters)
- : $.extend({}, $.fn.embed.settings),
- selector = settings.selector,
- className = settings.className,
- sources = settings.sources,
- error = settings.error,
- metadata = settings.metadata,
- namespace = settings.namespace,
- templates = settings.templates,
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- $window = $(window),
- $module = $(this),
- $placeholder = $module.find(selector.placeholder),
- $icon = $module.find(selector.icon),
- $embed = $module.find(selector.embed),
- element = this,
- instance = $module.data(moduleNamespace),
- module
- ;
- module = {
- initialize: function() {
- module.debug('Initializing embed');
- module.determine.autoplay();
- module.create();
- module.bind.events();
- module.instantiate();
- },
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
- destroy: function() {
- module.verbose('Destroying previous instance of embed');
- module.reset();
- $module
- .removeData(moduleNamespace)
- .off(eventNamespace)
- ;
- },
- refresh: function() {
- module.verbose('Refreshing selector cache');
- $placeholder = $module.find(selector.placeholder);
- $icon = $module.find(selector.icon);
- $embed = $module.find(selector.embed);
- },
- bind: {
- events: function() {
- if( module.has.placeholder() ) {
- module.debug('Adding placeholder events');
- $module
- .on('click' + eventNamespace, selector.placeholder, module.createAndShow)
- .on('click' + eventNamespace, selector.icon, module.createAndShow)
- ;
- }
- }
- },
- create: function() {
- var
- placeholder = module.get.placeholder()
- ;
- if(placeholder) {
- module.createPlaceholder();
- }
- else {
- module.createAndShow();
- }
- },
- createPlaceholder: function(placeholder) {
- var
- icon = module.get.icon(),
- url = module.get.url(),
- embed = module.generate.embed(url)
- ;
- placeholder = placeholder || module.get.placeholder();
- $module.html( templates.placeholder(placeholder, icon) );
- module.debug('Creating placeholder for embed', placeholder, icon);
- },
- createEmbed: function(url) {
- module.refresh();
- url = url || module.get.url();
- $embed = $('<div/>')
- .addClass(className.embed)
- .html( module.generate.embed(url) )
- .appendTo($module)
- ;
- settings.onCreate.call(element, url);
- module.debug('Creating embed object', $embed);
- },
- changeEmbed: function(url) {
- $embed
- .html( module.generate.embed(url) )
- ;
- },
- createAndShow: function() {
- module.createEmbed();
- module.show();
- },
- // sets new embed
- change: function(source, id, url) {
- module.debug('Changing video to ', source, id, url);
- $module
- .data(metadata.source, source)
- .data(metadata.id, id)
- ;
- if(url) {
- $module.data(metadata.url, url);
- }
- else {
- $module.removeData(metadata.url);
- }
- if(module.has.embed()) {
- module.changeEmbed();
- }
- else {
- module.create();
- }
- },
- // clears embed
- reset: function() {
- module.debug('Clearing embed and showing placeholder');
- module.remove.active();
- module.remove.embed();
- module.showPlaceholder();
- settings.onReset.call(element);
- },
- // shows current embed
- show: function() {
- module.debug('Showing embed');
- module.set.active();
- settings.onDisplay.call(element);
- },
- hide: function() {
- module.debug('Hiding embed');
- module.showPlaceholder();
- },
- showPlaceholder: function() {
- module.debug('Showing placeholder image');
- module.remove.active();
- settings.onPlaceholderDisplay.call(element);
- },
- get: {
- id: function() {
- return settings.id || $module.data(metadata.id);
- },
- placeholder: function() {
- return settings.placeholder || $module.data(metadata.placeholder);
- },
- icon: function() {
- return (settings.icon)
- ? settings.icon
- : ($module.data(metadata.icon) !== undefined)
- ? $module.data(metadata.icon)
- : module.determine.icon()
- ;
- },
- source: function(url) {
- return (settings.source)
- ? settings.source
- : ($module.data(metadata.source) !== undefined)
- ? $module.data(metadata.source)
- : module.determine.source()
- ;
- },
- type: function() {
- var source = module.get.source();
- return (sources[source] !== undefined)
- ? sources[source].type
- : false
- ;
- },
- url: function() {
- return (settings.url)
- ? settings.url
- : ($module.data(metadata.url) !== undefined)
- ? $module.data(metadata.url)
- : module.determine.url()
- ;
- }
- },
- determine: {
- autoplay: function() {
- if(module.should.autoplay()) {
- settings.autoplay = true;
- }
- },
- source: function(url) {
- var
- matchedSource = false
- ;
- url = url || module.get.url();
- if(url) {
- $.each(sources, function(name, source) {
- if(url.search(source.domain) !== -1) {
- matchedSource = name;
- return false;
- }
- });
- }
- return matchedSource;
- },
- icon: function() {
- var
- source = module.get.source()
- ;
- return (sources[source] !== undefined)
- ? sources[source].icon
- : false
- ;
- },
- url: function() {
- var
- id = settings.id || $module.data(metadata.id),
- source = settings.source || $module.data(metadata.source),
- url
- ;
- url = (sources[source] !== undefined)
- ? sources[source].url.replace('{id}', id)
- : false
- ;
- if(url) {
- $module.data(metadata.url, url);
- }
- return url;
- }
- },
- set: {
- active: function() {
- $module.addClass(className.active);
- }
- },
- remove: {
- active: function() {
- $module.removeClass(className.active);
- },
- embed: function() {
- $embed.empty();
- }
- },
- encode: {
- parameters: function(parameters) {
- var
- urlString = [],
- index
- ;
- for (index in parameters) {
- urlString.push( encodeURIComponent(index) + '=' + encodeURIComponent( parameters[index] ) );
- }
- return urlString.join('&');
- }
- },
- generate: {
- embed: function(url) {
- module.debug('Generating embed html');
- var
- source = module.get.source(),
- html,
- parameters
- ;
- url = module.get.url(url);
- if(url) {
- parameters = module.generate.parameters(source);
- html = templates.iframe(url, parameters);
- }
- else {
- module.error(error.noURL, $module);
- }
- return html;
- },
- parameters: function(source, extraParameters) {
- var
- parameters = (sources[source] && sources[source].parameters !== undefined)
- ? sources[source].parameters(settings)
- : {}
- ;
- extraParameters = extraParameters || settings.parameters;
- if(extraParameters) {
- parameters = $.extend({}, parameters, extraParameters);
- }
- parameters = settings.onEmbed(parameters);
- return module.encode.parameters(parameters);
- }
- },
- has: {
- embed: function() {
- return ($embed.length > 0);
- },
- placeholder: function() {
- return settings.placeholder || $module.data(metadata.placeholder);
- }
- },
- should: {
- autoplay: function() {
- return (settings.autoplay === 'auto')
- ? (settings.placeholder || $module.data(metadata.placeholder) !== undefined)
- : settings.autoplay
- ;
- }
- },
- is: {
- video: function() {
- return module.get.type() == 'video';
- }
- },
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- if($.isPlainObject(settings[name])) {
- $.extend(true, settings[name], value);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if($allModules.length > 1) {
- title += ' ' + '(' + $allModules.length + ')';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- module.error(error.method, query);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.fn.embed.settings = {
- name : 'Embed',
- namespace : 'embed',
- silent : false,
- debug : false,
- verbose : false,
- performance : true,
- icon : false,
- source : false,
- url : false,
- id : false,
- // standard video settings
- autoplay : 'auto',
- color : '#444444',
- hd : true,
- brandedUI : false,
- // additional parameters to include with the embed
- parameters: false,
- onDisplay : function() {},
- onPlaceholderDisplay : function() {},
- onReset : function() {},
- onCreate : function(url) {},
- onEmbed : function(parameters) {
- return parameters;
- },
- metadata : {
- id : 'id',
- icon : 'icon',
- placeholder : 'placeholder',
- source : 'source',
- url : 'url'
- },
- error : {
- noURL : 'No URL specified',
- method : 'The method you called is not defined'
- },
- className : {
- active : 'active',
- embed : 'embed'
- },
- selector : {
- embed : '.embed',
- placeholder : '.placeholder',
- icon : '.icon'
- },
- sources: {
- youtube: {
- name : 'youtube',
- type : 'video',
- icon : 'video play',
- domain : 'youtube.com',
- url : '//www.youtube.com/embed/{id}',
- parameters: function(settings) {
- return {
- autohide : !settings.brandedUI,
- autoplay : settings.autoplay,
- color : settings.color || undefined,
- hq : settings.hd,
- jsapi : settings.api,
- modestbranding : !settings.brandedUI
- };
- }
- },
- vimeo: {
- name : 'vimeo',
- type : 'video',
- icon : 'video play',
- domain : 'vimeo.com',
- url : '//player.vimeo.com/video/{id}',
- parameters: function(settings) {
- return {
- api : settings.api,
- autoplay : settings.autoplay,
- byline : settings.brandedUI,
- color : settings.color || undefined,
- portrait : settings.brandedUI,
- title : settings.brandedUI
- };
- }
- }
- },
- templates: {
- iframe : function(url, parameters) {
- var src = url;
- if (parameters) {
- src += '?' + parameters;
- }
- return ''
- + '<iframe src="' + src + '"'
- + ' width="100%" height="100%"'
- + ' frameborder="0" scrolling="no" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>'
- ;
- },
- placeholder : function(image, icon) {
- var
- html = ''
- ;
- if(icon) {
- html += '<i class="' + icon + ' icon"></i>';
- }
- if(image) {
- html += '<img class="placeholder" src="' + image + '">';
- }
- return html;
- }
- },
- // NOT YET IMPLEMENTED
- api : false,
- onPause : function() {},
- onPlay : function() {},
- onStop : function() {}
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Modal
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.modal = function(parameters) {
- var
- $allModules = $(this),
- $window = $(window),
- $document = $(document),
- $body = $('body'),
- moduleSelector = $allModules.selector || '',
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- requestAnimationFrame = window.requestAnimationFrame
- || window.mozRequestAnimationFrame
- || window.webkitRequestAnimationFrame
- || window.msRequestAnimationFrame
- || function(callback) { setTimeout(callback, 0); },
- returnedValue
- ;
- $allModules
- .each(function() {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.modal.settings, parameters)
- : $.extend({}, $.fn.modal.settings),
- selector = settings.selector,
- className = settings.className,
- namespace = settings.namespace,
- error = settings.error,
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- $module = $(this),
- $context = $(settings.context),
- $close = $module.find(selector.close),
- $allModals,
- $otherModals,
- $focusedElement,
- $dimmable,
- $dimmer,
- element = this,
- instance = $module.data(moduleNamespace),
- ignoreRepeatedEvents = false,
- elementEventNamespace,
- id,
- observer,
- module
- ;
- module = {
- initialize: function() {
- module.verbose('Initializing dimmer', $context);
- module.create.id();
- module.create.dimmer();
- module.refreshModals();
- module.bind.events();
- if(settings.observeChanges) {
- module.observeChanges();
- }
- module.instantiate();
- },
- instantiate: function() {
- module.verbose('Storing instance of modal');
- instance = module;
- $module
- .data(moduleNamespace, instance)
- ;
- },
- create: {
- dimmer: function() {
- var
- defaultSettings = {
- debug : settings.debug,
- variation : settings.centered
- ? false
- : 'top aligned'
- ,
- dimmerName : 'modals'
- },
- dimmerSettings = $.extend(true, defaultSettings, settings.dimmerSettings)
- ;
- if($.fn.dimmer === undefined) {
- module.error(error.dimmer);
- return;
- }
- module.debug('Creating dimmer');
- $dimmable = $context.dimmer(dimmerSettings);
- if(settings.detachable) {
- module.verbose('Modal is detachable, moving content into dimmer');
- $dimmable.dimmer('add content', $module);
- }
- else {
- module.set.undetached();
- }
- $dimmer = $dimmable.dimmer('get dimmer');
- },
- id: function() {
- id = (Math.random().toString(16) + '000000000').substr(2,8);
- elementEventNamespace = '.' + id;
- module.verbose('Creating unique id for element', id);
- }
- },
- destroy: function() {
- module.verbose('Destroying previous modal');
- $module
- .removeData(moduleNamespace)
- .off(eventNamespace)
- ;
- $window.off(elementEventNamespace);
- $dimmer.off(elementEventNamespace);
- $close.off(eventNamespace);
- $context.dimmer('destroy');
- },
- observeChanges: function() {
- if('MutationObserver' in window) {
- observer = new MutationObserver(function(mutations) {
- module.debug('DOM tree modified, refreshing');
- module.refresh();
- });
- observer.observe(element, {
- childList : true,
- subtree : true
- });
- module.debug('Setting up mutation observer', observer);
- }
- },
- refresh: function() {
- module.remove.scrolling();
- module.cacheSizes();
- module.set.screenHeight();
- module.set.type();
- },
- refreshModals: function() {
- $otherModals = $module.siblings(selector.modal);
- $allModals = $otherModals.add($module);
- },
- attachEvents: function(selector, event) {
- var
- $toggle = $(selector)
- ;
- event = $.isFunction(module[event])
- ? module[event]
- : module.toggle
- ;
- if($toggle.length > 0) {
- module.debug('Attaching modal events to element', selector, event);
- $toggle
- .off(eventNamespace)
- .on('click' + eventNamespace, event)
- ;
- }
- else {
- module.error(error.notFound, selector);
- }
- },
- bind: {
- events: function() {
- module.verbose('Attaching events');
- $module
- .on('click' + eventNamespace, selector.close, module.event.close)
- .on('click' + eventNamespace, selector.approve, module.event.approve)
- .on('click' + eventNamespace, selector.deny, module.event.deny)
- ;
- $window
- .on('resize' + elementEventNamespace, module.event.resize)
- ;
- }
- },
- get: {
- id: function() {
- return (Math.random().toString(16) + '000000000').substr(2,8);
- }
- },
- event: {
- approve: function() {
- if(ignoreRepeatedEvents || settings.onApprove.call(element, $(this)) === false) {
- module.verbose('Approve callback returned false cancelling hide');
- return;
- }
- ignoreRepeatedEvents = true;
- module.hide(function() {
- ignoreRepeatedEvents = false;
- });
- },
- deny: function() {
- if(ignoreRepeatedEvents || settings.onDeny.call(element, $(this)) === false) {
- module.verbose('Deny callback returned false cancelling hide');
- return;
- }
- ignoreRepeatedEvents = true;
- module.hide(function() {
- ignoreRepeatedEvents = false;
- });
- },
- close: function() {
- module.hide();
- },
- click: function(event) {
- if(!settings.closable) {
- module.verbose('Dimmer clicked but closable setting is disabled');
- return;
- }
- var
- $target = $(event.target),
- isInModal = ($target.closest(selector.modal).length > 0),
- isInDOM = $.contains(document.documentElement, event.target)
- ;
- if(!isInModal && isInDOM && module.is.active()) {
- module.debug('Dimmer clicked, hiding all modals');
- module.remove.clickaway();
- if(settings.allowMultiple) {
- module.hide();
- }
- else {
- module.hideAll();
- }
- }
- },
- debounce: function(method, delay) {
- clearTimeout(module.timer);
- module.timer = setTimeout(method, delay);
- },
- keyboard: function(event) {
- var
- keyCode = event.which,
- escapeKey = 27
- ;
- if(keyCode == escapeKey) {
- if(settings.closable) {
- module.debug('Escape key pressed hiding modal');
- module.hide();
- }
- else {
- module.debug('Escape key pressed, but closable is set to false');
- }
- event.preventDefault();
- }
- },
- resize: function() {
- if( $dimmable.dimmer('is active') && ( module.is.animating() || module.is.active() ) ) {
- requestAnimationFrame(module.refresh);
- }
- }
- },
- toggle: function() {
- if( module.is.active() || module.is.animating() ) {
- module.hide();
- }
- else {
- module.show();
- }
- },
- show: function(callback) {
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- module.refreshModals();
- module.set.dimmerSettings();
- module.showModal(callback);
- },
- hide: function(callback) {
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- module.refreshModals();
- module.hideModal(callback);
- },
- showModal: function(callback) {
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if( module.is.animating() || !module.is.active() ) {
- module.showDimmer();
- module.cacheSizes();
- module.set.screenHeight();
- module.set.type();
- module.set.clickaway();
- if( !settings.allowMultiple && module.others.active() ) {
- module.hideOthers(module.showModal);
- }
- else {
- if(settings.allowMultiple && settings.detachable) {
- $module.detach().appendTo($dimmer);
- }
- settings.onShow.call(element);
- if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
- module.debug('Showing modal with css animations');
- $module
- .transition({
- debug : settings.debug,
- animation : settings.transition + ' in',
- queue : settings.queue,
- duration : settings.duration,
- useFailSafe : true,
- onComplete : function() {
- settings.onVisible.apply(element);
- if(settings.keyboardShortcuts) {
- module.add.keyboardShortcuts();
- }
- module.save.focus();
- module.set.active();
- if(settings.autofocus) {
- module.set.autofocus();
- }
- callback();
- }
- })
- ;
- }
- else {
- module.error(error.noTransition);
- }
- }
- }
- else {
- module.debug('Modal is already visible');
- }
- },
- hideModal: function(callback, keepDimmed) {
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- module.debug('Hiding modal');
- if(settings.onHide.call(element, $(this)) === false) {
- module.verbose('Hide callback returned false cancelling hide');
- return;
- }
- if( module.is.animating() || module.is.active() ) {
- if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
- module.remove.active();
- $module
- .transition({
- debug : settings.debug,
- animation : settings.transition + ' out',
- queue : settings.queue,
- duration : settings.duration,
- useFailSafe : true,
- onStart : function() {
- if(!module.others.active() && !keepDimmed) {
- module.hideDimmer();
- }
- if(settings.keyboardShortcuts) {
- module.remove.keyboardShortcuts();
- }
- },
- onComplete : function() {
- settings.onHidden.call(element);
- module.restore.focus();
- callback();
- }
- })
- ;
- }
- else {
- module.error(error.noTransition);
- }
- }
- },
- showDimmer: function() {
- if($dimmable.dimmer('is animating') || !$dimmable.dimmer('is active') ) {
- module.debug('Showing dimmer');
- $dimmable.dimmer('show');
- }
- else {
- module.debug('Dimmer already visible');
- }
- },
- hideDimmer: function() {
- if( $dimmable.dimmer('is animating') || ($dimmable.dimmer('is active')) ) {
- $dimmable.dimmer('hide', function() {
- module.remove.clickaway();
- module.remove.screenHeight();
- });
- }
- else {
- module.debug('Dimmer is not visible cannot hide');
- return;
- }
- },
- hideAll: function(callback) {
- var
- $visibleModals = $allModals.filter('.' + className.active + ', .' + className.animating)
- ;
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if( $visibleModals.length > 0 ) {
- module.debug('Hiding all visible modals');
- module.hideDimmer();
- $visibleModals
- .modal('hide modal', callback)
- ;
- }
- },
- hideOthers: function(callback) {
- var
- $visibleModals = $otherModals.filter('.' + className.active + ', .' + className.animating)
- ;
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if( $visibleModals.length > 0 ) {
- module.debug('Hiding other modals', $otherModals);
- $visibleModals
- .modal('hide modal', callback, true)
- ;
- }
- },
- others: {
- active: function() {
- return ($otherModals.filter('.' + className.active).length > 0);
- },
- animating: function() {
- return ($otherModals.filter('.' + className.animating).length > 0);
- }
- },
- add: {
- keyboardShortcuts: function() {
- module.verbose('Adding keyboard shortcuts');
- $document
- .on('keyup' + eventNamespace, module.event.keyboard)
- ;
- }
- },
- save: {
- focus: function() {
- var
- $activeElement = $(document.activeElement),
- inCurrentModal = $activeElement.closest($module).length > 0
- ;
- if(!inCurrentModal) {
- $focusedElement = $(document.activeElement).blur();
- }
- }
- },
- restore: {
- focus: function() {
- if($focusedElement && $focusedElement.length > 0) {
- $focusedElement.focus();
- }
- }
- },
- remove: {
- active: function() {
- $module.removeClass(className.active);
- },
- clickaway: function() {
- $dimmer
- .off('click' + elementEventNamespace)
- ;
- },
- bodyStyle: function() {
- if($body.attr('style') === '') {
- module.verbose('Removing style attribute');
- $body.removeAttr('style');
- }
- },
- screenHeight: function() {
- module.debug('Removing page height');
- $body
- .css('height', '')
- ;
- },
- keyboardShortcuts: function() {
- module.verbose('Removing keyboard shortcuts');
- $document
- .off('keyup' + eventNamespace)
- ;
- },
- scrolling: function() {
- $dimmable.removeClass(className.scrolling);
- $module.removeClass(className.scrolling);
- }
- },
- cacheSizes: function() {
- $module.addClass(className.loading);
- var
- scrollHeight = $module.prop('scrollHeight'),
- modalHeight = $module.outerHeight()
- ;
- if(module.cache === undefined || modalHeight !== 0) {
- module.cache = {
- pageHeight : $(document).outerHeight(),
- height : modalHeight + settings.offset,
- scrollHeight : scrollHeight + settings.offset,
- contextHeight : (settings.context == 'body')
- ? $(window).height()
- : $dimmable.height(),
- };
- module.cache.topOffset = -(module.cache.height / 2);
- }
- $module.removeClass(className.loading);
- module.debug('Caching modal and container sizes', module.cache);
- },
- can: {
- fit: function() {
- var
- contextHeight = module.cache.contextHeight,
- verticalCenter = module.cache.contextHeight / 2,
- topOffset = module.cache.topOffset,
- scrollHeight = module.cache.scrollHeight,
- height = module.cache.height,
- paddingHeight = settings.padding,
- startPosition = (verticalCenter + topOffset)
- ;
- return (scrollHeight > height)
- ? (startPosition + scrollHeight + paddingHeight < contextHeight)
- : (height + (paddingHeight * 2) < contextHeight)
- ;
- }
- },
- is: {
- active: function() {
- return $module.hasClass(className.active);
- },
- animating: function() {
- return $module.transition('is supported')
- ? $module.transition('is animating')
- : $module.is(':visible')
- ;
- },
- scrolling: function() {
- return $dimmable.hasClass(className.scrolling);
- },
- modernBrowser: function() {
- // appName for IE11 reports 'Netscape' can no longer use
- return !(window.ActiveXObject || "ActiveXObject" in window);
- }
- },
- set: {
- autofocus: function() {
- var
- $inputs = $module.find('[tabindex], :input').filter(':visible'),
- $autofocus = $inputs.filter('[autofocus]'),
- $input = ($autofocus.length > 0)
- ? $autofocus.first()
- : $inputs.first()
- ;
- if($input.length > 0) {
- $input.focus();
- }
- },
- clickaway: function() {
- $dimmer
- .on('click' + elementEventNamespace, module.event.click)
- ;
- },
- dimmerSettings: function() {
- if($.fn.dimmer === undefined) {
- module.error(error.dimmer);
- return;
- }
- var
- defaultSettings = {
- debug : settings.debug,
- dimmerName : 'modals',
- closable : 'auto',
- variation : settings.centered
- ? false
- : 'top aligned'
- ,
- duration : {
- show : settings.duration,
- hide : settings.duration
- }
- },
- dimmerSettings = $.extend(true, defaultSettings, settings.dimmerSettings)
- ;
- if(settings.inverted) {
- dimmerSettings.variation = (dimmerSettings.variation !== undefined)
- ? dimmerSettings.variation + ' inverted'
- : 'inverted'
- ;
- $dimmer.addClass(className.inverted);
- }
- else {
- $dimmer.removeClass(className.inverted);
- }
- if(settings.blurring) {
- $dimmable.addClass(className.blurring);
- }
- else {
- $dimmable.removeClass(className.blurring);
- }
- $context.dimmer('setting', dimmerSettings);
- },
- screenHeight: function() {
- if( module.can.fit() ) {
- $body.css('height', '');
- }
- else {
- module.debug('Modal is taller than page content, resizing page height');
- $body
- .css('height', module.cache.height + (settings.padding * 2) )
- ;
- }
- },
- active: function() {
- $module.addClass(className.active);
- },
- scrolling: function() {
- $dimmable.addClass(className.scrolling);
- $module.addClass(className.scrolling);
- },
- type: function() {
- if(module.can.fit()) {
- module.verbose('Modal fits on screen');
- if(!module.others.active() && !module.others.animating()) {
- module.remove.scrolling();
- }
- }
- else {
- module.verbose('Modal cannot fit on screen setting to scrolling');
- module.set.scrolling();
- }
- },
- undetached: function() {
- $dimmable.addClass(className.undetached);
- }
- },
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- if($.isPlainObject(settings[name])) {
- $.extend(true, settings[name], value);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.fn.modal.settings = {
- name : 'Modal',
- namespace : 'modal',
- silent : false,
- debug : false,
- verbose : false,
- performance : true,
- observeChanges : false,
- allowMultiple : false,
- detachable : true,
- closable : true,
- autofocus : true,
- inverted : false,
- blurring : false,
- centered : true,
- dimmerSettings : {
- closable : false,
- useCSS : true
- },
- // whether to use keyboard shortcuts
- keyboardShortcuts: true,
- context : 'body',
- queue : false,
- duration : 500,
- offset : 0,
- transition : 'scale',
- // padding with edge of page
- padding : 50,
- // called before show animation
- onShow : function(){},
- // called after show animation
- onVisible : function(){},
- // called before hide animation
- onHide : function(){ return true; },
- // called after hide animation
- onHidden : function(){},
- // called after approve selector match
- onApprove : function(){ return true; },
- // called after deny selector match
- onDeny : function(){ return true; },
- selector : {
- close : '> .close',
- approve : '.actions .positive, .actions .approve, .actions .ok',
- deny : '.actions .negative, .actions .deny, .actions .cancel',
- modal : '.ui.modal'
- },
- error : {
- dimmer : 'UI Dimmer, a required component is not included in this page',
- method : 'The method you called is not defined.',
- notFound : 'The element you specified could not be found'
- },
- className : {
- active : 'active',
- animating : 'animating',
- blurring : 'blurring',
- inverted : 'inverted',
- loading : 'loading',
- scrolling : 'scrolling',
- undetached : 'undetached'
- }
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Nag
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.nag = function(parameters) {
- var
- $allModules = $(this),
- moduleSelector = $allModules.selector || '',
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- returnedValue
- ;
- $allModules
- .each(function() {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.nag.settings, parameters)
- : $.extend({}, $.fn.nag.settings),
- className = settings.className,
- selector = settings.selector,
- error = settings.error,
- namespace = settings.namespace,
- eventNamespace = '.' + namespace,
- moduleNamespace = namespace + '-module',
- $module = $(this),
- $close = $module.find(selector.close),
- $context = (settings.context)
- ? $(settings.context)
- : $('body'),
- element = this,
- instance = $module.data(moduleNamespace),
- moduleOffset,
- moduleHeight,
- contextWidth,
- contextHeight,
- contextOffset,
- yOffset,
- yPosition,
- timer,
- module,
- requestAnimationFrame = window.requestAnimationFrame
- || window.mozRequestAnimationFrame
- || window.webkitRequestAnimationFrame
- || window.msRequestAnimationFrame
- || function(callback) { setTimeout(callback, 0); }
- ;
- module = {
- initialize: function() {
- module.verbose('Initializing element');
- $module
- .on('click' + eventNamespace, selector.close, module.dismiss)
- .data(moduleNamespace, module)
- ;
- if(settings.detachable && $module.parent()[0] !== $context[0]) {
- $module
- .detach()
- .prependTo($context)
- ;
- }
- if(settings.displayTime > 0) {
- setTimeout(module.hide, settings.displayTime);
- }
- module.show();
- },
- destroy: function() {
- module.verbose('Destroying instance');
- $module
- .removeData(moduleNamespace)
- .off(eventNamespace)
- ;
- },
- show: function() {
- if( module.should.show() && !$module.is(':visible') ) {
- module.debug('Showing nag', settings.animation.show);
- if(settings.animation.show == 'fade') {
- $module
- .fadeIn(settings.duration, settings.easing)
- ;
- }
- else {
- $module
- .slideDown(settings.duration, settings.easing)
- ;
- }
- }
- },
- hide: function() {
- module.debug('Showing nag', settings.animation.hide);
- if(settings.animation.show == 'fade') {
- $module
- .fadeIn(settings.duration, settings.easing)
- ;
- }
- else {
- $module
- .slideUp(settings.duration, settings.easing)
- ;
- }
- },
- onHide: function() {
- module.debug('Removing nag', settings.animation.hide);
- $module.remove();
- if (settings.onHide) {
- settings.onHide();
- }
- },
- dismiss: function(event) {
- if(settings.storageMethod) {
- module.storage.set(settings.key, settings.value);
- }
- module.hide();
- event.stopImmediatePropagation();
- event.preventDefault();
- },
- should: {
- show: function() {
- if(settings.persist) {
- module.debug('Persistent nag is set, can show nag');
- return true;
- }
- if( module.storage.get(settings.key) != settings.value.toString() ) {
- module.debug('Stored value is not set, can show nag', module.storage.get(settings.key));
- return true;
- }
- module.debug('Stored value is set, cannot show nag', module.storage.get(settings.key));
- return false;
- }
- },
- get: {
- storageOptions: function() {
- var
- options = {}
- ;
- if(settings.expires) {
- options.expires = settings.expires;
- }
- if(settings.domain) {
- options.domain = settings.domain;
- }
- if(settings.path) {
- options.path = settings.path;
- }
- return options;
- }
- },
- clear: function() {
- module.storage.remove(settings.key);
- },
- storage: {
- set: function(key, value) {
- var
- options = module.get.storageOptions()
- ;
- if(settings.storageMethod == 'localstorage' && window.localStorage !== undefined) {
- window.localStorage.setItem(key, value);
- module.debug('Value stored using local storage', key, value);
- }
- else if(settings.storageMethod == 'sessionstorage' && window.sessionStorage !== undefined) {
- window.sessionStorage.setItem(key, value);
- module.debug('Value stored using session storage', key, value);
- }
- else if($.cookie !== undefined) {
- $.cookie(key, value, options);
- module.debug('Value stored using cookie', key, value, options);
- }
- else {
- module.error(error.noCookieStorage);
- return;
- }
- },
- get: function(key, value) {
- var
- storedValue
- ;
- if(settings.storageMethod == 'localstorage' && window.localStorage !== undefined) {
- storedValue = window.localStorage.getItem(key);
- }
- else if(settings.storageMethod == 'sessionstorage' && window.sessionStorage !== undefined) {
- storedValue = window.sessionStorage.getItem(key);
- }
- // get by cookie
- else if($.cookie !== undefined) {
- storedValue = $.cookie(key);
- }
- else {
- module.error(error.noCookieStorage);
- }
- if(storedValue == 'undefined' || storedValue == 'null' || storedValue === undefined || storedValue === null) {
- storedValue = undefined;
- }
- return storedValue;
- },
- remove: function(key) {
- var
- options = module.get.storageOptions()
- ;
- if(settings.storageMethod == 'localstorage' && window.localStorage !== undefined) {
- window.localStorage.removeItem(key);
- }
- else if(settings.storageMethod == 'sessionstorage' && window.sessionStorage !== undefined) {
- window.sessionStorage.removeItem(key);
- }
- // store by cookie
- else if($.cookie !== undefined) {
- $.removeCookie(key, options);
- }
- else {
- module.error(error.noStorage);
- }
- }
- },
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- if($.isPlainObject(settings[name])) {
- $.extend(true, settings[name], value);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- module.error(error.method, query);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.fn.nag.settings = {
- name : 'Nag',
- silent : false,
- debug : false,
- verbose : false,
- performance : true,
- namespace : 'Nag',
- // allows cookie to be overridden
- persist : false,
- // set to zero to require manually dismissal, otherwise hides on its own
- displayTime : 0,
- animation : {
- show : 'slide',
- hide : 'slide'
- },
- context : false,
- detachable : false,
- expires : 30,
- domain : false,
- path : '/',
- // type of storage to use
- storageMethod : 'cookie',
- // value to store in dismissed localstorage/cookie
- key : 'nag',
- value : 'dismiss',
- error: {
- noCookieStorage : '$.cookie is not included. A storage solution is required.',
- noStorage : 'Neither $.cookie or store is defined. A storage solution is required for storing state',
- method : 'The method you called is not defined.'
- },
- className : {
- bottom : 'bottom',
- fixed : 'fixed'
- },
- selector : {
- close : '.close.icon'
- },
- speed : 500,
- easing : 'easeOutQuad',
- onHide: function() {}
- };
- // Adds easing
- $.extend( $.easing, {
- easeOutQuad: function (x, t, b, c, d) {
- return -c *(t/=d)*(t-2) + b;
- }
- });
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Popup
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.popup = function(parameters) {
- var
- $allModules = $(this),
- $document = $(document),
- $window = $(window),
- $body = $('body'),
- moduleSelector = $allModules.selector || '',
- hasTouch = (true),
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- returnedValue
- ;
- $allModules
- .each(function() {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.popup.settings, parameters)
- : $.extend({}, $.fn.popup.settings),
- selector = settings.selector,
- className = settings.className,
- error = settings.error,
- metadata = settings.metadata,
- namespace = settings.namespace,
- eventNamespace = '.' + settings.namespace,
- moduleNamespace = 'module-' + namespace,
- $module = $(this),
- $context = $(settings.context),
- $scrollContext = $(settings.scrollContext),
- $boundary = $(settings.boundary),
- $target = (settings.target)
- ? $(settings.target)
- : $module,
- $popup,
- $offsetParent,
- searchDepth = 0,
- triedPositions = false,
- openedWithTouch = false,
- element = this,
- instance = $module.data(moduleNamespace),
- documentObserver,
- elementNamespace,
- id,
- module
- ;
- module = {
- // binds events
- initialize: function() {
- module.debug('Initializing', $module);
- module.createID();
- module.bind.events();
- if(!module.exists() && settings.preserve) {
- module.create();
- }
- if(settings.observeChanges) {
- module.observeChanges();
- }
- module.instantiate();
- },
- instantiate: function() {
- module.verbose('Storing instance', module);
- instance = module;
- $module
- .data(moduleNamespace, instance)
- ;
- },
- observeChanges: function() {
- if('MutationObserver' in window) {
- documentObserver = new MutationObserver(module.event.documentChanged);
- documentObserver.observe(document, {
- childList : true,
- subtree : true
- });
- module.debug('Setting up mutation observer', documentObserver);
- }
- },
- refresh: function() {
- if(settings.popup) {
- $popup = $(settings.popup).eq(0);
- }
- else {
- if(settings.inline) {
- $popup = $target.nextAll(selector.popup).eq(0);
- settings.popup = $popup;
- }
- }
- if(settings.popup) {
- $popup.addClass(className.loading);
- $offsetParent = module.get.offsetParent();
- $popup.removeClass(className.loading);
- if(settings.movePopup && module.has.popup() && module.get.offsetParent($popup)[0] !== $offsetParent[0]) {
- module.debug('Moving popup to the same offset parent as target');
- $popup
- .detach()
- .appendTo($offsetParent)
- ;
- }
- }
- else {
- $offsetParent = (settings.inline)
- ? module.get.offsetParent($target)
- : module.has.popup()
- ? module.get.offsetParent($popup)
- : $body
- ;
- }
- if( $offsetParent.is('html') && $offsetParent[0] !== $body[0] ) {
- module.debug('Setting page as offset parent');
- $offsetParent = $body;
- }
- if( module.get.variation() ) {
- module.set.variation();
- }
- },
- reposition: function() {
- module.refresh();
- module.set.position();
- },
- destroy: function() {
- module.debug('Destroying previous module');
- if(documentObserver) {
- documentObserver.disconnect();
- }
- // remove element only if was created dynamically
- if($popup && !settings.preserve) {
- module.removePopup();
- }
- // clear all timeouts
- clearTimeout(module.hideTimer);
- clearTimeout(module.showTimer);
- // remove events
- module.unbind.close();
- module.unbind.events();
- $module
- .removeData(moduleNamespace)
- ;
- },
- event: {
- start: function(event) {
- var
- delay = ($.isPlainObject(settings.delay))
- ? settings.delay.show
- : settings.delay
- ;
- clearTimeout(module.hideTimer);
- if(!openedWithTouch) {
- module.showTimer = setTimeout(module.show, delay);
- }
- },
- end: function() {
- var
- delay = ($.isPlainObject(settings.delay))
- ? settings.delay.hide
- : settings.delay
- ;
- clearTimeout(module.showTimer);
- module.hideTimer = setTimeout(module.hide, delay);
- },
- touchstart: function(event) {
- openedWithTouch = true;
- module.show();
- },
- resize: function() {
- if( module.is.visible() ) {
- module.set.position();
- }
- },
- documentChanged: function(mutations) {
- [].forEach.call(mutations, function(mutation) {
- if(mutation.removedNodes) {
- [].forEach.call(mutation.removedNodes, function(node) {
- if(node == element || $(node).find(element).length > 0) {
- module.debug('Element removed from DOM, tearing down events');
- module.destroy();
- }
- });
- }
- });
- },
- hideGracefully: function(event) {
- var
- $target = $(event.target),
- isInDOM = $.contains(document.documentElement, event.target),
- inPopup = ($target.closest(selector.popup).length > 0)
- ;
- // don't close on clicks inside popup
- if(event && !inPopup && isInDOM) {
- module.debug('Click occurred outside popup hiding popup');
- module.hide();
- }
- else {
- module.debug('Click was inside popup, keeping popup open');
- }
- }
- },
- // generates popup html from metadata
- create: function() {
- var
- html = module.get.html(),
- title = module.get.title(),
- content = module.get.content()
- ;
- if(html || content || title) {
- module.debug('Creating pop-up html');
- if(!html) {
- html = settings.templates.popup({
- title : title,
- content : content
- });
- }
- $popup = $('<div/>')
- .addClass(className.popup)
- .data(metadata.activator, $module)
- .html(html)
- ;
- if(settings.inline) {
- module.verbose('Inserting popup element inline', $popup);
- $popup
- .insertAfter($module)
- ;
- }
- else {
- module.verbose('Appending popup element to body', $popup);
- $popup
- .appendTo( $context )
- ;
- }
- module.refresh();
- module.set.variation();
- if(settings.hoverable) {
- module.bind.popup();
- }
- settings.onCreate.call($popup, element);
- }
- else if($target.next(selector.popup).length !== 0) {
- module.verbose('Pre-existing popup found');
- settings.inline = true;
- settings.popup = $target.next(selector.popup).data(metadata.activator, $module);
- module.refresh();
- if(settings.hoverable) {
- module.bind.popup();
- }
- }
- else if(settings.popup) {
- $(settings.popup).data(metadata.activator, $module);
- module.verbose('Used popup specified in settings');
- module.refresh();
- if(settings.hoverable) {
- module.bind.popup();
- }
- }
- else {
- module.debug('No content specified skipping display', element);
- }
- },
- createID: function() {
- id = (Math.random().toString(16) + '000000000').substr(2, 8);
- elementNamespace = '.' + id;
- module.verbose('Creating unique id for element', id);
- },
- // determines popup state
- toggle: function() {
- module.debug('Toggling pop-up');
- if( module.is.hidden() ) {
- module.debug('Popup is hidden, showing pop-up');
- module.unbind.close();
- module.show();
- }
- else {
- module.debug('Popup is visible, hiding pop-up');
- module.hide();
- }
- },
- show: function(callback) {
- callback = callback || function(){};
- module.debug('Showing pop-up', settings.transition);
- if(module.is.hidden() && !( module.is.active() && module.is.dropdown()) ) {
- if( !module.exists() ) {
- module.create();
- }
- if(settings.onShow.call($popup, element) === false) {
- module.debug('onShow callback returned false, cancelling popup animation');
- return;
- }
- else if(!settings.preserve && !settings.popup) {
- module.refresh();
- }
- if( $popup && module.set.position() ) {
- module.save.conditions();
- if(settings.exclusive) {
- module.hideAll();
- }
- module.animate.show(callback);
- }
- }
- },
- hide: function(callback) {
- callback = callback || function(){};
- if( module.is.visible() || module.is.animating() ) {
- if(settings.onHide.call($popup, element) === false) {
- module.debug('onHide callback returned false, cancelling popup animation');
- return;
- }
- module.remove.visible();
- module.unbind.close();
- module.restore.conditions();
- module.animate.hide(callback);
- }
- },
- hideAll: function() {
- $(selector.popup)
- .filter('.' + className.popupVisible)
- .each(function() {
- $(this)
- .data(metadata.activator)
- .popup('hide')
- ;
- })
- ;
- },
- exists: function() {
- if(!$popup) {
- return false;
- }
- if(settings.inline || settings.popup) {
- return ( module.has.popup() );
- }
- else {
- return ( $popup.closest($context).length >= 1 )
- ? true
- : false
- ;
- }
- },
- removePopup: function() {
- if( module.has.popup() && !settings.popup) {
- module.debug('Removing popup', $popup);
- $popup.remove();
- $popup = undefined;
- settings.onRemove.call($popup, element);
- }
- },
- save: {
- conditions: function() {
- module.cache = {
- title: $module.attr('title')
- };
- if (module.cache.title) {
- $module.removeAttr('title');
- }
- module.verbose('Saving original attributes', module.cache.title);
- }
- },
- restore: {
- conditions: function() {
- if(module.cache && module.cache.title) {
- $module.attr('title', module.cache.title);
- module.verbose('Restoring original attributes', module.cache.title);
- }
- return true;
- }
- },
- supports: {
- svg: function() {
- return (typeof SVGGraphicsElement === 'undefined');
- }
- },
- animate: {
- show: function(callback) {
- callback = $.isFunction(callback) ? callback : function(){};
- if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
- module.set.visible();
- $popup
- .transition({
- animation : settings.transition + ' in',
- queue : false,
- debug : settings.debug,
- verbose : settings.verbose,
- duration : settings.duration,
- onComplete : function() {
- module.bind.close();
- callback.call($popup, element);
- settings.onVisible.call($popup, element);
- }
- })
- ;
- }
- else {
- module.error(error.noTransition);
- }
- },
- hide: function(callback) {
- callback = $.isFunction(callback) ? callback : function(){};
- module.debug('Hiding pop-up');
- if(settings.onHide.call($popup, element) === false) {
- module.debug('onHide callback returned false, cancelling popup animation');
- return;
- }
- if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
- $popup
- .transition({
- animation : settings.transition + ' out',
- queue : false,
- duration : settings.duration,
- debug : settings.debug,
- verbose : settings.verbose,
- onComplete : function() {
- module.reset();
- callback.call($popup, element);
- settings.onHidden.call($popup, element);
- }
- })
- ;
- }
- else {
- module.error(error.noTransition);
- }
- }
- },
- change: {
- content: function(html) {
- $popup.html(html);
- }
- },
- get: {
- html: function() {
- $module.removeData(metadata.html);
- return $module.data(metadata.html) || settings.html;
- },
- title: function() {
- $module.removeData(metadata.title);
- return $module.data(metadata.title) || settings.title;
- },
- content: function() {
- $module.removeData(metadata.content);
- return $module.data(metadata.content) || settings.content || $module.attr('title');
- },
- variation: function() {
- $module.removeData(metadata.variation);
- return $module.data(metadata.variation) || settings.variation;
- },
- popup: function() {
- return $popup;
- },
- popupOffset: function() {
- return $popup.offset();
- },
- calculations: function() {
- var
- $popupOffsetParent = module.get.offsetParent($popup),
- targetElement = $target[0],
- isWindow = ($boundary[0] == window),
- targetPosition = (settings.inline || (settings.popup && settings.movePopup))
- ? $target.position()
- : $target.offset(),
- screenPosition = (isWindow)
- ? { top: 0, left: 0 }
- : $boundary.offset(),
- calculations = {},
- scroll = (isWindow)
- ? { top: $window.scrollTop(), left: $window.scrollLeft() }
- : { top: 0, left: 0},
- screen
- ;
- calculations = {
- // element which is launching popup
- target : {
- element : $target[0],
- width : $target.outerWidth(),
- height : $target.outerHeight(),
- top : targetPosition.top,
- left : targetPosition.left,
- margin : {}
- },
- // popup itself
- popup : {
- width : $popup.outerWidth(),
- height : $popup.outerHeight()
- },
- // offset container (or 3d context)
- parent : {
- width : $offsetParent.outerWidth(),
- height : $offsetParent.outerHeight()
- },
- // screen boundaries
- screen : {
- top : screenPosition.top,
- left : screenPosition.left,
- scroll: {
- top : scroll.top,
- left : scroll.left
- },
- width : $boundary.width(),
- height : $boundary.height()
- }
- };
- // if popup offset context is not same as target, then adjust calculations
- if($popupOffsetParent.get(0) !== $offsetParent.get(0)) {
- var
- popupOffset = $popupOffsetParent.offset()
- ;
- calculations.target.top -= popupOffset.top;
- calculations.target.left -= popupOffset.left;
- calculations.parent.width = $popupOffsetParent.outerWidth();
- calculations.parent.height = $popupOffsetParent.outerHeight();
- }
- // add in container calcs if fluid
- if( settings.setFluidWidth && module.is.fluid() ) {
- calculations.container = {
- width: $popup.parent().outerWidth()
- };
- calculations.popup.width = calculations.container.width;
- }
- // add in margins if inline
- calculations.target.margin.top = (settings.inline)
- ? parseInt( window.getComputedStyle(targetElement).getPropertyValue('margin-top'), 10)
- : 0
- ;
- calculations.target.margin.left = (settings.inline)
- ? module.is.rtl()
- ? parseInt( window.getComputedStyle(targetElement).getPropertyValue('margin-right'), 10)
- : parseInt( window.getComputedStyle(targetElement).getPropertyValue('margin-left'), 10)
- : 0
- ;
- // calculate screen boundaries
- screen = calculations.screen;
- calculations.boundary = {
- top : screen.top + screen.scroll.top,
- bottom : screen.top + screen.scroll.top + screen.height,
- left : screen.left + screen.scroll.left,
- right : screen.left + screen.scroll.left + screen.width
- };
- return calculations;
- },
- id: function() {
- return id;
- },
- startEvent: function() {
- if(settings.on == 'hover') {
- return 'mouseenter';
- }
- else if(settings.on == 'focus') {
- return 'focus';
- }
- return false;
- },
- scrollEvent: function() {
- return 'scroll';
- },
- endEvent: function() {
- if(settings.on == 'hover') {
- return 'mouseleave';
- }
- else if(settings.on == 'focus') {
- return 'blur';
- }
- return false;
- },
- distanceFromBoundary: function(offset, calculations) {
- var
- distanceFromBoundary = {},
- popup,
- boundary
- ;
- calculations = calculations || module.get.calculations();
- // shorthand
- popup = calculations.popup;
- boundary = calculations.boundary;
- if(offset) {
- distanceFromBoundary = {
- top : (offset.top - boundary.top),
- left : (offset.left - boundary.left),
- right : (boundary.right - (offset.left + popup.width) ),
- bottom : (boundary.bottom - (offset.top + popup.height) )
- };
- module.verbose('Distance from boundaries determined', offset, distanceFromBoundary);
- }
- return distanceFromBoundary;
- },
- offsetParent: function($element) {
- var
- element = ($element !== undefined)
- ? $element[0]
- : $target[0],
- parentNode = element.parentNode,
- $node = $(parentNode)
- ;
- if(parentNode) {
- var
- is2D = ($node.css('transform') === 'none'),
- isStatic = ($node.css('position') === 'static'),
- isBody = $node.is('body')
- ;
- while(parentNode && !isBody && isStatic && is2D) {
- parentNode = parentNode.parentNode;
- $node = $(parentNode);
- is2D = ($node.css('transform') === 'none');
- isStatic = ($node.css('position') === 'static');
- isBody = $node.is('body');
- }
- }
- return ($node && $node.length > 0)
- ? $node
- : $()
- ;
- },
- positions: function() {
- return {
- 'top left' : false,
- 'top center' : false,
- 'top right' : false,
- 'bottom left' : false,
- 'bottom center' : false,
- 'bottom right' : false,
- 'left center' : false,
- 'right center' : false
- };
- },
- nextPosition: function(position) {
- var
- positions = position.split(' '),
- verticalPosition = positions[0],
- horizontalPosition = positions[1],
- opposite = {
- top : 'bottom',
- bottom : 'top',
- left : 'right',
- right : 'left'
- },
- adjacent = {
- left : 'center',
- center : 'right',
- right : 'left'
- },
- backup = {
- 'top left' : 'top center',
- 'top center' : 'top right',
- 'top right' : 'right center',
- 'right center' : 'bottom right',
- 'bottom right' : 'bottom center',
- 'bottom center' : 'bottom left',
- 'bottom left' : 'left center',
- 'left center' : 'top left'
- },
- adjacentsAvailable = (verticalPosition == 'top' || verticalPosition == 'bottom'),
- oppositeTried = false,
- adjacentTried = false,
- nextPosition = false
- ;
- if(!triedPositions) {
- module.verbose('All available positions available');
- triedPositions = module.get.positions();
- }
- module.debug('Recording last position tried', position);
- triedPositions[position] = true;
- if(settings.prefer === 'opposite') {
- nextPosition = [opposite[verticalPosition], horizontalPosition];
- nextPosition = nextPosition.join(' ');
- oppositeTried = (triedPositions[nextPosition] === true);
- module.debug('Trying opposite strategy', nextPosition);
- }
- if((settings.prefer === 'adjacent') && adjacentsAvailable ) {
- nextPosition = [verticalPosition, adjacent[horizontalPosition]];
- nextPosition = nextPosition.join(' ');
- adjacentTried = (triedPositions[nextPosition] === true);
- module.debug('Trying adjacent strategy', nextPosition);
- }
- if(adjacentTried || oppositeTried) {
- module.debug('Using backup position', nextPosition);
- nextPosition = backup[position];
- }
- return nextPosition;
- }
- },
- set: {
- position: function(position, calculations) {
- // exit conditions
- if($target.length === 0 || $popup.length === 0) {
- module.error(error.notFound);
- return;
- }
- var
- offset,
- distanceAway,
- target,
- popup,
- parent,
- positioning,
- popupOffset,
- distanceFromBoundary
- ;
- calculations = calculations || module.get.calculations();
- position = position || $module.data(metadata.position) || settings.position;
- offset = $module.data(metadata.offset) || settings.offset;
- distanceAway = settings.distanceAway;
- // shorthand
- target = calculations.target;
- popup = calculations.popup;
- parent = calculations.parent;
- if(module.should.centerArrow(calculations)) {
- module.verbose('Adjusting offset to center arrow on small target element');
- if(position == 'top left' || position == 'bottom left') {
- offset += (target.width / 2)
- offset -= settings.arrowPixelsFromEdge;
- }
- if(position == 'top right' || position == 'bottom right') {
- offset -= (target.width / 2)
- offset += settings.arrowPixelsFromEdge;
- }
- }
- if(target.width === 0 && target.height === 0 && !module.is.svg(target.element)) {
- module.debug('Popup target is hidden, no action taken');
- return false;
- }
- if(settings.inline) {
- module.debug('Adding margin to calculation', target.margin);
- if(position == 'left center' || position == 'right center') {
- offset += target.margin.top;
- distanceAway += -target.margin.left;
- }
- else if (position == 'top left' || position == 'top center' || position == 'top right') {
- offset += target.margin.left;
- distanceAway -= target.margin.top;
- }
- else {
- offset += target.margin.left;
- distanceAway += target.margin.top;
- }
- }
- module.debug('Determining popup position from calculations', position, calculations);
- if (module.is.rtl()) {
- position = position.replace(/left|right/g, function (match) {
- return (match == 'left')
- ? 'right'
- : 'left'
- ;
- });
- module.debug('RTL: Popup position updated', position);
- }
- // if last attempt use specified last resort position
- if(searchDepth == settings.maxSearchDepth && typeof settings.lastResort === 'string') {
- position = settings.lastResort;
- }
- switch (position) {
- case 'top left':
- positioning = {
- top : 'auto',
- bottom : parent.height - target.top + distanceAway,
- left : target.left + offset,
- right : 'auto'
- };
- break;
- case 'top center':
- positioning = {
- bottom : parent.height - target.top + distanceAway,
- left : target.left + (target.width / 2) - (popup.width / 2) + offset,
- top : 'auto',
- right : 'auto'
- };
- break;
- case 'top right':
- positioning = {
- bottom : parent.height - target.top + distanceAway,
- right : parent.width - target.left - target.width - offset,
- top : 'auto',
- left : 'auto'
- };
- break;
- case 'left center':
- positioning = {
- top : target.top + (target.height / 2) - (popup.height / 2) + offset,
- right : parent.width - target.left + distanceAway,
- left : 'auto',
- bottom : 'auto'
- };
- break;
- case 'right center':
- positioning = {
- top : target.top + (target.height / 2) - (popup.height / 2) + offset,
- left : target.left + target.width + distanceAway,
- bottom : 'auto',
- right : 'auto'
- };
- break;
- case 'bottom left':
- positioning = {
- top : target.top + target.height + distanceAway,
- left : target.left + offset,
- bottom : 'auto',
- right : 'auto'
- };
- break;
- case 'bottom center':
- positioning = {
- top : target.top + target.height + distanceAway,
- left : target.left + (target.width / 2) - (popup.width / 2) + offset,
- bottom : 'auto',
- right : 'auto'
- };
- break;
- case 'bottom right':
- positioning = {
- top : target.top + target.height + distanceAway,
- right : parent.width - target.left - target.width - offset,
- left : 'auto',
- bottom : 'auto'
- };
- break;
- }
- if(positioning === undefined) {
- module.error(error.invalidPosition, position);
- }
- module.debug('Calculated popup positioning values', positioning);
- // tentatively place on stage
- $popup
- .css(positioning)
- .removeClass(className.position)
- .addClass(position)
- .addClass(className.loading)
- ;
- popupOffset = module.get.popupOffset();
- // see if any boundaries are surpassed with this tentative position
- distanceFromBoundary = module.get.distanceFromBoundary(popupOffset, calculations);
- if( module.is.offstage(distanceFromBoundary, position) ) {
- module.debug('Position is outside viewport', position);
- if(searchDepth < settings.maxSearchDepth) {
- searchDepth++;
- position = module.get.nextPosition(position);
- module.debug('Trying new position', position);
- return ($popup)
- ? module.set.position(position, calculations)
- : false
- ;
- }
- else {
- if(settings.lastResort) {
- module.debug('No position found, showing with last position');
- }
- else {
- module.debug('Popup could not find a position to display', $popup);
- module.error(error.cannotPlace, element);
- module.remove.attempts();
- module.remove.loading();
- module.reset();
- settings.onUnplaceable.call($popup, element);
- return false;
- }
- }
- }
- module.debug('Position is on stage', position);
- module.remove.attempts();
- module.remove.loading();
- if( settings.setFluidWidth && module.is.fluid() ) {
- module.set.fluidWidth(calculations);
- }
- return true;
- },
- fluidWidth: function(calculations) {
- calculations = calculations || module.get.calculations();
- module.debug('Automatically setting element width to parent width', calculations.parent.width);
- $popup.css('width', calculations.container.width);
- },
- variation: function(variation) {
- variation = variation || module.get.variation();
- if(variation && module.has.popup() ) {
- module.verbose('Adding variation to popup', variation);
- $popup.addClass(variation);
- }
- },
- visible: function() {
- $module.addClass(className.visible);
- }
- },
- remove: {
- loading: function() {
- $popup.removeClass(className.loading);
- },
- variation: function(variation) {
- variation = variation || module.get.variation();
- if(variation) {
- module.verbose('Removing variation', variation);
- $popup.removeClass(variation);
- }
- },
- visible: function() {
- $module.removeClass(className.visible);
- },
- attempts: function() {
- module.verbose('Resetting all searched positions');
- searchDepth = 0;
- triedPositions = false;
- }
- },
- bind: {
- events: function() {
- module.debug('Binding popup events to module');
- if(settings.on == 'click') {
- $module
- .on('click' + eventNamespace, module.toggle)
- ;
- }
- if(settings.on == 'hover' && hasTouch) {
- $module
- .on('touchstart' + eventNamespace, module.event.touchstart)
- ;
- }
- if( module.get.startEvent() ) {
- $module
- .on(module.get.startEvent() + eventNamespace, module.event.start)
- .on(module.get.endEvent() + eventNamespace, module.event.end)
- ;
- }
- if(settings.target) {
- module.debug('Target set to element', $target);
- }
- $window.on('resize' + elementNamespace, module.event.resize);
- },
- popup: function() {
- module.verbose('Allowing hover events on popup to prevent closing');
- if( $popup && module.has.popup() ) {
- $popup
- .on('mouseenter' + eventNamespace, module.event.start)
- .on('mouseleave' + eventNamespace, module.event.end)
- ;
- }
- },
- close: function() {
- if(settings.hideOnScroll === true || (settings.hideOnScroll == 'auto' && settings.on != 'click')) {
- module.bind.closeOnScroll();
- }
- if(settings.on == 'hover' && openedWithTouch) {
- module.bind.touchClose();
- }
- if(settings.on == 'click' && settings.closable) {
- module.bind.clickaway();
- }
- },
- closeOnScroll: function() {
- module.verbose('Binding scroll close event to document');
- $scrollContext
- .one(module.get.scrollEvent() + elementNamespace, module.event.hideGracefully)
- ;
- },
- touchClose: function() {
- module.verbose('Binding popup touchclose event to document');
- $document
- .on('touchstart' + elementNamespace, function(event) {
- module.verbose('Touched away from popup');
- module.event.hideGracefully.call(element, event);
- })
- ;
- },
- clickaway: function() {
- module.verbose('Binding popup close event to document');
- $document
- .on('click' + elementNamespace, function(event) {
- module.verbose('Clicked away from popup');
- module.event.hideGracefully.call(element, event);
- })
- ;
- }
- },
- unbind: {
- events: function() {
- $window
- .off(elementNamespace)
- ;
- $module
- .off(eventNamespace)
- ;
- },
- close: function() {
- $document
- .off(elementNamespace)
- ;
- $scrollContext
- .off(elementNamespace)
- ;
- },
- },
- has: {
- popup: function() {
- return ($popup && $popup.length > 0);
- }
- },
- should: {
- centerArrow: function(calculations) {
- return !module.is.basic() && calculations.target.width <= (settings.arrowPixelsFromEdge * 2);
- }
- },
- is: {
- offstage: function(distanceFromBoundary, position) {
- var
- offstage = []
- ;
- // return boundaries that have been surpassed
- $.each(distanceFromBoundary, function(direction, distance) {
- if(distance < -settings.jitter) {
- module.debug('Position exceeds allowable distance from edge', direction, distance, position);
- offstage.push(direction);
- }
- });
- if(offstage.length > 0) {
- return true;
- }
- else {
- return false;
- }
- },
- svg: function(element) {
- return module.supports.svg() && (element instanceof SVGGraphicsElement);
- },
- basic: function() {
- return $module.hasClass(className.basic);
- },
- active: function() {
- return $module.hasClass(className.active);
- },
- animating: function() {
- return ($popup !== undefined && $popup.hasClass(className.animating) );
- },
- fluid: function() {
- return ($popup !== undefined && $popup.hasClass(className.fluid));
- },
- visible: function() {
- return ($popup !== undefined && $popup.hasClass(className.popupVisible));
- },
- dropdown: function() {
- return $module.hasClass(className.dropdown);
- },
- hidden: function() {
- return !module.is.visible();
- },
- rtl: function () {
- return $module.css('direction') == 'rtl';
- }
- },
- reset: function() {
- module.remove.visible();
- if(settings.preserve) {
- if($.fn.transition !== undefined) {
- $popup
- .transition('remove transition')
- ;
- }
- }
- else {
- module.removePopup();
- }
- },
- setting: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- settings[name] = value;
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.fn.popup.settings = {
- name : 'Popup',
- // module settings
- silent : false,
- debug : false,
- verbose : false,
- performance : true,
- namespace : 'popup',
- // whether it should use dom mutation observers
- observeChanges : true,
- // callback only when element added to dom
- onCreate : function(){},
- // callback before element removed from dom
- onRemove : function(){},
- // callback before show animation
- onShow : function(){},
- // callback after show animation
- onVisible : function(){},
- // callback before hide animation
- onHide : function(){},
- // callback when popup cannot be positioned in visible screen
- onUnplaceable : function(){},
- // callback after hide animation
- onHidden : function(){},
- // when to show popup
- on : 'hover',
- // element to use to determine if popup is out of boundary
- boundary : window,
- // whether to add touchstart events when using hover
- addTouchEvents : true,
- // default position relative to element
- position : 'top left',
- // name of variation to use
- variation : '',
- // whether popup should be moved to context
- movePopup : true,
- // element which popup should be relative to
- target : false,
- // jq selector or element that should be used as popup
- popup : false,
- // popup should remain inline next to activator
- inline : false,
- // popup should be removed from page on hide
- preserve : false,
- // popup should not close when being hovered on
- hoverable : false,
- // explicitly set content
- content : false,
- // explicitly set html
- html : false,
- // explicitly set title
- title : false,
- // whether automatically close on clickaway when on click
- closable : true,
- // automatically hide on scroll
- hideOnScroll : 'auto',
- // hide other popups on show
- exclusive : false,
- // context to attach popups
- context : 'body',
- // context for binding scroll events
- scrollContext : window,
- // position to prefer when calculating new position
- prefer : 'opposite',
- // specify position to appear even if it doesn't fit
- lastResort : false,
- // number of pixels from edge of popup to pointing arrow center (used from centering)
- arrowPixelsFromEdge: 20,
- // delay used to prevent accidental refiring of animations due to user error
- delay : {
- show : 50,
- hide : 70
- },
- // whether fluid variation should assign width explicitly
- setFluidWidth : true,
- // transition settings
- duration : 200,
- transition : 'scale',
- // distance away from activating element in px
- distanceAway : 0,
- // number of pixels an element is allowed to be "offstage" for a position to be chosen (allows for rounding)
- jitter : 2,
- // offset on aligning axis from calculated position
- offset : 0,
- // maximum times to look for a position before failing (9 positions total)
- maxSearchDepth : 15,
- error: {
- invalidPosition : 'The position you specified is not a valid position',
- cannotPlace : 'Popup does not fit within the boundaries of the viewport',
- method : 'The method you called is not defined.',
- noTransition : 'This module requires ui transitions <https://github.com/Semantic-Org/UI-Transition>',
- notFound : 'The target or popup you specified does not exist on the page'
- },
- metadata: {
- activator : 'activator',
- content : 'content',
- html : 'html',
- offset : 'offset',
- position : 'position',
- title : 'title',
- variation : 'variation'
- },
- className : {
- active : 'active',
- basic : 'basic',
- animating : 'animating',
- dropdown : 'dropdown',
- fluid : 'fluid',
- loading : 'loading',
- popup : 'ui popup',
- position : 'top left center bottom right',
- visible : 'visible',
- popupVisible : 'visible'
- },
- selector : {
- popup : '.ui.popup'
- },
- templates: {
- escape: function(string) {
- var
- badChars = /[&<>"'`]/g,
- shouldEscape = /[&<>"'`]/,
- escape = {
- "&": "&",
- "<": "<",
- ">": ">",
- '"': """,
- "'": "'",
- "`": "`"
- },
- escapedChar = function(chr) {
- return escape[chr];
- }
- ;
- if(shouldEscape.test(string)) {
- return string.replace(badChars, escapedChar);
- }
- return string;
- },
- popup: function(text) {
- var
- html = '',
- escape = $.fn.popup.settings.templates.escape
- ;
- if(typeof text !== undefined) {
- if(typeof text.title !== undefined && text.title) {
- text.title = escape(text.title);
- html += '<div class="header">' + text.title + '</div>';
- }
- if(typeof text.content !== undefined && text.content) {
- text.content = escape(text.content);
- html += '<div class="content">' + text.content + '</div>';
- }
- }
- return html;
- }
- }
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Progress
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- var
- global = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.progress = function(parameters) {
- var
- $allModules = $(this),
- moduleSelector = $allModules.selector || '',
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- returnedValue
- ;
- $allModules
- .each(function() {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.progress.settings, parameters)
- : $.extend({}, $.fn.progress.settings),
- className = settings.className,
- metadata = settings.metadata,
- namespace = settings.namespace,
- selector = settings.selector,
- error = settings.error,
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- $module = $(this),
- $bar = $(this).find(selector.bar),
- $progress = $(this).find(selector.progress),
- $label = $(this).find(selector.label),
- element = this,
- instance = $module.data(moduleNamespace),
- animating = false,
- transitionEnd,
- module
- ;
- module = {
- initialize: function() {
- module.debug('Initializing progress bar', settings);
- module.set.duration();
- module.set.transitionEvent();
- module.read.metadata();
- module.read.settings();
- module.instantiate();
- },
- instantiate: function() {
- module.verbose('Storing instance of progress', module);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
- destroy: function() {
- module.verbose('Destroying previous progress for', $module);
- clearInterval(instance.interval);
- module.remove.state();
- $module.removeData(moduleNamespace);
- instance = undefined;
- },
- reset: function() {
- module.remove.nextValue();
- module.update.progress(0);
- },
- complete: function() {
- if(module.percent === undefined || module.percent < 100) {
- module.remove.progressPoll();
- module.set.percent(100);
- }
- },
- read: {
- metadata: function() {
- var
- data = {
- percent : $module.data(metadata.percent),
- total : $module.data(metadata.total),
- value : $module.data(metadata.value)
- }
- ;
- if(data.percent) {
- module.debug('Current percent value set from metadata', data.percent);
- module.set.percent(data.percent);
- }
- if(data.total) {
- module.debug('Total value set from metadata', data.total);
- module.set.total(data.total);
- }
- if(data.value) {
- module.debug('Current value set from metadata', data.value);
- module.set.value(data.value);
- module.set.progress(data.value);
- }
- },
- settings: function() {
- if(settings.total !== false) {
- module.debug('Current total set in settings', settings.total);
- module.set.total(settings.total);
- }
- if(settings.value !== false) {
- module.debug('Current value set in settings', settings.value);
- module.set.value(settings.value);
- module.set.progress(module.value);
- }
- if(settings.percent !== false) {
- module.debug('Current percent set in settings', settings.percent);
- module.set.percent(settings.percent);
- }
- }
- },
- bind: {
- transitionEnd: function(callback) {
- var
- transitionEnd = module.get.transitionEnd()
- ;
- $bar
- .one(transitionEnd + eventNamespace, function(event) {
- clearTimeout(module.failSafeTimer);
- callback.call(this, event);
- })
- ;
- module.failSafeTimer = setTimeout(function() {
- $bar.triggerHandler(transitionEnd);
- }, settings.duration + settings.failSafeDelay);
- module.verbose('Adding fail safe timer', module.timer);
- }
- },
- increment: function(incrementValue) {
- var
- maxValue,
- startValue,
- newValue
- ;
- if( module.has.total() ) {
- startValue = module.get.value();
- incrementValue = incrementValue || 1;
- newValue = startValue + incrementValue;
- }
- else {
- startValue = module.get.percent();
- incrementValue = incrementValue || module.get.randomValue();
- newValue = startValue + incrementValue;
- maxValue = 100;
- module.debug('Incrementing percentage by', startValue, newValue);
- }
- newValue = module.get.normalizedValue(newValue);
- module.set.progress(newValue);
- },
- decrement: function(decrementValue) {
- var
- total = module.get.total(),
- startValue,
- newValue
- ;
- if(total) {
- startValue = module.get.value();
- decrementValue = decrementValue || 1;
- newValue = startValue - decrementValue;
- module.debug('Decrementing value by', decrementValue, startValue);
- }
- else {
- startValue = module.get.percent();
- decrementValue = decrementValue || module.get.randomValue();
- newValue = startValue - decrementValue;
- module.debug('Decrementing percentage by', decrementValue, startValue);
- }
- newValue = module.get.normalizedValue(newValue);
- module.set.progress(newValue);
- },
- has: {
- progressPoll: function() {
- return module.progressPoll;
- },
- total: function() {
- return (module.get.total() !== false);
- }
- },
- get: {
- text: function(templateText) {
- var
- value = module.value || 0,
- total = module.total || 0,
- percent = (animating)
- ? module.get.displayPercent()
- : module.percent || 0,
- left = (module.total > 0)
- ? (total - value)
- : (100 - percent)
- ;
- templateText = templateText || '';
- templateText = templateText
- .replace('{value}', value)
- .replace('{total}', total)
- .replace('{left}', left)
- .replace('{percent}', percent)
- ;
- module.verbose('Adding variables to progress bar text', templateText);
- return templateText;
- },
- normalizedValue: function(value) {
- if(value < 0) {
- module.debug('Value cannot decrement below 0');
- return 0;
- }
- if(module.has.total()) {
- if(value > module.total) {
- module.debug('Value cannot increment above total', module.total);
- return module.total;
- }
- }
- else if(value > 100 ) {
- module.debug('Value cannot increment above 100 percent');
- return 100;
- }
- return value;
- },
- updateInterval: function() {
- if(settings.updateInterval == 'auto') {
- return settings.duration;
- }
- return settings.updateInterval;
- },
- randomValue: function() {
- module.debug('Generating random increment percentage');
- return Math.floor((Math.random() * settings.random.max) + settings.random.min);
- },
- numericValue: function(value) {
- return (typeof value === 'string')
- ? (value.replace(/[^\d.]/g, '') !== '')
- ? +(value.replace(/[^\d.]/g, ''))
- : false
- : value
- ;
- },
- transitionEnd: function() {
- var
- element = document.createElement('element'),
- transitions = {
- 'transition' :'transitionend',
- 'OTransition' :'oTransitionEnd',
- 'MozTransition' :'transitionend',
- 'WebkitTransition' :'webkitTransitionEnd'
- },
- transition
- ;
- for(transition in transitions){
- if( element.style[transition] !== undefined ){
- return transitions[transition];
- }
- }
- },
- // gets current displayed percentage (if animating values this is the intermediary value)
- displayPercent: function() {
- var
- barWidth = $bar.width(),
- totalWidth = $module.width(),
- minDisplay = parseInt($bar.css('min-width'), 10),
- displayPercent = (barWidth > minDisplay)
- ? (barWidth / totalWidth * 100)
- : module.percent
- ;
- return (settings.precision > 0)
- ? Math.round(displayPercent * (10 * settings.precision)) / (10 * settings.precision)
- : Math.round(displayPercent)
- ;
- },
- percent: function() {
- return module.percent || 0;
- },
- value: function() {
- return module.nextValue || module.value || 0;
- },
- total: function() {
- return module.total || false;
- }
- },
- create: {
- progressPoll: function() {
- module.progressPoll = setTimeout(function() {
- module.update.toNextValue();
- module.remove.progressPoll();
- }, module.get.updateInterval());
- },
- },
- is: {
- complete: function() {
- return module.is.success() || module.is.warning() || module.is.error();
- },
- success: function() {
- return $module.hasClass(className.success);
- },
- warning: function() {
- return $module.hasClass(className.warning);
- },
- error: function() {
- return $module.hasClass(className.error);
- },
- active: function() {
- return $module.hasClass(className.active);
- },
- visible: function() {
- return $module.is(':visible');
- }
- },
- remove: {
- progressPoll: function() {
- module.verbose('Removing progress poll timer');
- if(module.progressPoll) {
- clearTimeout(module.progressPoll);
- delete module.progressPoll;
- }
- },
- nextValue: function() {
- module.verbose('Removing progress value stored for next update');
- delete module.nextValue;
- },
- state: function() {
- module.verbose('Removing stored state');
- delete module.total;
- delete module.percent;
- delete module.value;
- },
- active: function() {
- module.verbose('Removing active state');
- $module.removeClass(className.active);
- },
- success: function() {
- module.verbose('Removing success state');
- $module.removeClass(className.success);
- },
- warning: function() {
- module.verbose('Removing warning state');
- $module.removeClass(className.warning);
- },
- error: function() {
- module.verbose('Removing error state');
- $module.removeClass(className.error);
- }
- },
- set: {
- barWidth: function(value) {
- if(value > 100) {
- module.error(error.tooHigh, value);
- }
- else if (value < 0) {
- module.error(error.tooLow, value);
- }
- else {
- $bar
- .css('width', value + '%')
- ;
- $module
- .attr('data-percent', parseInt(value, 10))
- ;
- }
- },
- duration: function(duration) {
- duration = duration || settings.duration;
- duration = (typeof duration == 'number')
- ? duration + 'ms'
- : duration
- ;
- module.verbose('Setting progress bar transition duration', duration);
- $bar
- .css({
- 'transition-duration': duration
- })
- ;
- },
- percent: function(percent) {
- percent = (typeof percent == 'string')
- ? +(percent.replace('%', ''))
- : percent
- ;
- // round display percentage
- percent = (settings.precision > 0)
- ? Math.round(percent * (10 * settings.precision)) / (10 * settings.precision)
- : Math.round(percent)
- ;
- module.percent = percent;
- if( !module.has.total() ) {
- module.value = (settings.precision > 0)
- ? Math.round( (percent / 100) * module.total * (10 * settings.precision)) / (10 * settings.precision)
- : Math.round( (percent / 100) * module.total * 10) / 10
- ;
- if(settings.limitValues) {
- module.value = (module.value > 100)
- ? 100
- : (module.value < 0)
- ? 0
- : module.value
- ;
- }
- }
- module.set.barWidth(percent);
- module.set.labelInterval();
- module.set.labels();
- settings.onChange.call(element, percent, module.value, module.total);
- },
- labelInterval: function() {
- var
- animationCallback = function() {
- module.verbose('Bar finished animating, removing continuous label updates');
- clearInterval(module.interval);
- animating = false;
- module.set.labels();
- }
- ;
- clearInterval(module.interval);
- module.bind.transitionEnd(animationCallback);
- animating = true;
- module.interval = setInterval(function() {
- var
- isInDOM = $.contains(document.documentElement, element)
- ;
- if(!isInDOM) {
- clearInterval(module.interval);
- animating = false;
- }
- module.set.labels();
- }, settings.framerate);
- },
- labels: function() {
- module.verbose('Setting both bar progress and outer label text');
- module.set.barLabel();
- module.set.state();
- },
- label: function(text) {
- text = text || '';
- if(text) {
- text = module.get.text(text);
- module.verbose('Setting label to text', text);
- $label.text(text);
- }
- },
- state: function(percent) {
- percent = (percent !== undefined)
- ? percent
- : module.percent
- ;
- if(percent === 100) {
- if(settings.autoSuccess && !(module.is.warning() || module.is.error() || module.is.success())) {
- module.set.success();
- module.debug('Automatically triggering success at 100%');
- }
- else {
- module.verbose('Reached 100% removing active state');
- module.remove.active();
- module.remove.progressPoll();
- }
- }
- else if(percent > 0) {
- module.verbose('Adjusting active progress bar label', percent);
- module.set.active();
- }
- else {
- module.remove.active();
- module.set.label(settings.text.active);
- }
- },
- barLabel: function(text) {
- if(text !== undefined) {
- $progress.text( module.get.text(text) );
- }
- else if(settings.label == 'ratio' && module.total) {
- module.verbose('Adding ratio to bar label');
- $progress.text( module.get.text(settings.text.ratio) );
- }
- else if(settings.label == 'percent') {
- module.verbose('Adding percentage to bar label');
- $progress.text( module.get.text(settings.text.percent) );
- }
- },
- active: function(text) {
- text = text || settings.text.active;
- module.debug('Setting active state');
- if(settings.showActivity && !module.is.active() ) {
- $module.addClass(className.active);
- }
- module.remove.warning();
- module.remove.error();
- module.remove.success();
- text = settings.onLabelUpdate('active', text, module.value, module.total);
- if(text) {
- module.set.label(text);
- }
- module.bind.transitionEnd(function() {
- settings.onActive.call(element, module.value, module.total);
- });
- },
- success : function(text) {
- text = text || settings.text.success || settings.text.active;
- module.debug('Setting success state');
- $module.addClass(className.success);
- module.remove.active();
- module.remove.warning();
- module.remove.error();
- module.complete();
- if(settings.text.success) {
- text = settings.onLabelUpdate('success', text, module.value, module.total);
- module.set.label(text);
- }
- else {
- text = settings.onLabelUpdate('active', text, module.value, module.total);
- module.set.label(text);
- }
- module.bind.transitionEnd(function() {
- settings.onSuccess.call(element, module.total);
- });
- },
- warning : function(text) {
- text = text || settings.text.warning;
- module.debug('Setting warning state');
- $module.addClass(className.warning);
- module.remove.active();
- module.remove.success();
- module.remove.error();
- module.complete();
- text = settings.onLabelUpdate('warning', text, module.value, module.total);
- if(text) {
- module.set.label(text);
- }
- module.bind.transitionEnd(function() {
- settings.onWarning.call(element, module.value, module.total);
- });
- },
- error : function(text) {
- text = text || settings.text.error;
- module.debug('Setting error state');
- $module.addClass(className.error);
- module.remove.active();
- module.remove.success();
- module.remove.warning();
- module.complete();
- text = settings.onLabelUpdate('error', text, module.value, module.total);
- if(text) {
- module.set.label(text);
- }
- module.bind.transitionEnd(function() {
- settings.onError.call(element, module.value, module.total);
- });
- },
- transitionEvent: function() {
- transitionEnd = module.get.transitionEnd();
- },
- total: function(totalValue) {
- module.total = totalValue;
- },
- value: function(value) {
- module.value = value;
- },
- progress: function(value) {
- if(!module.has.progressPoll()) {
- module.debug('First update in progress update interval, immediately updating', value);
- module.update.progress(value);
- module.create.progressPoll();
- }
- else {
- module.debug('Updated within interval, setting next update to use new value', value);
- module.set.nextValue(value);
- }
- },
- nextValue: function(value) {
- module.nextValue = value;
- }
- },
- update: {
- toNextValue: function() {
- var
- nextValue = module.nextValue
- ;
- if(nextValue) {
- module.debug('Update interval complete using last updated value', nextValue);
- module.update.progress(nextValue);
- module.remove.nextValue();
- }
- },
- progress: function(value) {
- var
- percentComplete
- ;
- value = module.get.numericValue(value);
- if(value === false) {
- module.error(error.nonNumeric, value);
- }
- value = module.get.normalizedValue(value);
- if( module.has.total() ) {
- module.set.value(value);
- percentComplete = (value / module.total) * 100;
- module.debug('Calculating percent complete from total', percentComplete);
- module.set.percent( percentComplete );
- }
- else {
- percentComplete = value;
- module.debug('Setting value to exact percentage value', percentComplete);
- module.set.percent( percentComplete );
- }
- }
- },
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- if($.isPlainObject(settings[name])) {
- $.extend(true, settings[name], value);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- module.error(error.method, query);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.fn.progress.settings = {
- name : 'Progress',
- namespace : 'progress',
- silent : false,
- debug : false,
- verbose : false,
- performance : true,
- random : {
- min : 2,
- max : 5
- },
- duration : 300,
- updateInterval : 'auto',
- autoSuccess : true,
- showActivity : true,
- limitValues : true,
- label : 'percent',
- precision : 0,
- framerate : (1000 / 30), /// 30 fps
- percent : false,
- total : false,
- value : false,
- // delay in ms for fail safe animation callback
- failSafeDelay : 100,
- onLabelUpdate : function(state, text, value, total){
- return text;
- },
- onChange : function(percent, value, total){},
- onSuccess : function(total){},
- onActive : function(value, total){},
- onError : function(value, total){},
- onWarning : function(value, total){},
- error : {
- method : 'The method you called is not defined.',
- nonNumeric : 'Progress value is non numeric',
- tooHigh : 'Value specified is above 100%',
- tooLow : 'Value specified is below 0%'
- },
- regExp: {
- variable: /\{\$*[A-z0-9]+\}/g
- },
- metadata: {
- percent : 'percent',
- total : 'total',
- value : 'value'
- },
- selector : {
- bar : '> .bar',
- label : '> .label',
- progress : '.bar > .progress'
- },
- text : {
- active : false,
- error : false,
- success : false,
- warning : false,
- percent : '{percent}%',
- ratio : '{value} of {total}'
- },
- className : {
- active : 'active',
- error : 'error',
- success : 'success',
- warning : 'warning'
- }
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Rating
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.rating = function(parameters) {
- var
- $allModules = $(this),
- moduleSelector = $allModules.selector || '',
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- returnedValue
- ;
- $allModules
- .each(function() {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.rating.settings, parameters)
- : $.extend({}, $.fn.rating.settings),
- namespace = settings.namespace,
- className = settings.className,
- metadata = settings.metadata,
- selector = settings.selector,
- error = settings.error,
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- element = this,
- instance = $(this).data(moduleNamespace),
- $module = $(this),
- $icon = $module.find(selector.icon),
- initialLoad,
- module
- ;
- module = {
- initialize: function() {
- module.verbose('Initializing rating module', settings);
- if($icon.length === 0) {
- module.setup.layout();
- }
- if(settings.interactive) {
- module.enable();
- }
- else {
- module.disable();
- }
- module.set.initialLoad();
- module.set.rating( module.get.initialRating() );
- module.remove.initialLoad();
- module.instantiate();
- },
- instantiate: function() {
- module.verbose('Instantiating module', settings);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
- destroy: function() {
- module.verbose('Destroying previous instance', instance);
- module.remove.events();
- $module
- .removeData(moduleNamespace)
- ;
- },
- refresh: function() {
- $icon = $module.find(selector.icon);
- },
- setup: {
- layout: function() {
- var
- maxRating = module.get.maxRating(),
- html = $.fn.rating.settings.templates.icon(maxRating)
- ;
- module.debug('Generating icon html dynamically');
- $module
- .html(html)
- ;
- module.refresh();
- }
- },
- event: {
- mouseenter: function() {
- var
- $activeIcon = $(this)
- ;
- $activeIcon
- .nextAll()
- .removeClass(className.selected)
- ;
- $module
- .addClass(className.selected)
- ;
- $activeIcon
- .addClass(className.selected)
- .prevAll()
- .addClass(className.selected)
- ;
- },
- mouseleave: function() {
- $module
- .removeClass(className.selected)
- ;
- $icon
- .removeClass(className.selected)
- ;
- },
- click: function() {
- var
- $activeIcon = $(this),
- currentRating = module.get.rating(),
- rating = $icon.index($activeIcon) + 1,
- canClear = (settings.clearable == 'auto')
- ? ($icon.length === 1)
- : settings.clearable
- ;
- if(canClear && currentRating == rating) {
- module.clearRating();
- }
- else {
- module.set.rating( rating );
- }
- }
- },
- clearRating: function() {
- module.debug('Clearing current rating');
- module.set.rating(0);
- },
- bind: {
- events: function() {
- module.verbose('Binding events');
- $module
- .on('mouseenter' + eventNamespace, selector.icon, module.event.mouseenter)
- .on('mouseleave' + eventNamespace, selector.icon, module.event.mouseleave)
- .on('click' + eventNamespace, selector.icon, module.event.click)
- ;
- }
- },
- remove: {
- events: function() {
- module.verbose('Removing events');
- $module
- .off(eventNamespace)
- ;
- },
- initialLoad: function() {
- initialLoad = false;
- }
- },
- enable: function() {
- module.debug('Setting rating to interactive mode');
- module.bind.events();
- $module
- .removeClass(className.disabled)
- ;
- },
- disable: function() {
- module.debug('Setting rating to read-only mode');
- module.remove.events();
- $module
- .addClass(className.disabled)
- ;
- },
- is: {
- initialLoad: function() {
- return initialLoad;
- }
- },
- get: {
- initialRating: function() {
- if($module.data(metadata.rating) !== undefined) {
- $module.removeData(metadata.rating);
- return $module.data(metadata.rating);
- }
- return settings.initialRating;
- },
- maxRating: function() {
- if($module.data(metadata.maxRating) !== undefined) {
- $module.removeData(metadata.maxRating);
- return $module.data(metadata.maxRating);
- }
- return settings.maxRating;
- },
- rating: function() {
- var
- currentRating = $icon.filter('.' + className.active).length
- ;
- module.verbose('Current rating retrieved', currentRating);
- return currentRating;
- }
- },
- set: {
- rating: function(rating) {
- var
- ratingIndex = (rating - 1 >= 0)
- ? (rating - 1)
- : 0,
- $activeIcon = $icon.eq(ratingIndex)
- ;
- $module
- .removeClass(className.selected)
- ;
- $icon
- .removeClass(className.selected)
- .removeClass(className.active)
- ;
- if(rating > 0) {
- module.verbose('Setting current rating to', rating);
- $activeIcon
- .prevAll()
- .addBack()
- .addClass(className.active)
- ;
- }
- if(!module.is.initialLoad()) {
- settings.onRate.call(element, rating);
- }
- },
- initialLoad: function() {
- initialLoad = true;
- }
- },
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- if($.isPlainObject(settings[name])) {
- $.extend(true, settings[name], value);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if($allModules.length > 1) {
- title += ' ' + '(' + $allModules.length + ')';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.fn.rating.settings = {
- name : 'Rating',
- namespace : 'rating',
- slent : false,
- debug : false,
- verbose : false,
- performance : true,
- initialRating : 0,
- interactive : true,
- maxRating : 4,
- clearable : 'auto',
- fireOnInit : false,
- onRate : function(rating){},
- error : {
- method : 'The method you called is not defined',
- noMaximum : 'No maximum rating specified. Cannot generate HTML automatically'
- },
- metadata: {
- rating : 'rating',
- maxRating : 'maxRating'
- },
- className : {
- active : 'active',
- disabled : 'disabled',
- selected : 'selected',
- loading : 'loading'
- },
- selector : {
- icon : '.icon'
- },
- templates: {
- icon: function(maxRating) {
- var
- icon = 1,
- html = ''
- ;
- while(icon <= maxRating) {
- html += '<i class="icon"></i>';
- icon++;
- }
- return html;
- }
- }
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Search
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.search = function(parameters) {
- var
- $allModules = $(this),
- moduleSelector = $allModules.selector || '',
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- returnedValue
- ;
- $(this)
- .each(function() {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.search.settings, parameters)
- : $.extend({}, $.fn.search.settings),
- className = settings.className,
- metadata = settings.metadata,
- regExp = settings.regExp,
- fields = settings.fields,
- selector = settings.selector,
- error = settings.error,
- namespace = settings.namespace,
- eventNamespace = '.' + namespace,
- moduleNamespace = namespace + '-module',
- $module = $(this),
- $prompt = $module.find(selector.prompt),
- $searchButton = $module.find(selector.searchButton),
- $results = $module.find(selector.results),
- $result = $module.find(selector.result),
- $category = $module.find(selector.category),
- element = this,
- instance = $module.data(moduleNamespace),
- disabledBubbled = false,
- resultsDismissed = false,
- module
- ;
- module = {
- initialize: function() {
- module.verbose('Initializing module');
- module.get.settings();
- module.determine.searchFields();
- module.bind.events();
- module.set.type();
- module.create.results();
- module.instantiate();
- },
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
- destroy: function() {
- module.verbose('Destroying instance');
- $module
- .off(eventNamespace)
- .removeData(moduleNamespace)
- ;
- },
- refresh: function() {
- module.debug('Refreshing selector cache');
- $prompt = $module.find(selector.prompt);
- $searchButton = $module.find(selector.searchButton);
- $category = $module.find(selector.category);
- $results = $module.find(selector.results);
- $result = $module.find(selector.result);
- },
- refreshResults: function() {
- $results = $module.find(selector.results);
- $result = $module.find(selector.result);
- },
- bind: {
- events: function() {
- module.verbose('Binding events to search');
- if(settings.automatic) {
- $module
- .on(module.get.inputEvent() + eventNamespace, selector.prompt, module.event.input)
- ;
- $prompt
- .attr('autocomplete', 'off')
- ;
- }
- $module
- // prompt
- .on('focus' + eventNamespace, selector.prompt, module.event.focus)
- .on('blur' + eventNamespace, selector.prompt, module.event.blur)
- .on('keydown' + eventNamespace, selector.prompt, module.handleKeyboard)
- // search button
- .on('click' + eventNamespace, selector.searchButton, module.query)
- // results
- .on('mousedown' + eventNamespace, selector.results, module.event.result.mousedown)
- .on('mouseup' + eventNamespace, selector.results, module.event.result.mouseup)
- .on('click' + eventNamespace, selector.result, module.event.result.click)
- ;
- }
- },
- determine: {
- searchFields: function() {
- // this makes sure $.extend does not add specified search fields to default fields
- // this is the only setting which should not extend defaults
- if(parameters && parameters.searchFields !== undefined) {
- settings.searchFields = parameters.searchFields;
- }
- }
- },
- event: {
- input: function() {
- if(settings.searchDelay) {
- clearTimeout(module.timer);
- module.timer = setTimeout(function() {
- if(module.is.focused()) {
- module.query();
- }
- }, settings.searchDelay);
- }
- else {
- module.query();
- }
- },
- focus: function() {
- module.set.focus();
- if(settings.searchOnFocus && module.has.minimumCharacters() ) {
- module.query(function() {
- if(module.can.show() ) {
- module.showResults();
- }
- });
- }
- },
- blur: function(event) {
- var
- pageLostFocus = (document.activeElement === this),
- callback = function() {
- module.cancel.query();
- module.remove.focus();
- module.timer = setTimeout(module.hideResults, settings.hideDelay);
- }
- ;
- if(pageLostFocus) {
- return;
- }
- resultsDismissed = false;
- if(module.resultsClicked) {
- module.debug('Determining if user action caused search to close');
- $module
- .one('click.close' + eventNamespace, selector.results, function(event) {
- if(module.is.inMessage(event) || disabledBubbled) {
- $prompt.focus();
- return;
- }
- disabledBubbled = false;
- if( !module.is.animating() && !module.is.hidden()) {
- callback();
- }
- })
- ;
- }
- else {
- module.debug('Input blurred without user action, closing results');
- callback();
- }
- },
- result: {
- mousedown: function() {
- module.resultsClicked = true;
- },
- mouseup: function() {
- module.resultsClicked = false;
- },
- click: function(event) {
- module.debug('Search result selected');
- var
- $result = $(this),
- $title = $result.find(selector.title).eq(0),
- $link = $result.is('a[href]')
- ? $result
- : $result.find('a[href]').eq(0),
- href = $link.attr('href') || false,
- target = $link.attr('target') || false,
- title = $title.html(),
- // title is used for result lookup
- value = ($title.length > 0)
- ? $title.text()
- : false,
- results = module.get.results(),
- result = $result.data(metadata.result) || module.get.result(value, results),
- returnedValue
- ;
- if( $.isFunction(settings.onSelect) ) {
- if(settings.onSelect.call(element, result, results) === false) {
- module.debug('Custom onSelect callback cancelled default select action');
- disabledBubbled = true;
- return;
- }
- }
- module.hideResults();
- if(value) {
- module.set.value(value);
- }
- if(href) {
- module.verbose('Opening search link found in result', $link);
- if(target == '_blank' || event.ctrlKey) {
- window.open(href);
- }
- else {
- window.location.href = (href);
- }
- }
- }
- }
- },
- handleKeyboard: function(event) {
- var
- // force selector refresh
- $result = $module.find(selector.result),
- $category = $module.find(selector.category),
- $activeResult = $result.filter('.' + className.active),
- currentIndex = $result.index( $activeResult ),
- resultSize = $result.length,
- hasActiveResult = $activeResult.length > 0,
- keyCode = event.which,
- keys = {
- backspace : 8,
- enter : 13,
- escape : 27,
- upArrow : 38,
- downArrow : 40
- },
- newIndex
- ;
- // search shortcuts
- if(keyCode == keys.escape) {
- module.verbose('Escape key pressed, blurring search field');
- module.hideResults();
- resultsDismissed = true;
- }
- if( module.is.visible() ) {
- if(keyCode == keys.enter) {
- module.verbose('Enter key pressed, selecting active result');
- if( $result.filter('.' + className.active).length > 0 ) {
- module.event.result.click.call($result.filter('.' + className.active), event);
- event.preventDefault();
- return false;
- }
- }
- else if(keyCode == keys.upArrow && hasActiveResult) {
- module.verbose('Up key pressed, changing active result');
- newIndex = (currentIndex - 1 < 0)
- ? currentIndex
- : currentIndex - 1
- ;
- $category
- .removeClass(className.active)
- ;
- $result
- .removeClass(className.active)
- .eq(newIndex)
- .addClass(className.active)
- .closest($category)
- .addClass(className.active)
- ;
- event.preventDefault();
- }
- else if(keyCode == keys.downArrow) {
- module.verbose('Down key pressed, changing active result');
- newIndex = (currentIndex + 1 >= resultSize)
- ? currentIndex
- : currentIndex + 1
- ;
- $category
- .removeClass(className.active)
- ;
- $result
- .removeClass(className.active)
- .eq(newIndex)
- .addClass(className.active)
- .closest($category)
- .addClass(className.active)
- ;
- event.preventDefault();
- }
- }
- else {
- // query shortcuts
- if(keyCode == keys.enter) {
- module.verbose('Enter key pressed, executing query');
- module.query();
- module.set.buttonPressed();
- $prompt.one('keyup', module.remove.buttonFocus);
- }
- }
- },
- setup: {
- api: function(searchTerm, callback) {
- var
- apiSettings = {
- debug : settings.debug,
- on : false,
- cache : true,
- action : 'search',
- urlData : {
- query : searchTerm
- },
- onSuccess : function(response) {
- module.parse.response.call(element, response, searchTerm);
- callback();
- },
- onFailure : function() {
- module.displayMessage(error.serverError);
- callback();
- },
- onAbort : function(response) {
- },
- onError : module.error
- },
- searchHTML
- ;
- $.extend(true, apiSettings, settings.apiSettings);
- module.verbose('Setting up API request', apiSettings);
- $module.api(apiSettings);
- }
- },
- can: {
- useAPI: function() {
- return $.fn.api !== undefined;
- },
- show: function() {
- return module.is.focused() && !module.is.visible() && !module.is.empty();
- },
- transition: function() {
- return settings.transition && $.fn.transition !== undefined && $module.transition('is supported');
- }
- },
- is: {
- animating: function() {
- return $results.hasClass(className.animating);
- },
- hidden: function() {
- return $results.hasClass(className.hidden);
- },
- inMessage: function(event) {
- if(!event.target) {
- return;
- }
- var
- $target = $(event.target),
- isInDOM = $.contains(document.documentElement, event.target)
- ;
- return (isInDOM && $target.closest(selector.message).length > 0);
- },
- empty: function() {
- return ($results.html() === '');
- },
- visible: function() {
- return ($results.filter(':visible').length > 0);
- },
- focused: function() {
- return ($prompt.filter(':focus').length > 0);
- }
- },
- get: {
- settings: function() {
- if($.isPlainObject(parameters) && parameters.searchFullText) {
- settings.fullTextSearch = parameters.searchFullText;
- module.error(settings.error.oldSearchSyntax, element);
- }
- },
- inputEvent: function() {
- var
- prompt = $prompt[0],
- inputEvent = (prompt !== undefined && prompt.oninput !== undefined)
- ? 'input'
- : (prompt !== undefined && prompt.onpropertychange !== undefined)
- ? 'propertychange'
- : 'keyup'
- ;
- return inputEvent;
- },
- value: function() {
- return $prompt.val();
- },
- results: function() {
- var
- results = $module.data(metadata.results)
- ;
- return results;
- },
- result: function(value, results) {
- var
- lookupFields = ['title', 'id'],
- result = false
- ;
- value = (value !== undefined)
- ? value
- : module.get.value()
- ;
- results = (results !== undefined)
- ? results
- : module.get.results()
- ;
- if(settings.type === 'category') {
- module.debug('Finding result that matches', value);
- $.each(results, function(index, category) {
- if($.isArray(category.results)) {
- result = module.search.object(value, category.results, lookupFields)[0];
- // don't continue searching if a result is found
- if(result) {
- return false;
- }
- }
- });
- }
- else {
- module.debug('Finding result in results object', value);
- result = module.search.object(value, results, lookupFields)[0];
- }
- return result || false;
- },
- },
- select: {
- firstResult: function() {
- module.verbose('Selecting first result');
- $result.first().addClass(className.active);
- }
- },
- set: {
- focus: function() {
- $module.addClass(className.focus);
- },
- loading: function() {
- $module.addClass(className.loading);
- },
- value: function(value) {
- module.verbose('Setting search input value', value);
- $prompt
- .val(value)
- ;
- },
- type: function(type) {
- type = type || settings.type;
- if(settings.type == 'category') {
- $module.addClass(settings.type);
- }
- },
- buttonPressed: function() {
- $searchButton.addClass(className.pressed);
- }
- },
- remove: {
- loading: function() {
- $module.removeClass(className.loading);
- },
- focus: function() {
- $module.removeClass(className.focus);
- },
- buttonPressed: function() {
- $searchButton.removeClass(className.pressed);
- }
- },
- query: function(callback) {
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- var
- searchTerm = module.get.value(),
- cache = module.read.cache(searchTerm)
- ;
- callback = callback || function() {};
- if( module.has.minimumCharacters() ) {
- if(cache) {
- module.debug('Reading result from cache', searchTerm);
- module.save.results(cache.results);
- module.addResults(cache.html);
- module.inject.id(cache.results);
- callback();
- }
- else {
- module.debug('Querying for', searchTerm);
- if($.isPlainObject(settings.source) || $.isArray(settings.source)) {
- module.search.local(searchTerm);
- callback();
- }
- else if( module.can.useAPI() ) {
- module.search.remote(searchTerm, callback);
- }
- else {
- module.error(error.source);
- callback();
- }
- }
- settings.onSearchQuery.call(element, searchTerm);
- }
- else {
- module.hideResults();
- }
- },
- search: {
- local: function(searchTerm) {
- var
- results = module.search.object(searchTerm, settings.content),
- searchHTML
- ;
- module.set.loading();
- module.save.results(results);
- module.debug('Returned full local search results', results);
- if(settings.maxResults > 0) {
- module.debug('Using specified max results', results);
- results = results.slice(0, settings.maxResults);
- }
- if(settings.type == 'category') {
- results = module.create.categoryResults(results);
- }
- searchHTML = module.generateResults({
- results: results
- });
- module.remove.loading();
- module.addResults(searchHTML);
- module.inject.id(results);
- module.write.cache(searchTerm, {
- html : searchHTML,
- results : results
- });
- },
- remote: function(searchTerm, callback) {
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if($module.api('is loading')) {
- $module.api('abort');
- }
- module.setup.api(searchTerm, callback);
- $module
- .api('query')
- ;
- },
- object: function(searchTerm, source, searchFields) {
- var
- results = [],
- exactResults = [],
- fuzzyResults = [],
- searchExp = searchTerm.toString().replace(regExp.escape, '\\$&'),
- matchRegExp = new RegExp(regExp.beginsWith + searchExp, 'i'),
- // avoid duplicates when pushing results
- addResult = function(array, result) {
- var
- notResult = ($.inArray(result, results) == -1),
- notFuzzyResult = ($.inArray(result, fuzzyResults) == -1)
- ;
- if(notResult && notFuzzyResult) {
- array.push(result);
- }
- }
- ;
- source = source || settings.source;
- searchFields = (searchFields !== undefined)
- ? searchFields
- : settings.searchFields
- ;
- // search fields should be array to loop correctly
- if(!$.isArray(searchFields)) {
- searchFields = [searchFields];
- }
- // exit conditions if no source
- if(source === undefined || source === false) {
- module.error(error.source);
- return [];
- }
- // iterate through search fields looking for matches
- $.each(searchFields, function(index, field) {
- $.each(source, function(label, content) {
- var
- fieldExists = (typeof content[field] == 'string')
- ;
- if(fieldExists) {
- if( content[field].search(matchRegExp) !== -1) {
- // content starts with value (first in results)
- addResult(results, content);
- }
- else if(settings.fullTextSearch === 'exact' && module.exactSearch(searchTerm, content[field]) ) {
- // content fuzzy matches (last in results)
- addResult(exactResults, content);
- }
- else if(settings.fullTextSearch == true && module.fuzzySearch(searchTerm, content[field]) ) {
- // content fuzzy matches (last in results)
- addResult(fuzzyResults, content);
- }
- }
- });
- });
- $.merge(exactResults, fuzzyResults)
- $.merge(results, exactResults);
- return results;
- }
- },
- exactSearch: function (query, term) {
- query = query.toLowerCase();
- term = term.toLowerCase();
- if(term.indexOf(query) > -1) {
- return true;
- }
- return false;
- },
- fuzzySearch: function(query, term) {
- var
- termLength = term.length,
- queryLength = query.length
- ;
- if(typeof query !== 'string') {
- return false;
- }
- query = query.toLowerCase();
- term = term.toLowerCase();
- if(queryLength > termLength) {
- return false;
- }
- if(queryLength === termLength) {
- return (query === term);
- }
- search: for (var characterIndex = 0, nextCharacterIndex = 0; characterIndex < queryLength; characterIndex++) {
- var
- queryCharacter = query.charCodeAt(characterIndex)
- ;
- while(nextCharacterIndex < termLength) {
- if(term.charCodeAt(nextCharacterIndex++) === queryCharacter) {
- continue search;
- }
- }
- return false;
- }
- return true;
- },
- parse: {
- response: function(response, searchTerm) {
- var
- searchHTML = module.generateResults(response)
- ;
- module.verbose('Parsing server response', response);
- if(response !== undefined) {
- if(searchTerm !== undefined && response[fields.results] !== undefined) {
- module.addResults(searchHTML);
- module.inject.id(response[fields.results]);
- module.write.cache(searchTerm, {
- html : searchHTML,
- results : response[fields.results]
- });
- module.save.results(response[fields.results]);
- }
- }
- }
- },
- cancel: {
- query: function() {
- if( module.can.useAPI() ) {
- $module.api('abort');
- }
- }
- },
- has: {
- minimumCharacters: function() {
- var
- searchTerm = module.get.value(),
- numCharacters = searchTerm.length
- ;
- return (numCharacters >= settings.minCharacters);
- },
- results: function() {
- if($results.length === 0) {
- return false;
- }
- var
- html = $results.html()
- ;
- return html != '';
- }
- },
- clear: {
- cache: function(value) {
- var
- cache = $module.data(metadata.cache)
- ;
- if(!value) {
- module.debug('Clearing cache', value);
- $module.removeData(metadata.cache);
- }
- else if(value && cache && cache[value]) {
- module.debug('Removing value from cache', value);
- delete cache[value];
- $module.data(metadata.cache, cache);
- }
- }
- },
- read: {
- cache: function(name) {
- var
- cache = $module.data(metadata.cache)
- ;
- if(settings.cache) {
- module.verbose('Checking cache for generated html for query', name);
- return (typeof cache == 'object') && (cache[name] !== undefined)
- ? cache[name]
- : false
- ;
- }
- return false;
- }
- },
- create: {
- categoryResults: function(results) {
- var
- categoryResults = {}
- ;
- $.each(results, function(index, result) {
- if(!result.category) {
- return;
- }
- if(categoryResults[result.category] === undefined) {
- module.verbose('Creating new category of results', result.category);
- categoryResults[result.category] = {
- name : result.category,
- results : [result]
- }
- }
- else {
- categoryResults[result.category].results.push(result);
- }
- });
- return categoryResults;
- },
- id: function(resultIndex, categoryIndex) {
- var
- resultID = (resultIndex + 1), // not zero indexed
- categoryID = (categoryIndex + 1),
- firstCharCode,
- letterID,
- id
- ;
- if(categoryIndex !== undefined) {
- // start char code for "A"
- letterID = String.fromCharCode(97 + categoryIndex);
- id = letterID + resultID;
- module.verbose('Creating category result id', id);
- }
- else {
- id = resultID;
- module.verbose('Creating result id', id);
- }
- return id;
- },
- results: function() {
- if($results.length === 0) {
- $results = $('<div />')
- .addClass(className.results)
- .appendTo($module)
- ;
- }
- }
- },
- inject: {
- result: function(result, resultIndex, categoryIndex) {
- module.verbose('Injecting result into results');
- var
- $selectedResult = (categoryIndex !== undefined)
- ? $results
- .children().eq(categoryIndex)
- .children(selector.results)
- .first()
- .children(selector.result)
- .eq(resultIndex)
- : $results
- .children(selector.result).eq(resultIndex)
- ;
- module.verbose('Injecting results metadata', $selectedResult);
- $selectedResult
- .data(metadata.result, result)
- ;
- },
- id: function(results) {
- module.debug('Injecting unique ids into results');
- var
- // since results may be object, we must use counters
- categoryIndex = 0,
- resultIndex = 0
- ;
- if(settings.type === 'category') {
- // iterate through each category result
- $.each(results, function(index, category) {
- resultIndex = 0;
- $.each(category.results, function(index, value) {
- var
- result = category.results[index]
- ;
- if(result.id === undefined) {
- result.id = module.create.id(resultIndex, categoryIndex);
- }
- module.inject.result(result, resultIndex, categoryIndex);
- resultIndex++;
- });
- categoryIndex++;
- });
- }
- else {
- // top level
- $.each(results, function(index, value) {
- var
- result = results[index]
- ;
- if(result.id === undefined) {
- result.id = module.create.id(resultIndex);
- }
- module.inject.result(result, resultIndex);
- resultIndex++;
- });
- }
- return results;
- }
- },
- save: {
- results: function(results) {
- module.verbose('Saving current search results to metadata', results);
- $module.data(metadata.results, results);
- }
- },
- write: {
- cache: function(name, value) {
- var
- cache = ($module.data(metadata.cache) !== undefined)
- ? $module.data(metadata.cache)
- : {}
- ;
- if(settings.cache) {
- module.verbose('Writing generated html to cache', name, value);
- cache[name] = value;
- $module
- .data(metadata.cache, cache)
- ;
- }
- }
- },
- addResults: function(html) {
- if( $.isFunction(settings.onResultsAdd) ) {
- if( settings.onResultsAdd.call($results, html) === false ) {
- module.debug('onResultsAdd callback cancelled default action');
- return false;
- }
- }
- if(html) {
- $results
- .html(html)
- ;
- module.refreshResults();
- if(settings.selectFirstResult) {
- module.select.firstResult();
- }
- module.showResults();
- }
- else {
- module.hideResults(function() {
- $results.empty();
- });
- }
- },
- showResults: function(callback) {
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if(resultsDismissed) {
- return;
- }
- if(!module.is.visible() && module.has.results()) {
- if( module.can.transition() ) {
- module.debug('Showing results with css animations');
- $results
- .transition({
- animation : settings.transition + ' in',
- debug : settings.debug,
- verbose : settings.verbose,
- duration : settings.duration,
- onComplete : function() {
- callback();
- },
- queue : true
- })
- ;
- }
- else {
- module.debug('Showing results with javascript');
- $results
- .stop()
- .fadeIn(settings.duration, settings.easing)
- ;
- }
- settings.onResultsOpen.call($results);
- }
- },
- hideResults: function(callback) {
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if( module.is.visible() ) {
- if( module.can.transition() ) {
- module.debug('Hiding results with css animations');
- $results
- .transition({
- animation : settings.transition + ' out',
- debug : settings.debug,
- verbose : settings.verbose,
- duration : settings.duration,
- onComplete : function() {
- callback();
- },
- queue : true
- })
- ;
- }
- else {
- module.debug('Hiding results with javascript');
- $results
- .stop()
- .fadeOut(settings.duration, settings.easing)
- ;
- }
- settings.onResultsClose.call($results);
- }
- },
- generateResults: function(response) {
- module.debug('Generating html from response', response);
- var
- template = settings.templates[settings.type],
- isProperObject = ($.isPlainObject(response[fields.results]) && !$.isEmptyObject(response[fields.results])),
- isProperArray = ($.isArray(response[fields.results]) && response[fields.results].length > 0),
- html = ''
- ;
- if(isProperObject || isProperArray ) {
- if(settings.maxResults > 0) {
- if(isProperObject) {
- if(settings.type == 'standard') {
- module.error(error.maxResults);
- }
- }
- else {
- response[fields.results] = response[fields.results].slice(0, settings.maxResults);
- }
- }
- if($.isFunction(template)) {
- html = template(response, fields);
- }
- else {
- module.error(error.noTemplate, false);
- }
- }
- else if(settings.showNoResults) {
- html = module.displayMessage(error.noResults, 'empty');
- }
- settings.onResults.call(element, response);
- return html;
- },
- displayMessage: function(text, type) {
- type = type || 'standard';
- module.debug('Displaying message', text, type);
- module.addResults( settings.templates.message(text, type) );
- return settings.templates.message(text, type);
- },
- setting: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- settings[name] = value;
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if($allModules.length > 1) {
- title += ' ' + '(' + $allModules.length + ')';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- return false;
- }
- });
- }
- if( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.fn.search.settings = {
- name : 'Search',
- namespace : 'search',
- silent : false,
- debug : false,
- verbose : false,
- performance : true,
- // template to use (specified in settings.templates)
- type : 'standard',
- // minimum characters required to search
- minCharacters : 1,
- // whether to select first result after searching automatically
- selectFirstResult : false,
- // API config
- apiSettings : false,
- // object to search
- source : false,
- // Whether search should query current term on focus
- searchOnFocus : true,
- // fields to search
- searchFields : [
- 'title',
- 'description'
- ],
- // field to display in standard results template
- displayField : '',
- // search anywhere in value (set to 'exact' to require exact matches
- fullTextSearch : 'exact',
- // whether to add events to prompt automatically
- automatic : true,
- // delay before hiding menu after blur
- hideDelay : 0,
- // delay before searching
- searchDelay : 200,
- // maximum results returned from search
- maxResults : 7,
- // whether to store lookups in local cache
- cache : true,
- // whether no results errors should be shown
- showNoResults : true,
- // transition settings
- transition : 'scale',
- duration : 200,
- easing : 'easeOutExpo',
- // callbacks
- onSelect : false,
- onResultsAdd : false,
- onSearchQuery : function(query){},
- onResults : function(response){},
- onResultsOpen : function(){},
- onResultsClose : function(){},
- className: {
- animating : 'animating',
- active : 'active',
- empty : 'empty',
- focus : 'focus',
- hidden : 'hidden',
- loading : 'loading',
- results : 'results',
- pressed : 'down'
- },
- error : {
- source : 'Cannot search. No source used, and Semantic API module was not included',
- noResults : 'Your search returned no results',
- logging : 'Error in debug logging, exiting.',
- noEndpoint : 'No search endpoint was specified',
- noTemplate : 'A valid template name was not specified.',
- oldSearchSyntax : 'searchFullText setting has been renamed fullTextSearch for consistency, please adjust your settings.',
- serverError : 'There was an issue querying the server.',
- maxResults : 'Results must be an array to use maxResults setting',
- method : 'The method you called is not defined.'
- },
- metadata: {
- cache : 'cache',
- results : 'results',
- result : 'result'
- },
- regExp: {
- escape : /[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,
- beginsWith : '(?:\s|^)'
- },
- // maps api response attributes to internal representation
- fields: {
- categories : 'results', // array of categories (category view)
- categoryName : 'name', // name of category (category view)
- categoryResults : 'results', // array of results (category view)
- description : 'description', // result description
- image : 'image', // result image
- price : 'price', // result price
- results : 'results', // array of results (standard)
- title : 'title', // result title
- url : 'url', // result url
- action : 'action', // "view more" object name
- actionText : 'text', // "view more" text
- actionURL : 'url' // "view more" url
- },
- selector : {
- prompt : '.prompt',
- searchButton : '.search.button',
- results : '.results',
- message : '.results > .message',
- category : '.category',
- result : '.result',
- title : '.title, .name'
- },
- templates: {
- escape: function(string) {
- var
- badChars = /[&<>"'`]/g,
- shouldEscape = /[&<>"'`]/,
- escape = {
- "&": "&",
- "<": "<",
- ">": ">",
- '"': """,
- "'": "'",
- "`": "`"
- },
- escapedChar = function(chr) {
- return escape[chr];
- }
- ;
- if(shouldEscape.test(string)) {
- return string.replace(badChars, escapedChar);
- }
- return string;
- },
- message: function(message, type) {
- var
- html = ''
- ;
- if(message !== undefined && type !== undefined) {
- html += ''
- + '<div class="message ' + type + '">'
- ;
- // message type
- if(type == 'empty') {
- html += ''
- + '<div class="header">No Results</div class="header">'
- + '<div class="description">' + message + '</div class="description">'
- ;
- }
- else {
- html += ' <div class="description">' + message + '</div>';
- }
- html += '</div>';
- }
- return html;
- },
- category: function(response, fields) {
- var
- html = '',
- escape = $.fn.search.settings.templates.escape
- ;
- if(response[fields.categoryResults] !== undefined) {
- // each category
- $.each(response[fields.categoryResults], function(index, category) {
- if(category[fields.results] !== undefined && category.results.length > 0) {
- html += '<div class="category">';
- if(category[fields.categoryName] !== undefined) {
- html += '<div class="name">' + category[fields.categoryName] + '</div>';
- }
- // each item inside category
- html += '<div class="results">';
- $.each(category.results, function(index, result) {
- if(result[fields.url]) {
- html += '<a class="result" href="' + result[fields.url] + '">';
- }
- else {
- html += '<a class="result">';
- }
- if(result[fields.image] !== undefined) {
- html += ''
- + '<div class="image">'
- + ' <img src="' + result[fields.image] + '">'
- + '</div>'
- ;
- }
- html += '<div class="content">';
- if(result[fields.price] !== undefined) {
- html += '<div class="price">' + result[fields.price] + '</div>';
- }
- if(result[fields.title] !== undefined) {
- html += '<div class="title">' + result[fields.title] + '</div>';
- }
- if(result[fields.description] !== undefined) {
- html += '<div class="description">' + result[fields.description] + '</div>';
- }
- html += ''
- + '</div>'
- ;
- html += '</a>';
- });
- html += '</div>';
- html += ''
- + '</div>'
- ;
- }
- });
- if(response[fields.action]) {
- html += ''
- + '<a href="' + response[fields.action][fields.actionURL] + '" class="action">'
- + response[fields.action][fields.actionText]
- + '</a>';
- }
- return html;
- }
- return false;
- },
- standard: function(response, fields) {
- var
- html = ''
- ;
- if(response[fields.results] !== undefined) {
- // each result
- $.each(response[fields.results], function(index, result) {
- if(result[fields.url]) {
- html += '<a class="result" href="' + result[fields.url] + '">';
- }
- else {
- html += '<a class="result">';
- }
- if(result[fields.image] !== undefined) {
- html += ''
- + '<div class="image">'
- + ' <img src="' + result[fields.image] + '">'
- + '</div>'
- ;
- }
- html += '<div class="content">';
- if(result[fields.price] !== undefined) {
- html += '<div class="price">' + result[fields.price] + '</div>';
- }
- if(result[fields.title] !== undefined) {
- html += '<div class="title">' + result[fields.title] + '</div>';
- }
- if(result[fields.description] !== undefined) {
- html += '<div class="description">' + result[fields.description] + '</div>';
- }
- html += ''
- + '</div>'
- ;
- html += '</a>';
- });
- if(response[fields.action]) {
- html += ''
- + '<a href="' + response[fields.action][fields.actionURL] + '" class="action">'
- + response[fields.action][fields.actionText]
- + '</a>';
- }
- return html;
- }
- return false;
- }
- }
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Shape
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.shape = function(parameters) {
- var
- $allModules = $(this),
- $body = $('body'),
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- requestAnimationFrame = window.requestAnimationFrame
- || window.mozRequestAnimationFrame
- || window.webkitRequestAnimationFrame
- || window.msRequestAnimationFrame
- || function(callback) { setTimeout(callback, 0); },
- returnedValue
- ;
- $allModules
- .each(function() {
- var
- moduleSelector = $allModules.selector || '',
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.shape.settings, parameters)
- : $.extend({}, $.fn.shape.settings),
- // internal aliases
- namespace = settings.namespace,
- selector = settings.selector,
- error = settings.error,
- className = settings.className,
- // define namespaces for modules
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- // selector cache
- $module = $(this),
- $sides = $module.find(selector.sides),
- $side = $module.find(selector.side),
- // private variables
- nextIndex = false,
- $activeSide,
- $nextSide,
- // standard module
- element = this,
- instance = $module.data(moduleNamespace),
- module
- ;
- module = {
- initialize: function() {
- module.verbose('Initializing module for', element);
- module.set.defaultSide();
- module.instantiate();
- },
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, instance)
- ;
- },
- destroy: function() {
- module.verbose('Destroying previous module for', element);
- $module
- .removeData(moduleNamespace)
- .off(eventNamespace)
- ;
- },
- refresh: function() {
- module.verbose('Refreshing selector cache for', element);
- $module = $(element);
- $sides = $(this).find(selector.shape);
- $side = $(this).find(selector.side);
- },
- repaint: function() {
- module.verbose('Forcing repaint event');
- var
- shape = $sides[0] || document.createElement('div'),
- fakeAssignment = shape.offsetWidth
- ;
- },
- animate: function(propertyObject, callback) {
- module.verbose('Animating box with properties', propertyObject);
- callback = callback || function(event) {
- module.verbose('Executing animation callback');
- if(event !== undefined) {
- event.stopPropagation();
- }
- module.reset();
- module.set.active();
- };
- settings.beforeChange.call($nextSide[0]);
- if(module.get.transitionEvent()) {
- module.verbose('Starting CSS animation');
- $module
- .addClass(className.animating)
- ;
- $sides
- .css(propertyObject)
- .one(module.get.transitionEvent(), callback)
- ;
- module.set.duration(settings.duration);
- requestAnimationFrame(function() {
- $module
- .addClass(className.animating)
- ;
- $activeSide
- .addClass(className.hidden)
- ;
- });
- }
- else {
- callback();
- }
- },
- queue: function(method) {
- module.debug('Queueing animation of', method);
- $sides
- .one(module.get.transitionEvent(), function() {
- module.debug('Executing queued animation');
- setTimeout(function(){
- $module.shape(method);
- }, 0);
- })
- ;
- },
- reset: function() {
- module.verbose('Animating states reset');
- $module
- .removeClass(className.animating)
- .attr('style', '')
- .removeAttr('style')
- ;
- // removeAttr style does not consistently work in safari
- $sides
- .attr('style', '')
- .removeAttr('style')
- ;
- $side
- .attr('style', '')
- .removeAttr('style')
- .removeClass(className.hidden)
- ;
- $nextSide
- .removeClass(className.animating)
- .attr('style', '')
- .removeAttr('style')
- ;
- },
- is: {
- complete: function() {
- return ($side.filter('.' + className.active)[0] == $nextSide[0]);
- },
- animating: function() {
- return $module.hasClass(className.animating);
- }
- },
- set: {
- defaultSide: function() {
- $activeSide = $module.find('.' + settings.className.active);
- $nextSide = ( $activeSide.next(selector.side).length > 0 )
- ? $activeSide.next(selector.side)
- : $module.find(selector.side).first()
- ;
- nextIndex = false;
- module.verbose('Active side set to', $activeSide);
- module.verbose('Next side set to', $nextSide);
- },
- duration: function(duration) {
- duration = duration || settings.duration;
- duration = (typeof duration == 'number')
- ? duration + 'ms'
- : duration
- ;
- module.verbose('Setting animation duration', duration);
- if(settings.duration || settings.duration === 0) {
- $sides.add($side)
- .css({
- '-webkit-transition-duration': duration,
- '-moz-transition-duration': duration,
- '-ms-transition-duration': duration,
- '-o-transition-duration': duration,
- 'transition-duration': duration
- })
- ;
- }
- },
- currentStageSize: function() {
- var
- $activeSide = $module.find('.' + settings.className.active),
- width = $activeSide.outerWidth(true),
- height = $activeSide.outerHeight(true)
- ;
- $module
- .css({
- width: width,
- height: height
- })
- ;
- },
- stageSize: function() {
- var
- $clone = $module.clone().addClass(className.loading),
- $activeSide = $clone.find('.' + settings.className.active),
- $nextSide = (nextIndex)
- ? $clone.find(selector.side).eq(nextIndex)
- : ( $activeSide.next(selector.side).length > 0 )
- ? $activeSide.next(selector.side)
- : $clone.find(selector.side).first(),
- newWidth = (settings.width == 'next')
- ? $nextSide.outerWidth(true)
- : (settings.width == 'initial')
- ? $module.width()
- : settings.width,
- newHeight = (settings.height == 'next')
- ? $nextSide.outerHeight(true)
- : (settings.height == 'initial')
- ? $module.height()
- : settings.height
- ;
- $activeSide.removeClass(className.active);
- $nextSide.addClass(className.active);
- $clone.insertAfter($module);
- $clone.remove();
- if(settings.width != 'auto') {
- $module.css('width', newWidth + settings.jitter);
- module.verbose('Specifying width during animation', newWidth);
- }
- if(settings.height != 'auto') {
- $module.css('height', newHeight + settings.jitter);
- module.verbose('Specifying height during animation', newHeight);
- }
- },
- nextSide: function(selector) {
- nextIndex = selector;
- $nextSide = $side.filter(selector);
- nextIndex = $side.index($nextSide);
- if($nextSide.length === 0) {
- module.set.defaultSide();
- module.error(error.side);
- }
- module.verbose('Next side manually set to', $nextSide);
- },
- active: function() {
- module.verbose('Setting new side to active', $nextSide);
- $side
- .removeClass(className.active)
- ;
- $nextSide
- .addClass(className.active)
- ;
- settings.onChange.call($nextSide[0]);
- module.set.defaultSide();
- }
- },
- flip: {
- up: function() {
- if(module.is.complete() && !module.is.animating() && !settings.allowRepeats) {
- module.debug('Side already visible', $nextSide);
- return;
- }
- if( !module.is.animating()) {
- module.debug('Flipping up', $nextSide);
- var
- transform = module.get.transform.up()
- ;
- module.set.stageSize();
- module.stage.above();
- module.animate(transform);
- }
- else {
- module.queue('flip up');
- }
- },
- down: function() {
- if(module.is.complete() && !module.is.animating() && !settings.allowRepeats) {
- module.debug('Side already visible', $nextSide);
- return;
- }
- if( !module.is.animating()) {
- module.debug('Flipping down', $nextSide);
- var
- transform = module.get.transform.down()
- ;
- module.set.stageSize();
- module.stage.below();
- module.animate(transform);
- }
- else {
- module.queue('flip down');
- }
- },
- left: function() {
- if(module.is.complete() && !module.is.animating() && !settings.allowRepeats) {
- module.debug('Side already visible', $nextSide);
- return;
- }
- if( !module.is.animating()) {
- module.debug('Flipping left', $nextSide);
- var
- transform = module.get.transform.left()
- ;
- module.set.stageSize();
- module.stage.left();
- module.animate(transform);
- }
- else {
- module.queue('flip left');
- }
- },
- right: function() {
- if(module.is.complete() && !module.is.animating() && !settings.allowRepeats) {
- module.debug('Side already visible', $nextSide);
- return;
- }
- if( !module.is.animating()) {
- module.debug('Flipping right', $nextSide);
- var
- transform = module.get.transform.right()
- ;
- module.set.stageSize();
- module.stage.right();
- module.animate(transform);
- }
- else {
- module.queue('flip right');
- }
- },
- over: function() {
- if(module.is.complete() && !module.is.animating() && !settings.allowRepeats) {
- module.debug('Side already visible', $nextSide);
- return;
- }
- if( !module.is.animating()) {
- module.debug('Flipping over', $nextSide);
- module.set.stageSize();
- module.stage.behind();
- module.animate(module.get.transform.over() );
- }
- else {
- module.queue('flip over');
- }
- },
- back: function() {
- if(module.is.complete() && !module.is.animating() && !settings.allowRepeats) {
- module.debug('Side already visible', $nextSide);
- return;
- }
- if( !module.is.animating()) {
- module.debug('Flipping back', $nextSide);
- module.set.stageSize();
- module.stage.behind();
- module.animate(module.get.transform.back() );
- }
- else {
- module.queue('flip back');
- }
- }
- },
- get: {
- transform: {
- up: function() {
- var
- translate = {
- y: -(($activeSide.outerHeight(true) - $nextSide.outerHeight(true)) / 2),
- z: -($activeSide.outerHeight(true) / 2)
- }
- ;
- return {
- transform: 'translateY(' + translate.y + 'px) translateZ('+ translate.z + 'px) rotateX(-90deg)'
- };
- },
- down: function() {
- var
- translate = {
- y: -(($activeSide.outerHeight(true) - $nextSide.outerHeight(true)) / 2),
- z: -($activeSide.outerHeight(true) / 2)
- }
- ;
- return {
- transform: 'translateY(' + translate.y + 'px) translateZ('+ translate.z + 'px) rotateX(90deg)'
- };
- },
- left: function() {
- var
- translate = {
- x : -(($activeSide.outerWidth(true) - $nextSide.outerWidth(true)) / 2),
- z : -($activeSide.outerWidth(true) / 2)
- }
- ;
- return {
- transform: 'translateX(' + translate.x + 'px) translateZ(' + translate.z + 'px) rotateY(90deg)'
- };
- },
- right: function() {
- var
- translate = {
- x : -(($activeSide.outerWidth(true) - $nextSide.outerWidth(true)) / 2),
- z : -($activeSide.outerWidth(true) / 2)
- }
- ;
- return {
- transform: 'translateX(' + translate.x + 'px) translateZ(' + translate.z + 'px) rotateY(-90deg)'
- };
- },
- over: function() {
- var
- translate = {
- x : -(($activeSide.outerWidth(true) - $nextSide.outerWidth(true)) / 2)
- }
- ;
- return {
- transform: 'translateX(' + translate.x + 'px) rotateY(180deg)'
- };
- },
- back: function() {
- var
- translate = {
- x : -(($activeSide.outerWidth(true) - $nextSide.outerWidth(true)) / 2)
- }
- ;
- return {
- transform: 'translateX(' + translate.x + 'px) rotateY(-180deg)'
- };
- }
- },
- transitionEvent: function() {
- var
- element = document.createElement('element'),
- transitions = {
- 'transition' :'transitionend',
- 'OTransition' :'oTransitionEnd',
- 'MozTransition' :'transitionend',
- 'WebkitTransition' :'webkitTransitionEnd'
- },
- transition
- ;
- for(transition in transitions){
- if( element.style[transition] !== undefined ){
- return transitions[transition];
- }
- }
- },
- nextSide: function() {
- return ( $activeSide.next(selector.side).length > 0 )
- ? $activeSide.next(selector.side)
- : $module.find(selector.side).first()
- ;
- }
- },
- stage: {
- above: function() {
- var
- box = {
- origin : (($activeSide.outerHeight(true) - $nextSide.outerHeight(true)) / 2),
- depth : {
- active : ($nextSide.outerHeight(true) / 2),
- next : ($activeSide.outerHeight(true) / 2)
- }
- }
- ;
- module.verbose('Setting the initial animation position as above', $nextSide, box);
- $sides
- .css({
- 'transform' : 'translateZ(-' + box.depth.active + 'px)'
- })
- ;
- $activeSide
- .css({
- 'transform' : 'rotateY(0deg) translateZ(' + box.depth.active + 'px)'
- })
- ;
- $nextSide
- .addClass(className.animating)
- .css({
- 'top' : box.origin + 'px',
- 'transform' : 'rotateX(90deg) translateZ(' + box.depth.next + 'px)'
- })
- ;
- },
- below: function() {
- var
- box = {
- origin : (($activeSide.outerHeight(true) - $nextSide.outerHeight(true)) / 2),
- depth : {
- active : ($nextSide.outerHeight(true) / 2),
- next : ($activeSide.outerHeight(true) / 2)
- }
- }
- ;
- module.verbose('Setting the initial animation position as below', $nextSide, box);
- $sides
- .css({
- 'transform' : 'translateZ(-' + box.depth.active + 'px)'
- })
- ;
- $activeSide
- .css({
- 'transform' : 'rotateY(0deg) translateZ(' + box.depth.active + 'px)'
- })
- ;
- $nextSide
- .addClass(className.animating)
- .css({
- 'top' : box.origin + 'px',
- 'transform' : 'rotateX(-90deg) translateZ(' + box.depth.next + 'px)'
- })
- ;
- },
- left: function() {
- var
- height = {
- active : $activeSide.outerWidth(true),
- next : $nextSide.outerWidth(true)
- },
- box = {
- origin : ( ( height.active - height.next ) / 2),
- depth : {
- active : (height.next / 2),
- next : (height.active / 2)
- }
- }
- ;
- module.verbose('Setting the initial animation position as left', $nextSide, box);
- $sides
- .css({
- 'transform' : 'translateZ(-' + box.depth.active + 'px)'
- })
- ;
- $activeSide
- .css({
- 'transform' : 'rotateY(0deg) translateZ(' + box.depth.active + 'px)'
- })
- ;
- $nextSide
- .addClass(className.animating)
- .css({
- 'left' : box.origin + 'px',
- 'transform' : 'rotateY(-90deg) translateZ(' + box.depth.next + 'px)'
- })
- ;
- },
- right: function() {
- var
- height = {
- active : $activeSide.outerWidth(true),
- next : $nextSide.outerWidth(true)
- },
- box = {
- origin : ( ( height.active - height.next ) / 2),
- depth : {
- active : (height.next / 2),
- next : (height.active / 2)
- }
- }
- ;
- module.verbose('Setting the initial animation position as left', $nextSide, box);
- $sides
- .css({
- 'transform' : 'translateZ(-' + box.depth.active + 'px)'
- })
- ;
- $activeSide
- .css({
- 'transform' : 'rotateY(0deg) translateZ(' + box.depth.active + 'px)'
- })
- ;
- $nextSide
- .addClass(className.animating)
- .css({
- 'left' : box.origin + 'px',
- 'transform' : 'rotateY(90deg) translateZ(' + box.depth.next + 'px)'
- })
- ;
- },
- behind: function() {
- var
- height = {
- active : $activeSide.outerWidth(true),
- next : $nextSide.outerWidth(true)
- },
- box = {
- origin : ( ( height.active - height.next ) / 2),
- depth : {
- active : (height.next / 2),
- next : (height.active / 2)
- }
- }
- ;
- module.verbose('Setting the initial animation position as behind', $nextSide, box);
- $activeSide
- .css({
- 'transform' : 'rotateY(0deg)'
- })
- ;
- $nextSide
- .addClass(className.animating)
- .css({
- 'left' : box.origin + 'px',
- 'transform' : 'rotateY(-180deg)'
- })
- ;
- }
- },
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- if($.isPlainObject(settings[name])) {
- $.extend(true, settings[name], value);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if($allModules.length > 1) {
- title += ' ' + '(' + $allModules.length + ')';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.fn.shape.settings = {
- // module info
- name : 'Shape',
- // hide all debug content
- silent : false,
- // debug content outputted to console
- debug : false,
- // verbose debug output
- verbose : false,
- // fudge factor in pixels when swapping from 2d to 3d (can be useful to correct rounding errors)
- jitter : 0,
- // performance data output
- performance: true,
- // event namespace
- namespace : 'shape',
- // width during animation, can be set to 'auto', initial', 'next' or pixel amount
- width: 'initial',
- // height during animation, can be set to 'auto', 'initial', 'next' or pixel amount
- height: 'initial',
- // callback occurs on side change
- beforeChange : function() {},
- onChange : function() {},
- // allow animation to same side
- allowRepeats: false,
- // animation duration
- duration : false,
- // possible errors
- error: {
- side : 'You tried to switch to a side that does not exist.',
- method : 'The method you called is not defined'
- },
- // classnames used
- className : {
- animating : 'animating',
- hidden : 'hidden',
- loading : 'loading',
- active : 'active'
- },
- // selectors used
- selector : {
- sides : '.sides',
- side : '.side'
- }
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Sidebar
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.sidebar = function(parameters) {
- var
- $allModules = $(this),
- $window = $(window),
- $document = $(document),
- $html = $('html'),
- $head = $('head'),
- moduleSelector = $allModules.selector || '',
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- requestAnimationFrame = window.requestAnimationFrame
- || window.mozRequestAnimationFrame
- || window.webkitRequestAnimationFrame
- || window.msRequestAnimationFrame
- || function(callback) { setTimeout(callback, 0); },
- returnedValue
- ;
- $allModules
- .each(function() {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.sidebar.settings, parameters)
- : $.extend({}, $.fn.sidebar.settings),
- selector = settings.selector,
- className = settings.className,
- namespace = settings.namespace,
- regExp = settings.regExp,
- error = settings.error,
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- $module = $(this),
- $context = $(settings.context),
- $sidebars = $module.children(selector.sidebar),
- $fixed = $context.children(selector.fixed),
- $pusher = $context.children(selector.pusher),
- $style,
- element = this,
- instance = $module.data(moduleNamespace),
- elementNamespace,
- id,
- currentScroll,
- transitionEvent,
- module
- ;
- module = {
- initialize: function() {
- module.debug('Initializing sidebar', parameters);
- module.create.id();
- transitionEvent = module.get.transitionEvent();
- // avoids locking rendering if initialized in onReady
- if(settings.delaySetup) {
- requestAnimationFrame(module.setup.layout);
- }
- else {
- module.setup.layout();
- }
- requestAnimationFrame(function() {
- module.setup.cache();
- });
- module.instantiate();
- },
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
- create: {
- id: function() {
- id = (Math.random().toString(16) + '000000000').substr(2,8);
- elementNamespace = '.' + id;
- module.verbose('Creating unique id for element', id);
- }
- },
- destroy: function() {
- module.verbose('Destroying previous module for', $module);
- $module
- .off(eventNamespace)
- .removeData(moduleNamespace)
- ;
- if(module.is.ios()) {
- module.remove.ios();
- }
- // bound by uuid
- $context.off(elementNamespace);
- $window.off(elementNamespace);
- $document.off(elementNamespace);
- },
- event: {
- clickaway: function(event) {
- var
- clickedInPusher = ($pusher.find(event.target).length > 0 || $pusher.is(event.target)),
- clickedContext = ($context.is(event.target))
- ;
- if(clickedInPusher) {
- module.verbose('User clicked on dimmed page');
- module.hide();
- }
- if(clickedContext) {
- module.verbose('User clicked on dimmable context (scaled out page)');
- module.hide();
- }
- },
- touch: function(event) {
- //event.stopPropagation();
- },
- containScroll: function(event) {
- if(element.scrollTop <= 0) {
- element.scrollTop = 1;
- }
- if((element.scrollTop + element.offsetHeight) >= element.scrollHeight) {
- element.scrollTop = element.scrollHeight - element.offsetHeight - 1;
- }
- },
- scroll: function(event) {
- if( $(event.target).closest(selector.sidebar).length === 0 ) {
- event.preventDefault();
- }
- }
- },
- bind: {
- clickaway: function() {
- module.verbose('Adding clickaway events to context', $context);
- if(settings.closable) {
- $context
- .on('click' + elementNamespace, module.event.clickaway)
- .on('touchend' + elementNamespace, module.event.clickaway)
- ;
- }
- },
- scrollLock: function() {
- if(settings.scrollLock) {
- module.debug('Disabling page scroll');
- $window
- .on('DOMMouseScroll' + elementNamespace, module.event.scroll)
- ;
- }
- module.verbose('Adding events to contain sidebar scroll');
- $document
- .on('touchmove' + elementNamespace, module.event.touch)
- ;
- $module
- .on('scroll' + eventNamespace, module.event.containScroll)
- ;
- }
- },
- unbind: {
- clickaway: function() {
- module.verbose('Removing clickaway events from context', $context);
- $context.off(elementNamespace);
- },
- scrollLock: function() {
- module.verbose('Removing scroll lock from page');
- $document.off(elementNamespace);
- $window.off(elementNamespace);
- $module.off('scroll' + eventNamespace);
- }
- },
- add: {
- inlineCSS: function() {
- var
- width = module.cache.width || $module.outerWidth(),
- height = module.cache.height || $module.outerHeight(),
- isRTL = module.is.rtl(),
- direction = module.get.direction(),
- distance = {
- left : width,
- right : -width,
- top : height,
- bottom : -height
- },
- style
- ;
- if(isRTL){
- module.verbose('RTL detected, flipping widths');
- distance.left = -width;
- distance.right = width;
- }
- style = '<style>';
- if(direction === 'left' || direction === 'right') {
- module.debug('Adding CSS rules for animation distance', width);
- style += ''
- + ' .ui.visible.' + direction + '.sidebar ~ .fixed,'
- + ' .ui.visible.' + direction + '.sidebar ~ .pusher {'
- + ' -webkit-transform: translate3d('+ distance[direction] + 'px, 0, 0);'
- + ' transform: translate3d('+ distance[direction] + 'px, 0, 0);'
- + ' }'
- ;
- }
- else if(direction === 'top' || direction == 'bottom') {
- style += ''
- + ' .ui.visible.' + direction + '.sidebar ~ .fixed,'
- + ' .ui.visible.' + direction + '.sidebar ~ .pusher {'
- + ' -webkit-transform: translate3d(0, ' + distance[direction] + 'px, 0);'
- + ' transform: translate3d(0, ' + distance[direction] + 'px, 0);'
- + ' }'
- ;
- }
- /* IE is only browser not to create context with transforms */
- /* https://www.w3.org/Bugs/Public/show_bug.cgi?id=16328 */
- if( module.is.ie() ) {
- if(direction === 'left' || direction === 'right') {
- module.debug('Adding CSS rules for animation distance', width);
- style += ''
- + ' body.pushable > .ui.visible.' + direction + '.sidebar ~ .pusher:after {'
- + ' -webkit-transform: translate3d('+ distance[direction] + 'px, 0, 0);'
- + ' transform: translate3d('+ distance[direction] + 'px, 0, 0);'
- + ' }'
- ;
- }
- else if(direction === 'top' || direction == 'bottom') {
- style += ''
- + ' body.pushable > .ui.visible.' + direction + '.sidebar ~ .pusher:after {'
- + ' -webkit-transform: translate3d(0, ' + distance[direction] + 'px, 0);'
- + ' transform: translate3d(0, ' + distance[direction] + 'px, 0);'
- + ' }'
- ;
- }
- /* opposite sides visible forces content overlay */
- style += ''
- + ' body.pushable > .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher:after,'
- + ' body.pushable > .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher:after {'
- + ' -webkit-transform: translate3d(0px, 0, 0);'
- + ' transform: translate3d(0px, 0, 0);'
- + ' }'
- ;
- }
- style += '</style>';
- $style = $(style)
- .appendTo($head)
- ;
- module.debug('Adding sizing css to head', $style);
- }
- },
- refresh: function() {
- module.verbose('Refreshing selector cache');
- $context = $(settings.context);
- $sidebars = $context.children(selector.sidebar);
- $pusher = $context.children(selector.pusher);
- $fixed = $context.children(selector.fixed);
- module.clear.cache();
- },
- refreshSidebars: function() {
- module.verbose('Refreshing other sidebars');
- $sidebars = $context.children(selector.sidebar);
- },
- repaint: function() {
- module.verbose('Forcing repaint event');
- element.style.display = 'none';
- var ignored = element.offsetHeight;
- element.scrollTop = element.scrollTop;
- element.style.display = '';
- },
- setup: {
- cache: function() {
- module.cache = {
- width : $module.outerWidth(),
- height : $module.outerHeight(),
- rtl : ($module.css('direction') == 'rtl')
- };
- },
- layout: function() {
- if( $context.children(selector.pusher).length === 0 ) {
- module.debug('Adding wrapper element for sidebar');
- module.error(error.pusher);
- $pusher = $('<div class="pusher" />');
- $context
- .children()
- .not(selector.omitted)
- .not($sidebars)
- .wrapAll($pusher)
- ;
- module.refresh();
- }
- if($module.nextAll(selector.pusher).length === 0 || $module.nextAll(selector.pusher)[0] !== $pusher[0]) {
- module.debug('Moved sidebar to correct parent element');
- module.error(error.movedSidebar, element);
- $module.detach().prependTo($context);
- module.refresh();
- }
- module.clear.cache();
- module.set.pushable();
- module.set.direction();
- }
- },
- attachEvents: function(selector, event) {
- var
- $toggle = $(selector)
- ;
- event = $.isFunction(module[event])
- ? module[event]
- : module.toggle
- ;
- if($toggle.length > 0) {
- module.debug('Attaching sidebar events to element', selector, event);
- $toggle
- .on('click' + eventNamespace, event)
- ;
- }
- else {
- module.error(error.notFound, selector);
- }
- },
- show: function(callback) {
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if(module.is.hidden()) {
- module.refreshSidebars();
- if(settings.overlay) {
- module.error(error.overlay);
- settings.transition = 'overlay';
- }
- module.refresh();
- if(module.othersActive()) {
- module.debug('Other sidebars currently visible');
- if(settings.exclusive) {
- // if not overlay queue animation after hide
- if(settings.transition != 'overlay') {
- module.hideOthers(module.show);
- return;
- }
- else {
- module.hideOthers();
- }
- }
- else {
- settings.transition = 'overlay';
- }
- }
- module.pushPage(function() {
- callback.call(element);
- settings.onShow.call(element);
- });
- settings.onChange.call(element);
- settings.onVisible.call(element);
- }
- else {
- module.debug('Sidebar is already visible');
- }
- },
- hide: function(callback) {
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if(module.is.visible() || module.is.animating()) {
- module.debug('Hiding sidebar', callback);
- module.refreshSidebars();
- module.pullPage(function() {
- callback.call(element);
- settings.onHidden.call(element);
- });
- settings.onChange.call(element);
- settings.onHide.call(element);
- }
- },
- othersAnimating: function() {
- return ($sidebars.not($module).filter('.' + className.animating).length > 0);
- },
- othersVisible: function() {
- return ($sidebars.not($module).filter('.' + className.visible).length > 0);
- },
- othersActive: function() {
- return(module.othersVisible() || module.othersAnimating());
- },
- hideOthers: function(callback) {
- var
- $otherSidebars = $sidebars.not($module).filter('.' + className.visible),
- sidebarCount = $otherSidebars.length,
- callbackCount = 0
- ;
- callback = callback || function(){};
- $otherSidebars
- .sidebar('hide', function() {
- callbackCount++;
- if(callbackCount == sidebarCount) {
- callback();
- }
- })
- ;
- },
- toggle: function() {
- module.verbose('Determining toggled direction');
- if(module.is.hidden()) {
- module.show();
- }
- else {
- module.hide();
- }
- },
- pushPage: function(callback) {
- var
- transition = module.get.transition(),
- $transition = (transition === 'overlay' || module.othersActive())
- ? $module
- : $pusher,
- animate,
- dim,
- transitionEnd
- ;
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- if(settings.transition == 'scale down') {
- module.scrollToTop();
- }
- module.set.transition(transition);
- module.repaint();
- animate = function() {
- module.bind.clickaway();
- module.add.inlineCSS();
- module.set.animating();
- module.set.visible();
- };
- dim = function() {
- module.set.dimmed();
- };
- transitionEnd = function(event) {
- if( event.target == $transition[0] ) {
- $transition.off(transitionEvent + elementNamespace, transitionEnd);
- module.remove.animating();
- module.bind.scrollLock();
- callback.call(element);
- }
- };
- $transition.off(transitionEvent + elementNamespace);
- $transition.on(transitionEvent + elementNamespace, transitionEnd);
- requestAnimationFrame(animate);
- if(settings.dimPage && !module.othersVisible()) {
- requestAnimationFrame(dim);
- }
- },
- pullPage: function(callback) {
- var
- transition = module.get.transition(),
- $transition = (transition == 'overlay' || module.othersActive())
- ? $module
- : $pusher,
- animate,
- transitionEnd
- ;
- callback = $.isFunction(callback)
- ? callback
- : function(){}
- ;
- module.verbose('Removing context push state', module.get.direction());
- module.unbind.clickaway();
- module.unbind.scrollLock();
- animate = function() {
- module.set.transition(transition);
- module.set.animating();
- module.remove.visible();
- if(settings.dimPage && !module.othersVisible()) {
- $pusher.removeClass(className.dimmed);
- }
- };
- transitionEnd = function(event) {
- if( event.target == $transition[0] ) {
- $transition.off(transitionEvent + elementNamespace, transitionEnd);
- module.remove.animating();
- module.remove.transition();
- module.remove.inlineCSS();
- if(transition == 'scale down' || (settings.returnScroll && module.is.mobile()) ) {
- module.scrollBack();
- }
- callback.call(element);
- }
- };
- $transition.off(transitionEvent + elementNamespace);
- $transition.on(transitionEvent + elementNamespace, transitionEnd);
- requestAnimationFrame(animate);
- },
- scrollToTop: function() {
- module.verbose('Scrolling to top of page to avoid animation issues');
- currentScroll = $(window).scrollTop();
- $module.scrollTop(0);
- window.scrollTo(0, 0);
- },
- scrollBack: function() {
- module.verbose('Scrolling back to original page position');
- window.scrollTo(0, currentScroll);
- },
- clear: {
- cache: function() {
- module.verbose('Clearing cached dimensions');
- module.cache = {};
- }
- },
- set: {
- // ios only (scroll on html not document). This prevent auto-resize canvas/scroll in ios
- // (This is no longer necessary in latest iOS)
- ios: function() {
- $html.addClass(className.ios);
- },
- // container
- pushed: function() {
- $context.addClass(className.pushed);
- },
- pushable: function() {
- $context.addClass(className.pushable);
- },
- // pusher
- dimmed: function() {
- $pusher.addClass(className.dimmed);
- },
- // sidebar
- active: function() {
- $module.addClass(className.active);
- },
- animating: function() {
- $module.addClass(className.animating);
- },
- transition: function(transition) {
- transition = transition || module.get.transition();
- $module.addClass(transition);
- },
- direction: function(direction) {
- direction = direction || module.get.direction();
- $module.addClass(className[direction]);
- },
- visible: function() {
- $module.addClass(className.visible);
- },
- overlay: function() {
- $module.addClass(className.overlay);
- }
- },
- remove: {
- inlineCSS: function() {
- module.debug('Removing inline css styles', $style);
- if($style && $style.length > 0) {
- $style.remove();
- }
- },
- // ios scroll on html not document
- ios: function() {
- $html.removeClass(className.ios);
- },
- // context
- pushed: function() {
- $context.removeClass(className.pushed);
- },
- pushable: function() {
- $context.removeClass(className.pushable);
- },
- // sidebar
- active: function() {
- $module.removeClass(className.active);
- },
- animating: function() {
- $module.removeClass(className.animating);
- },
- transition: function(transition) {
- transition = transition || module.get.transition();
- $module.removeClass(transition);
- },
- direction: function(direction) {
- direction = direction || module.get.direction();
- $module.removeClass(className[direction]);
- },
- visible: function() {
- $module.removeClass(className.visible);
- },
- overlay: function() {
- $module.removeClass(className.overlay);
- }
- },
- get: {
- direction: function() {
- if($module.hasClass(className.top)) {
- return className.top;
- }
- else if($module.hasClass(className.right)) {
- return className.right;
- }
- else if($module.hasClass(className.bottom)) {
- return className.bottom;
- }
- return className.left;
- },
- transition: function() {
- var
- direction = module.get.direction(),
- transition
- ;
- transition = ( module.is.mobile() )
- ? (settings.mobileTransition == 'auto')
- ? settings.defaultTransition.mobile[direction]
- : settings.mobileTransition
- : (settings.transition == 'auto')
- ? settings.defaultTransition.computer[direction]
- : settings.transition
- ;
- module.verbose('Determined transition', transition);
- return transition;
- },
- transitionEvent: function() {
- var
- element = document.createElement('element'),
- transitions = {
- 'transition' :'transitionend',
- 'OTransition' :'oTransitionEnd',
- 'MozTransition' :'transitionend',
- 'WebkitTransition' :'webkitTransitionEnd'
- },
- transition
- ;
- for(transition in transitions){
- if( element.style[transition] !== undefined ){
- return transitions[transition];
- }
- }
- }
- },
- is: {
- ie: function() {
- var
- isIE11 = (!(window.ActiveXObject) && 'ActiveXObject' in window),
- isIE = ('ActiveXObject' in window)
- ;
- return (isIE11 || isIE);
- },
- ios: function() {
- var
- userAgent = navigator.userAgent,
- isIOS = userAgent.match(regExp.ios),
- isMobileChrome = userAgent.match(regExp.mobileChrome)
- ;
- if(isIOS && !isMobileChrome) {
- module.verbose('Browser was found to be iOS', userAgent);
- return true;
- }
- else {
- return false;
- }
- },
- mobile: function() {
- var
- userAgent = navigator.userAgent,
- isMobile = userAgent.match(regExp.mobile)
- ;
- if(isMobile) {
- module.verbose('Browser was found to be mobile', userAgent);
- return true;
- }
- else {
- module.verbose('Browser is not mobile, using regular transition', userAgent);
- return false;
- }
- },
- hidden: function() {
- return !module.is.visible();
- },
- visible: function() {
- return $module.hasClass(className.visible);
- },
- // alias
- open: function() {
- return module.is.visible();
- },
- closed: function() {
- return module.is.hidden();
- },
- vertical: function() {
- return $module.hasClass(className.top);
- },
- animating: function() {
- return $context.hasClass(className.animating);
- },
- rtl: function () {
- if(module.cache.rtl === undefined) {
- module.cache.rtl = ($module.css('direction') == 'rtl');
- }
- return module.cache.rtl;
- }
- },
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- if($.isPlainObject(settings[name])) {
- $.extend(true, settings[name], value);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- module.error(error.method, query);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- }
- ;
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- module.invoke('destroy');
- }
- module.initialize();
- }
- });
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.fn.sidebar.settings = {
- name : 'Sidebar',
- namespace : 'sidebar',
- silent : false,
- debug : false,
- verbose : false,
- performance : true,
- transition : 'auto',
- mobileTransition : 'auto',
- defaultTransition : {
- computer: {
- left : 'uncover',
- right : 'uncover',
- top : 'overlay',
- bottom : 'overlay'
- },
- mobile: {
- left : 'uncover',
- right : 'uncover',
- top : 'overlay',
- bottom : 'overlay'
- }
- },
- context : 'body',
- exclusive : false,
- closable : true,
- dimPage : true,
- scrollLock : false,
- returnScroll : false,
- delaySetup : false,
- duration : 500,
- onChange : function(){},
- onShow : function(){},
- onHide : function(){},
- onHidden : function(){},
- onVisible : function(){},
- className : {
- active : 'active',
- animating : 'animating',
- dimmed : 'dimmed',
- ios : 'ios',
- pushable : 'pushable',
- pushed : 'pushed',
- right : 'right',
- top : 'top',
- left : 'left',
- bottom : 'bottom',
- visible : 'visible'
- },
- selector: {
- fixed : '.fixed',
- omitted : 'script, link, style, .ui.modal, .ui.dimmer, .ui.nag, .ui.fixed',
- pusher : '.pusher',
- sidebar : '.ui.sidebar'
- },
- regExp: {
- ios : /(iPad|iPhone|iPod)/g,
- mobileChrome : /(CriOS)/g,
- mobile : /Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Silk-Accelerated|(hpw|web)OS|Fennec|Minimo|Opera M(obi|ini)|Blazer|Dolfin|Dolphin|Skyfire|Zune/g
- },
- error : {
- method : 'The method you called is not defined.',
- pusher : 'Had to add pusher element. For optimal performance make sure body content is inside a pusher element',
- movedSidebar : 'Had to move sidebar. For optimal performance make sure sidebar and pusher are direct children of your body tag',
- overlay : 'The overlay setting is no longer supported, use animation: overlay',
- notFound : 'There were no elements that matched the specified selector'
- }
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Sticky
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.sticky = function(parameters) {
- var
- $allModules = $(this),
- moduleSelector = $allModules.selector || '',
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- returnedValue
- ;
- $allModules
- .each(function() {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.sticky.settings, parameters)
- : $.extend({}, $.fn.sticky.settings),
- className = settings.className,
- namespace = settings.namespace,
- error = settings.error,
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- $module = $(this),
- $window = $(window),
- $scroll = $(settings.scrollContext),
- $container,
- $context,
- selector = $module.selector || '',
- instance = $module.data(moduleNamespace),
- requestAnimationFrame = window.requestAnimationFrame
- || window.mozRequestAnimationFrame
- || window.webkitRequestAnimationFrame
- || window.msRequestAnimationFrame
- || function(callback) { setTimeout(callback, 0); },
- element = this,
- documentObserver,
- observer,
- module
- ;
- module = {
- initialize: function() {
- module.determineContainer();
- module.determineContext();
- module.verbose('Initializing sticky', settings, $container);
- module.save.positions();
- module.checkErrors();
- module.bind.events();
- if(settings.observeChanges) {
- module.observeChanges();
- }
- module.instantiate();
- },
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
- destroy: function() {
- module.verbose('Destroying previous instance');
- module.reset();
- if(documentObserver) {
- documentObserver.disconnect();
- }
- if(observer) {
- observer.disconnect();
- }
- $window
- .off('load' + eventNamespace, module.event.load)
- .off('resize' + eventNamespace, module.event.resize)
- ;
- $scroll
- .off('scrollchange' + eventNamespace, module.event.scrollchange)
- ;
- $module.removeData(moduleNamespace);
- },
- observeChanges: function() {
- if('MutationObserver' in window) {
- documentObserver = new MutationObserver(module.event.documentChanged);
- observer = new MutationObserver(module.event.changed);
- documentObserver.observe(document, {
- childList : true,
- subtree : true
- });
- observer.observe(element, {
- childList : true,
- subtree : true
- });
- observer.observe($context[0], {
- childList : true,
- subtree : true
- });
- module.debug('Setting up mutation observer', observer);
- }
- },
- determineContainer: function() {
- if(settings.container) {
- $container = $(settings.container);
- }
- else {
- $container = $module.offsetParent();
- }
- },
- determineContext: function() {
- if(settings.context) {
- $context = $(settings.context);
- }
- else {
- $context = $container;
- }
- if($context.length === 0) {
- module.error(error.invalidContext, settings.context, $module);
- return;
- }
- },
- checkErrors: function() {
- if( module.is.hidden() ) {
- module.error(error.visible, $module);
- }
- if(module.cache.element.height > module.cache.context.height) {
- module.reset();
- module.error(error.elementSize, $module);
- return;
- }
- },
- bind: {
- events: function() {
- $window
- .on('load' + eventNamespace, module.event.load)
- .on('resize' + eventNamespace, module.event.resize)
- ;
- // pub/sub pattern
- $scroll
- .off('scroll' + eventNamespace)
- .on('scroll' + eventNamespace, module.event.scroll)
- .on('scrollchange' + eventNamespace, module.event.scrollchange)
- ;
- }
- },
- event: {
- changed: function(mutations) {
- clearTimeout(module.timer);
- module.timer = setTimeout(function() {
- module.verbose('DOM tree modified, updating sticky menu', mutations);
- module.refresh();
- }, 100);
- },
- documentChanged: function(mutations) {
- [].forEach.call(mutations, function(mutation) {
- if(mutation.removedNodes) {
- [].forEach.call(mutation.removedNodes, function(node) {
- if(node == element || $(node).find(element).length > 0) {
- module.debug('Element removed from DOM, tearing down events');
- module.destroy();
- }
- });
- }
- });
- },
- load: function() {
- module.verbose('Page contents finished loading');
- requestAnimationFrame(module.refresh);
- },
- resize: function() {
- module.verbose('Window resized');
- requestAnimationFrame(module.refresh);
- },
- scroll: function() {
- requestAnimationFrame(function() {
- $scroll.triggerHandler('scrollchange' + eventNamespace, $scroll.scrollTop() );
- });
- },
- scrollchange: function(event, scrollPosition) {
- module.stick(scrollPosition);
- settings.onScroll.call(element);
- }
- },
- refresh: function(hardRefresh) {
- module.reset();
- if(!settings.context) {
- module.determineContext();
- }
- if(hardRefresh) {
- module.determineContainer();
- }
- module.save.positions();
- module.stick();
- settings.onReposition.call(element);
- },
- supports: {
- sticky: function() {
- var
- $element = $('<div/>'),
- element = $element[0]
- ;
- $element.addClass(className.supported);
- return($element.css('position').match('sticky'));
- }
- },
- save: {
- lastScroll: function(scroll) {
- module.lastScroll = scroll;
- },
- elementScroll: function(scroll) {
- module.elementScroll = scroll;
- },
- positions: function() {
- var
- scrollContext = {
- height : $scroll.height()
- },
- element = {
- margin: {
- top : parseInt($module.css('margin-top'), 10),
- bottom : parseInt($module.css('margin-bottom'), 10),
- },
- offset : $module.offset(),
- width : $module.outerWidth(),
- height : $module.outerHeight()
- },
- context = {
- offset : $context.offset(),
- height : $context.outerHeight()
- },
- container = {
- height: $container.outerHeight()
- }
- ;
- if( !module.is.standardScroll() ) {
- module.debug('Non-standard scroll. Removing scroll offset from element offset');
- scrollContext.top = $scroll.scrollTop();
- scrollContext.left = $scroll.scrollLeft();
- element.offset.top += scrollContext.top;
- context.offset.top += scrollContext.top;
- element.offset.left += scrollContext.left;
- context.offset.left += scrollContext.left;
- }
- module.cache = {
- fits : ( (element.height + settings.offset) <= scrollContext.height),
- sameHeight : (element.height == context.height),
- scrollContext : {
- height : scrollContext.height
- },
- element: {
- margin : element.margin,
- top : element.offset.top - element.margin.top,
- left : element.offset.left,
- width : element.width,
- height : element.height,
- bottom : element.offset.top + element.height
- },
- context: {
- top : context.offset.top,
- height : context.height,
- bottom : context.offset.top + context.height
- }
- };
- module.set.containerSize();
- module.stick();
- module.debug('Caching element positions', module.cache);
- }
- },
- get: {
- direction: function(scroll) {
- var
- direction = 'down'
- ;
- scroll = scroll || $scroll.scrollTop();
- if(module.lastScroll !== undefined) {
- if(module.lastScroll < scroll) {
- direction = 'down';
- }
- else if(module.lastScroll > scroll) {
- direction = 'up';
- }
- }
- return direction;
- },
- scrollChange: function(scroll) {
- scroll = scroll || $scroll.scrollTop();
- return (module.lastScroll)
- ? (scroll - module.lastScroll)
- : 0
- ;
- },
- currentElementScroll: function() {
- if(module.elementScroll) {
- return module.elementScroll;
- }
- return ( module.is.top() )
- ? Math.abs(parseInt($module.css('top'), 10)) || 0
- : Math.abs(parseInt($module.css('bottom'), 10)) || 0
- ;
- },
- elementScroll: function(scroll) {
- scroll = scroll || $scroll.scrollTop();
- var
- element = module.cache.element,
- scrollContext = module.cache.scrollContext,
- delta = module.get.scrollChange(scroll),
- maxScroll = (element.height - scrollContext.height + settings.offset),
- elementScroll = module.get.currentElementScroll(),
- possibleScroll = (elementScroll + delta)
- ;
- if(module.cache.fits || possibleScroll < 0) {
- elementScroll = 0;
- }
- else if(possibleScroll > maxScroll ) {
- elementScroll = maxScroll;
- }
- else {
- elementScroll = possibleScroll;
- }
- return elementScroll;
- }
- },
- remove: {
- lastScroll: function() {
- delete module.lastScroll;
- },
- elementScroll: function(scroll) {
- delete module.elementScroll;
- },
- minimumSize: function() {
- $container
- .css('min-height', '')
- ;
- },
- offset: function() {
- $module.css('margin-top', '');
- }
- },
- set: {
- offset: function() {
- module.verbose('Setting offset on element', settings.offset);
- $module
- .css('margin-top', settings.offset)
- ;
- },
- containerSize: function() {
- var
- tagName = $container.get(0).tagName
- ;
- if(tagName === 'HTML' || tagName == 'body') {
- // this can trigger for too many reasons
- //module.error(error.container, tagName, $module);
- module.determineContainer();
- }
- else {
- if( Math.abs($container.outerHeight() - module.cache.context.height) > settings.jitter) {
- module.debug('Context has padding, specifying exact height for container', module.cache.context.height);
- $container.css({
- height: module.cache.context.height
- });
- }
- }
- },
- minimumSize: function() {
- var
- element = module.cache.element
- ;
- $container
- .css('min-height', element.height)
- ;
- },
- scroll: function(scroll) {
- module.debug('Setting scroll on element', scroll);
- if(module.elementScroll == scroll) {
- return;
- }
- if( module.is.top() ) {
- $module
- .css('bottom', '')
- .css('top', -scroll)
- ;
- }
- if( module.is.bottom() ) {
- $module
- .css('top', '')
- .css('bottom', scroll)
- ;
- }
- },
- size: function() {
- if(module.cache.element.height !== 0 && module.cache.element.width !== 0) {
- element.style.setProperty('width', module.cache.element.width + 'px', 'important');
- element.style.setProperty('height', module.cache.element.height + 'px', 'important');
- }
- }
- },
- is: {
- standardScroll: function() {
- return ($scroll[0] == window);
- },
- top: function() {
- return $module.hasClass(className.top);
- },
- bottom: function() {
- return $module.hasClass(className.bottom);
- },
- initialPosition: function() {
- return (!module.is.fixed() && !module.is.bound());
- },
- hidden: function() {
- return (!$module.is(':visible'));
- },
- bound: function() {
- return $module.hasClass(className.bound);
- },
- fixed: function() {
- return $module.hasClass(className.fixed);
- }
- },
- stick: function(scroll) {
- var
- cachedPosition = scroll || $scroll.scrollTop(),
- cache = module.cache,
- fits = cache.fits,
- sameHeight = cache.sameHeight,
- element = cache.element,
- scrollContext = cache.scrollContext,
- context = cache.context,
- offset = (module.is.bottom() && settings.pushing)
- ? settings.bottomOffset
- : settings.offset,
- scroll = {
- top : cachedPosition + offset,
- bottom : cachedPosition + offset + scrollContext.height
- },
- direction = module.get.direction(scroll.top),
- elementScroll = (fits)
- ? 0
- : module.get.elementScroll(scroll.top),
- // shorthand
- doesntFit = !fits,
- elementVisible = (element.height !== 0)
- ;
- if(elementVisible && !sameHeight) {
- if( module.is.initialPosition() ) {
- if(scroll.top >= context.bottom) {
- module.debug('Initial element position is bottom of container');
- module.bindBottom();
- }
- else if(scroll.top > element.top) {
- if( (element.height + scroll.top - elementScroll) >= context.bottom ) {
- module.debug('Initial element position is bottom of container');
- module.bindBottom();
- }
- else {
- module.debug('Initial element position is fixed');
- module.fixTop();
- }
- }
- }
- else if( module.is.fixed() ) {
- // currently fixed top
- if( module.is.top() ) {
- if( scroll.top <= element.top ) {
- module.debug('Fixed element reached top of container');
- module.setInitialPosition();
- }
- else if( (element.height + scroll.top - elementScroll) >= context.bottom ) {
- module.debug('Fixed element reached bottom of container');
- module.bindBottom();
- }
- // scroll element if larger than screen
- else if(doesntFit) {
- module.set.scroll(elementScroll);
- module.save.lastScroll(scroll.top);
- module.save.elementScroll(elementScroll);
- }
- }
- // currently fixed bottom
- else if(module.is.bottom() ) {
- // top edge
- if( (scroll.bottom - element.height) <= element.top) {
- module.debug('Bottom fixed rail has reached top of container');
- module.setInitialPosition();
- }
- // bottom edge
- else if(scroll.bottom >= context.bottom) {
- module.debug('Bottom fixed rail has reached bottom of container');
- module.bindBottom();
- }
- // scroll element if larger than screen
- else if(doesntFit) {
- module.set.scroll(elementScroll);
- module.save.lastScroll(scroll.top);
- module.save.elementScroll(elementScroll);
- }
- }
- }
- else if( module.is.bottom() ) {
- if( scroll.top <= element.top ) {
- module.debug('Jumped from bottom fixed to top fixed, most likely used home/end button');
- module.setInitialPosition();
- }
- else {
- if(settings.pushing) {
- if(module.is.bound() && scroll.bottom <= context.bottom ) {
- module.debug('Fixing bottom attached element to bottom of browser.');
- module.fixBottom();
- }
- }
- else {
- if(module.is.bound() && (scroll.top <= context.bottom - element.height) ) {
- module.debug('Fixing bottom attached element to top of browser.');
- module.fixTop();
- }
- }
- }
- }
- }
- },
- bindTop: function() {
- module.debug('Binding element to top of parent container');
- module.remove.offset();
- $module
- .css({
- left : '',
- top : '',
- marginBottom : ''
- })
- .removeClass(className.fixed)
- .removeClass(className.bottom)
- .addClass(className.bound)
- .addClass(className.top)
- ;
- settings.onTop.call(element);
- settings.onUnstick.call(element);
- },
- bindBottom: function() {
- module.debug('Binding element to bottom of parent container');
- module.remove.offset();
- $module
- .css({
- left : '',
- top : ''
- })
- .removeClass(className.fixed)
- .removeClass(className.top)
- .addClass(className.bound)
- .addClass(className.bottom)
- ;
- settings.onBottom.call(element);
- settings.onUnstick.call(element);
- },
- setInitialPosition: function() {
- module.debug('Returning to initial position');
- module.unfix();
- module.unbind();
- },
- fixTop: function() {
- module.debug('Fixing element to top of page');
- if(settings.setSize) {
- module.set.size();
- }
- module.set.minimumSize();
- module.set.offset();
- $module
- .css({
- left : module.cache.element.left,
- bottom : '',
- marginBottom : ''
- })
- .removeClass(className.bound)
- .removeClass(className.bottom)
- .addClass(className.fixed)
- .addClass(className.top)
- ;
- settings.onStick.call(element);
- },
- fixBottom: function() {
- module.debug('Sticking element to bottom of page');
- if(settings.setSize) {
- module.set.size();
- }
- module.set.minimumSize();
- module.set.offset();
- $module
- .css({
- left : module.cache.element.left,
- bottom : '',
- marginBottom : ''
- })
- .removeClass(className.bound)
- .removeClass(className.top)
- .addClass(className.fixed)
- .addClass(className.bottom)
- ;
- settings.onStick.call(element);
- },
- unbind: function() {
- if( module.is.bound() ) {
- module.debug('Removing container bound position on element');
- module.remove.offset();
- $module
- .removeClass(className.bound)
- .removeClass(className.top)
- .removeClass(className.bottom)
- ;
- }
- },
- unfix: function() {
- if( module.is.fixed() ) {
- module.debug('Removing fixed position on element');
- module.remove.minimumSize();
- module.remove.offset();
- $module
- .removeClass(className.fixed)
- .removeClass(className.top)
- .removeClass(className.bottom)
- ;
- settings.onUnstick.call(element);
- }
- },
- reset: function() {
- module.debug('Resetting elements position');
- module.unbind();
- module.unfix();
- module.resetCSS();
- module.remove.offset();
- module.remove.lastScroll();
- },
- resetCSS: function() {
- $module
- .css({
- width : '',
- height : ''
- })
- ;
- $container
- .css({
- height: ''
- })
- ;
- },
- setting: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- settings[name] = value;
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 0);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.fn.sticky.settings = {
- name : 'Sticky',
- namespace : 'sticky',
- silent : false,
- debug : false,
- verbose : true,
- performance : true,
- // whether to stick in the opposite direction on scroll up
- pushing : false,
- context : false,
- container : false,
- // Context to watch scroll events
- scrollContext : window,
- // Offset to adjust scroll
- offset : 0,
- // Offset to adjust scroll when attached to bottom of screen
- bottomOffset : 0,
- // will only set container height if difference between context and container is larger than this number
- jitter : 5,
- // set width of sticky element when it is fixed to page (used to make sure 100% width is maintained if no fixed size set)
- setSize : true,
- // Whether to automatically observe changes with Mutation Observers
- observeChanges : false,
- // Called when position is recalculated
- onReposition : function(){},
- // Called on each scroll
- onScroll : function(){},
- // Called when element is stuck to viewport
- onStick : function(){},
- // Called when element is unstuck from viewport
- onUnstick : function(){},
- // Called when element reaches top of context
- onTop : function(){},
- // Called when element reaches bottom of context
- onBottom : function(){},
- error : {
- container : 'Sticky element must be inside a relative container',
- visible : 'Element is hidden, you must call refresh after element becomes visible. Use silent setting to surpress this warning in production.',
- method : 'The method you called is not defined.',
- invalidContext : 'Context specified does not exist',
- elementSize : 'Sticky element is larger than its container, cannot create sticky.'
- },
- className : {
- bound : 'bound',
- fixed : 'fixed',
- supported : 'native',
- top : 'top',
- bottom : 'bottom'
- }
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Tab
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.tab = function(parameters) {
- var
- // use window context if none specified
- $allModules = $.isFunction(this)
- ? $(window)
- : $(this),
- moduleSelector = $allModules.selector || '',
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- initializedHistory = false,
- returnedValue
- ;
- $allModules
- .each(function() {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.tab.settings, parameters)
- : $.extend({}, $.fn.tab.settings),
- className = settings.className,
- metadata = settings.metadata,
- selector = settings.selector,
- error = settings.error,
- eventNamespace = '.' + settings.namespace,
- moduleNamespace = 'module-' + settings.namespace,
- $module = $(this),
- $context,
- $tabs,
- cache = {},
- firstLoad = true,
- recursionDepth = 0,
- element = this,
- instance = $module.data(moduleNamespace),
- activeTabPath,
- parameterArray,
- module,
- historyEvent
- ;
- module = {
- initialize: function() {
- module.debug('Initializing tab menu item', $module);
- module.fix.callbacks();
- module.determineTabs();
- module.debug('Determining tabs', settings.context, $tabs);
- // set up automatic routing
- if(settings.auto) {
- module.set.auto();
- }
- module.bind.events();
- if(settings.history && !initializedHistory) {
- module.initializeHistory();
- initializedHistory = true;
- }
- module.instantiate();
- },
- instantiate: function () {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
- destroy: function() {
- module.debug('Destroying tabs', $module);
- $module
- .removeData(moduleNamespace)
- .off(eventNamespace)
- ;
- },
- bind: {
- events: function() {
- // if using $.tab don't add events
- if( !$.isWindow( element ) ) {
- module.debug('Attaching tab activation events to element', $module);
- $module
- .on('click' + eventNamespace, module.event.click)
- ;
- }
- }
- },
- determineTabs: function() {
- var
- $reference
- ;
- // determine tab context
- if(settings.context === 'parent') {
- if($module.closest(selector.ui).length > 0) {
- $reference = $module.closest(selector.ui);
- module.verbose('Using closest UI element as parent', $reference);
- }
- else {
- $reference = $module;
- }
- $context = $reference.parent();
- module.verbose('Determined parent element for creating context', $context);
- }
- else if(settings.context) {
- $context = $(settings.context);
- module.verbose('Using selector for tab context', settings.context, $context);
- }
- else {
- $context = $('body');
- }
- // find tabs
- if(settings.childrenOnly) {
- $tabs = $context.children(selector.tabs);
- module.debug('Searching tab context children for tabs', $context, $tabs);
- }
- else {
- $tabs = $context.find(selector.tabs);
- module.debug('Searching tab context for tabs', $context, $tabs);
- }
- },
- fix: {
- callbacks: function() {
- if( $.isPlainObject(parameters) && (parameters.onTabLoad || parameters.onTabInit) ) {
- if(parameters.onTabLoad) {
- parameters.onLoad = parameters.onTabLoad;
- delete parameters.onTabLoad;
- module.error(error.legacyLoad, parameters.onLoad);
- }
- if(parameters.onTabInit) {
- parameters.onFirstLoad = parameters.onTabInit;
- delete parameters.onTabInit;
- module.error(error.legacyInit, parameters.onFirstLoad);
- }
- settings = $.extend(true, {}, $.fn.tab.settings, parameters);
- }
- }
- },
- initializeHistory: function() {
- module.debug('Initializing page state');
- if( $.address === undefined ) {
- module.error(error.state);
- return false;
- }
- else {
- if(settings.historyType == 'state') {
- module.debug('Using HTML5 to manage state');
- if(settings.path !== false) {
- $.address
- .history(true)
- .state(settings.path)
- ;
- }
- else {
- module.error(error.path);
- return false;
- }
- }
- $.address
- .bind('change', module.event.history.change)
- ;
- }
- },
- event: {
- click: function(event) {
- var
- tabPath = $(this).data(metadata.tab)
- ;
- if(tabPath !== undefined) {
- if(settings.history) {
- module.verbose('Updating page state', event);
- $.address.value(tabPath);
- }
- else {
- module.verbose('Changing tab', event);
- module.changeTab(tabPath);
- }
- event.preventDefault();
- }
- else {
- module.debug('No tab specified');
- }
- },
- history: {
- change: function(event) {
- var
- tabPath = event.pathNames.join('/') || module.get.initialPath(),
- pageTitle = settings.templates.determineTitle(tabPath) || false
- ;
- module.performance.display();
- module.debug('History change event', tabPath, event);
- historyEvent = event;
- if(tabPath !== undefined) {
- module.changeTab(tabPath);
- }
- if(pageTitle) {
- $.address.title(pageTitle);
- }
- }
- }
- },
- refresh: function() {
- if(activeTabPath) {
- module.debug('Refreshing tab', activeTabPath);
- module.changeTab(activeTabPath);
- }
- },
- cache: {
- read: function(cacheKey) {
- return (cacheKey !== undefined)
- ? cache[cacheKey]
- : false
- ;
- },
- add: function(cacheKey, content) {
- cacheKey = cacheKey || activeTabPath;
- module.debug('Adding cached content for', cacheKey);
- cache[cacheKey] = content;
- },
- remove: function(cacheKey) {
- cacheKey = cacheKey || activeTabPath;
- module.debug('Removing cached content for', cacheKey);
- delete cache[cacheKey];
- }
- },
- set: {
- auto: function() {
- var
- url = (typeof settings.path == 'string')
- ? settings.path.replace(/\/$/, '') + '/{$tab}'
- : '/{$tab}'
- ;
- module.verbose('Setting up automatic tab retrieval from server', url);
- if($.isPlainObject(settings.apiSettings)) {
- settings.apiSettings.url = url;
- }
- else {
- settings.apiSettings = {
- url: url
- };
- }
- },
- loading: function(tabPath) {
- var
- $tab = module.get.tabElement(tabPath),
- isLoading = $tab.hasClass(className.loading)
- ;
- if(!isLoading) {
- module.verbose('Setting loading state for', $tab);
- $tab
- .addClass(className.loading)
- .siblings($tabs)
- .removeClass(className.active + ' ' + className.loading)
- ;
- if($tab.length > 0) {
- settings.onRequest.call($tab[0], tabPath);
- }
- }
- },
- state: function(state) {
- $.address.value(state);
- }
- },
- changeTab: function(tabPath) {
- var
- pushStateAvailable = (window.history && window.history.pushState),
- shouldIgnoreLoad = (pushStateAvailable && settings.ignoreFirstLoad && firstLoad),
- remoteContent = (settings.auto || $.isPlainObject(settings.apiSettings) ),
- // only add default path if not remote content
- pathArray = (remoteContent && !shouldIgnoreLoad)
- ? module.utilities.pathToArray(tabPath)
- : module.get.defaultPathArray(tabPath)
- ;
- tabPath = module.utilities.arrayToPath(pathArray);
- $.each(pathArray, function(index, tab) {
- var
- currentPathArray = pathArray.slice(0, index + 1),
- currentPath = module.utilities.arrayToPath(currentPathArray),
- isTab = module.is.tab(currentPath),
- isLastIndex = (index + 1 == pathArray.length),
- $tab = module.get.tabElement(currentPath),
- $anchor,
- nextPathArray,
- nextPath,
- isLastTab
- ;
- module.verbose('Looking for tab', tab);
- if(isTab) {
- module.verbose('Tab was found', tab);
- // scope up
- activeTabPath = currentPath;
- parameterArray = module.utilities.filterArray(pathArray, currentPathArray);
- if(isLastIndex) {
- isLastTab = true;
- }
- else {
- nextPathArray = pathArray.slice(0, index + 2);
- nextPath = module.utilities.arrayToPath(nextPathArray);
- isLastTab = ( !module.is.tab(nextPath) );
- if(isLastTab) {
- module.verbose('Tab parameters found', nextPathArray);
- }
- }
- if(isLastTab && remoteContent) {
- if(!shouldIgnoreLoad) {
- module.activate.navigation(currentPath);
- module.fetch.content(currentPath, tabPath);
- }
- else {
- module.debug('Ignoring remote content on first tab load', currentPath);
- firstLoad = false;
- module.cache.add(tabPath, $tab.html());
- module.activate.all(currentPath);
- settings.onFirstLoad.call($tab[0], currentPath, parameterArray, historyEvent);
- settings.onLoad.call($tab[0], currentPath, parameterArray, historyEvent);
- }
- return false;
- }
- else {
- module.debug('Opened local tab', currentPath);
- module.activate.all(currentPath);
- if( !module.cache.read(currentPath) ) {
- module.cache.add(currentPath, true);
- module.debug('First time tab loaded calling tab init');
- settings.onFirstLoad.call($tab[0], currentPath, parameterArray, historyEvent);
- }
- settings.onLoad.call($tab[0], currentPath, parameterArray, historyEvent);
- }
- }
- else if(tabPath.search('/') == -1 && tabPath !== '') {
- // look for in page anchor
- $anchor = $('#' + tabPath + ', a[name="' + tabPath + '"]');
- currentPath = $anchor.closest('[data-tab]').data(metadata.tab);
- $tab = module.get.tabElement(currentPath);
- // if anchor exists use parent tab
- if($anchor && $anchor.length > 0 && currentPath) {
- module.debug('Anchor link used, opening parent tab', $tab, $anchor);
- if( !$tab.hasClass(className.active) ) {
- setTimeout(function() {
- module.scrollTo($anchor);
- }, 0);
- }
- module.activate.all(currentPath);
- if( !module.cache.read(currentPath) ) {
- module.cache.add(currentPath, true);
- module.debug('First time tab loaded calling tab init');
- settings.onFirstLoad.call($tab[0], currentPath, parameterArray, historyEvent);
- }
- settings.onLoad.call($tab[0], currentPath, parameterArray, historyEvent);
- return false;
- }
- }
- else {
- module.error(error.missingTab, $module, $context, currentPath);
- return false;
- }
- });
- },
- scrollTo: function($element) {
- var
- scrollOffset = ($element && $element.length > 0)
- ? $element.offset().top
- : false
- ;
- if(scrollOffset !== false) {
- module.debug('Forcing scroll to an in-page link in a hidden tab', scrollOffset, $element);
- $(document).scrollTop(scrollOffset);
- }
- },
- update: {
- content: function(tabPath, html, evaluateScripts) {
- var
- $tab = module.get.tabElement(tabPath),
- tab = $tab[0]
- ;
- evaluateScripts = (evaluateScripts !== undefined)
- ? evaluateScripts
- : settings.evaluateScripts
- ;
- if(typeof settings.cacheType == 'string' && settings.cacheType.toLowerCase() == 'dom' && typeof html !== 'string') {
- $tab
- .empty()
- .append($(html).clone(true))
- ;
- }
- else {
- if(evaluateScripts) {
- module.debug('Updating HTML and evaluating inline scripts', tabPath, html);
- $tab.html(html);
- }
- else {
- module.debug('Updating HTML', tabPath, html);
- tab.innerHTML = html;
- }
- }
- }
- },
- fetch: {
- content: function(tabPath, fullTabPath) {
- var
- $tab = module.get.tabElement(tabPath),
- apiSettings = {
- dataType : 'html',
- encodeParameters : false,
- on : 'now',
- cache : settings.alwaysRefresh,
- headers : {
- 'X-Remote': true
- },
- onSuccess : function(response) {
- if(settings.cacheType == 'response') {
- module.cache.add(fullTabPath, response);
- }
- module.update.content(tabPath, response);
- if(tabPath == activeTabPath) {
- module.debug('Content loaded', tabPath);
- module.activate.tab(tabPath);
- }
- else {
- module.debug('Content loaded in background', tabPath);
- }
- settings.onFirstLoad.call($tab[0], tabPath, parameterArray, historyEvent);
- settings.onLoad.call($tab[0], tabPath, parameterArray, historyEvent);
- if(settings.loadOnce) {
- module.cache.add(fullTabPath, true);
- }
- else if(typeof settings.cacheType == 'string' && settings.cacheType.toLowerCase() == 'dom' && $tab.children().length > 0) {
- setTimeout(function() {
- var
- $clone = $tab.children().clone(true)
- ;
- $clone = $clone.not('script');
- module.cache.add(fullTabPath, $clone);
- }, 0);
- }
- else {
- module.cache.add(fullTabPath, $tab.html());
- }
- },
- urlData: {
- tab: fullTabPath
- }
- },
- request = $tab.api('get request') || false,
- existingRequest = ( request && request.state() === 'pending' ),
- requestSettings,
- cachedContent
- ;
- fullTabPath = fullTabPath || tabPath;
- cachedContent = module.cache.read(fullTabPath);
- if(settings.cache && cachedContent) {
- module.activate.tab(tabPath);
- module.debug('Adding cached content', fullTabPath);
- if(!settings.loadOnce) {
- if(settings.evaluateScripts == 'once') {
- module.update.content(tabPath, cachedContent, false);
- }
- else {
- module.update.content(tabPath, cachedContent);
- }
- }
- settings.onLoad.call($tab[0], tabPath, parameterArray, historyEvent);
- }
- else if(existingRequest) {
- module.set.loading(tabPath);
- module.debug('Content is already loading', fullTabPath);
- }
- else if($.api !== undefined) {
- requestSettings = $.extend(true, {}, settings.apiSettings, apiSettings);
- module.debug('Retrieving remote content', fullTabPath, requestSettings);
- module.set.loading(tabPath);
- $tab.api(requestSettings);
- }
- else {
- module.error(error.api);
- }
- }
- },
- activate: {
- all: function(tabPath) {
- module.activate.tab(tabPath);
- module.activate.navigation(tabPath);
- },
- tab: function(tabPath) {
- var
- $tab = module.get.tabElement(tabPath),
- $deactiveTabs = (settings.deactivate == 'siblings')
- ? $tab.siblings($tabs)
- : $tabs.not($tab),
- isActive = $tab.hasClass(className.active)
- ;
- module.verbose('Showing tab content for', $tab);
- if(!isActive) {
- $tab
- .addClass(className.active)
- ;
- $deactiveTabs
- .removeClass(className.active + ' ' + className.loading)
- ;
- if($tab.length > 0) {
- settings.onVisible.call($tab[0], tabPath);
- }
- }
- },
- navigation: function(tabPath) {
- var
- $navigation = module.get.navElement(tabPath),
- $deactiveNavigation = (settings.deactivate == 'siblings')
- ? $navigation.siblings($allModules)
- : $allModules.not($navigation),
- isActive = $navigation.hasClass(className.active)
- ;
- module.verbose('Activating tab navigation for', $navigation, tabPath);
- if(!isActive) {
- $navigation
- .addClass(className.active)
- ;
- $deactiveNavigation
- .removeClass(className.active + ' ' + className.loading)
- ;
- }
- }
- },
- deactivate: {
- all: function() {
- module.deactivate.navigation();
- module.deactivate.tabs();
- },
- navigation: function() {
- $allModules
- .removeClass(className.active)
- ;
- },
- tabs: function() {
- $tabs
- .removeClass(className.active + ' ' + className.loading)
- ;
- }
- },
- is: {
- tab: function(tabName) {
- return (tabName !== undefined)
- ? ( module.get.tabElement(tabName).length > 0 )
- : false
- ;
- }
- },
- get: {
- initialPath: function() {
- return $allModules.eq(0).data(metadata.tab) || $tabs.eq(0).data(metadata.tab);
- },
- path: function() {
- return $.address.value();
- },
- // adds default tabs to tab path
- defaultPathArray: function(tabPath) {
- return module.utilities.pathToArray( module.get.defaultPath(tabPath) );
- },
- defaultPath: function(tabPath) {
- var
- $defaultNav = $allModules.filter('[data-' + metadata.tab + '^="' + tabPath + '/"]').eq(0),
- defaultTab = $defaultNav.data(metadata.tab) || false
- ;
- if( defaultTab ) {
- module.debug('Found default tab', defaultTab);
- if(recursionDepth < settings.maxDepth) {
- recursionDepth++;
- return module.get.defaultPath(defaultTab);
- }
- module.error(error.recursion);
- }
- else {
- module.debug('No default tabs found for', tabPath, $tabs);
- }
- recursionDepth = 0;
- return tabPath;
- },
- navElement: function(tabPath) {
- tabPath = tabPath || activeTabPath;
- return $allModules.filter('[data-' + metadata.tab + '="' + tabPath + '"]');
- },
- tabElement: function(tabPath) {
- var
- $fullPathTab,
- $simplePathTab,
- tabPathArray,
- lastTab
- ;
- tabPath = tabPath || activeTabPath;
- tabPathArray = module.utilities.pathToArray(tabPath);
- lastTab = module.utilities.last(tabPathArray);
- $fullPathTab = $tabs.filter('[data-' + metadata.tab + '="' + tabPath + '"]');
- $simplePathTab = $tabs.filter('[data-' + metadata.tab + '="' + lastTab + '"]');
- return ($fullPathTab.length > 0)
- ? $fullPathTab
- : $simplePathTab
- ;
- },
- tab: function() {
- return activeTabPath;
- }
- },
- utilities: {
- filterArray: function(keepArray, removeArray) {
- return $.grep(keepArray, function(keepValue) {
- return ( $.inArray(keepValue, removeArray) == -1);
- });
- },
- last: function(array) {
- return $.isArray(array)
- ? array[ array.length - 1]
- : false
- ;
- },
- pathToArray: function(pathName) {
- if(pathName === undefined) {
- pathName = activeTabPath;
- }
- return typeof pathName == 'string'
- ? pathName.split('/')
- : [pathName]
- ;
- },
- arrayToPath: function(pathArray) {
- return $.isArray(pathArray)
- ? pathArray.join('/')
- : false
- ;
- }
- },
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- if($.isPlainObject(settings[name])) {
- $.extend(true, settings[name], value);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- module.error(error.method, query);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- // shortcut for tabbed content with no defined navigation
- $.tab = function() {
- $(window).tab.apply(this, arguments);
- };
- $.fn.tab.settings = {
- name : 'Tab',
- namespace : 'tab',
- silent : false,
- debug : false,
- verbose : false,
- performance : true,
- auto : false, // uses pjax style endpoints fetching content from same url with remote-content headers
- history : false, // use browser history
- historyType : 'hash', // #/ or html5 state
- path : false, // base path of url
- context : false, // specify a context that tabs must appear inside
- childrenOnly : false, // use only tabs that are children of context
- maxDepth : 25, // max depth a tab can be nested
- deactivate : 'siblings', // whether tabs should deactivate sibling menu elements or all elements initialized together
- alwaysRefresh : false, // load tab content new every tab click
- cache : true, // cache the content requests to pull locally
- loadOnce : false, // Whether tab data should only be loaded once when using remote content
- cacheType : 'response', // Whether to cache exact response, or to html cache contents after scripts execute
- ignoreFirstLoad : false, // don't load remote content on first load
- apiSettings : false, // settings for api call
- evaluateScripts : 'once', // whether inline scripts should be parsed (true/false/once). Once will not re-evaluate on cached content
- onFirstLoad : function(tabPath, parameterArray, historyEvent) {}, // called first time loaded
- onLoad : function(tabPath, parameterArray, historyEvent) {}, // called on every load
- onVisible : function(tabPath, parameterArray, historyEvent) {}, // called every time tab visible
- onRequest : function(tabPath, parameterArray, historyEvent) {}, // called ever time a tab beings loading remote content
- templates : {
- determineTitle: function(tabArray) {} // returns page title for path
- },
- error: {
- api : 'You attempted to load content without API module',
- method : 'The method you called is not defined',
- missingTab : 'Activated tab cannot be found. Tabs are case-sensitive.',
- noContent : 'The tab you specified is missing a content url.',
- path : 'History enabled, but no path was specified',
- recursion : 'Max recursive depth reached',
- legacyInit : 'onTabInit has been renamed to onFirstLoad in 2.0, please adjust your code.',
- legacyLoad : 'onTabLoad has been renamed to onLoad in 2.0. Please adjust your code',
- state : 'History requires Asual\'s Address library <https://github.com/asual/jquery-address>'
- },
- metadata : {
- tab : 'tab',
- loaded : 'loaded',
- promise: 'promise'
- },
- className : {
- loading : 'loading',
- active : 'active'
- },
- selector : {
- tabs : '.ui.tab',
- ui : '.ui'
- }
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Transition
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.transition = function() {
- var
- $allModules = $(this),
- moduleSelector = $allModules.selector || '',
- time = new Date().getTime(),
- performance = [],
- moduleArguments = arguments,
- query = moduleArguments[0],
- queryArguments = [].slice.call(arguments, 1),
- methodInvoked = (typeof query === 'string'),
- requestAnimationFrame = window.requestAnimationFrame
- || window.mozRequestAnimationFrame
- || window.webkitRequestAnimationFrame
- || window.msRequestAnimationFrame
- || function(callback) { setTimeout(callback, 0); },
- returnedValue
- ;
- $allModules
- .each(function(index) {
- var
- $module = $(this),
- element = this,
- // set at run time
- settings,
- instance,
- error,
- className,
- metadata,
- animationEnd,
- animationName,
- namespace,
- moduleNamespace,
- eventNamespace,
- module
- ;
- module = {
- initialize: function() {
- // get full settings
- settings = module.get.settings.apply(element, moduleArguments);
- // shorthand
- className = settings.className;
- error = settings.error;
- metadata = settings.metadata;
- // define namespace
- eventNamespace = '.' + settings.namespace;
- moduleNamespace = 'module-' + settings.namespace;
- instance = $module.data(moduleNamespace) || module;
- // get vendor specific events
- animationEnd = module.get.animationEndEvent();
- if(methodInvoked) {
- methodInvoked = module.invoke(query);
- }
- // method not invoked, lets run an animation
- if(methodInvoked === false) {
- module.verbose('Converted arguments into settings object', settings);
- if(settings.interval) {
- module.delay(settings.animate);
- }
- else {
- module.animate();
- }
- module.instantiate();
- }
- },
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, instance)
- ;
- },
- destroy: function() {
- module.verbose('Destroying previous module for', element);
- $module
- .removeData(moduleNamespace)
- ;
- },
- refresh: function() {
- module.verbose('Refreshing display type on next animation');
- delete module.displayType;
- },
- forceRepaint: function() {
- module.verbose('Forcing element repaint');
- var
- $parentElement = $module.parent(),
- $nextElement = $module.next()
- ;
- if($nextElement.length === 0) {
- $module.detach().appendTo($parentElement);
- }
- else {
- $module.detach().insertBefore($nextElement);
- }
- },
- repaint: function() {
- module.verbose('Repainting element');
- var
- fakeAssignment = element.offsetWidth
- ;
- },
- delay: function(interval) {
- var
- direction = module.get.animationDirection(),
- shouldReverse,
- delay
- ;
- if(!direction) {
- direction = module.can.transition()
- ? module.get.direction()
- : 'static'
- ;
- }
- interval = (interval !== undefined)
- ? interval
- : settings.interval
- ;
- shouldReverse = (settings.reverse == 'auto' && direction == className.outward);
- delay = (shouldReverse || settings.reverse == true)
- ? ($allModules.length - index) * settings.interval
- : index * settings.interval
- ;
- module.debug('Delaying animation by', delay);
- setTimeout(module.animate, delay);
- },
- animate: function(overrideSettings) {
- settings = overrideSettings || settings;
- if(!module.is.supported()) {
- module.error(error.support);
- return false;
- }
- module.debug('Preparing animation', settings.animation);
- if(module.is.animating()) {
- if(settings.queue) {
- if(!settings.allowRepeats && module.has.direction() && module.is.occurring() && module.queuing !== true) {
- module.debug('Animation is currently occurring, preventing queueing same animation', settings.animation);
- }
- else {
- module.queue(settings.animation);
- }
- return false;
- }
- else if(!settings.allowRepeats && module.is.occurring()) {
- module.debug('Animation is already occurring, will not execute repeated animation', settings.animation);
- return false;
- }
- else {
- module.debug('New animation started, completing previous early', settings.animation);
- instance.complete();
- }
- }
- if( module.can.animate() ) {
- module.set.animating(settings.animation);
- }
- else {
- module.error(error.noAnimation, settings.animation, element);
- }
- },
- reset: function() {
- module.debug('Resetting animation to beginning conditions');
- module.remove.animationCallbacks();
- module.restore.conditions();
- module.remove.animating();
- },
- queue: function(animation) {
- module.debug('Queueing animation of', animation);
- module.queuing = true;
- $module
- .one(animationEnd + '.queue' + eventNamespace, function() {
- module.queuing = false;
- module.repaint();
- module.animate.apply(this, settings);
- })
- ;
- },
- complete: function (event) {
- module.debug('Animation complete', settings.animation);
- module.remove.completeCallback();
- module.remove.failSafe();
- if(!module.is.looping()) {
- if( module.is.outward() ) {
- module.verbose('Animation is outward, hiding element');
- module.restore.conditions();
- module.hide();
- }
- else if( module.is.inward() ) {
- module.verbose('Animation is outward, showing element');
- module.restore.conditions();
- module.show();
- }
- else {
- module.verbose('Static animation completed');
- module.restore.conditions();
- settings.onComplete.call(element);
- }
- }
- },
- force: {
- visible: function() {
- var
- style = $module.attr('style'),
- userStyle = module.get.userStyle(),
- displayType = module.get.displayType(),
- overrideStyle = userStyle + 'display: ' + displayType + ' !important;',
- currentDisplay = $module.css('display'),
- emptyStyle = (style === undefined || style === '')
- ;
- if(currentDisplay !== displayType) {
- module.verbose('Overriding default display to show element', displayType);
- $module
- .attr('style', overrideStyle)
- ;
- }
- else if(emptyStyle) {
- $module.removeAttr('style');
- }
- },
- hidden: function() {
- var
- style = $module.attr('style'),
- currentDisplay = $module.css('display'),
- emptyStyle = (style === undefined || style === '')
- ;
- if(currentDisplay !== 'none' && !module.is.hidden()) {
- module.verbose('Overriding default display to hide element');
- $module
- .css('display', 'none')
- ;
- }
- else if(emptyStyle) {
- $module
- .removeAttr('style')
- ;
- }
- }
- },
- has: {
- direction: function(animation) {
- var
- hasDirection = false
- ;
- animation = animation || settings.animation;
- if(typeof animation === 'string') {
- animation = animation.split(' ');
- $.each(animation, function(index, word){
- if(word === className.inward || word === className.outward) {
- hasDirection = true;
- }
- });
- }
- return hasDirection;
- },
- inlineDisplay: function() {
- var
- style = $module.attr('style') || ''
- ;
- return $.isArray(style.match(/display.*?;/, ''));
- }
- },
- set: {
- animating: function(animation) {
- var
- animationClass,
- direction
- ;
- // remove previous callbacks
- module.remove.completeCallback();
- // determine exact animation
- animation = animation || settings.animation;
- animationClass = module.get.animationClass(animation);
- // save animation class in cache to restore class names
- module.save.animation(animationClass);
- // override display if necessary so animation appears visibly
- module.force.visible();
- module.remove.hidden();
- module.remove.direction();
- module.start.animation(animationClass);
- },
- duration: function(animationName, duration) {
- duration = duration || settings.duration;
- duration = (typeof duration == 'number')
- ? duration + 'ms'
- : duration
- ;
- if(duration || duration === 0) {
- module.verbose('Setting animation duration', duration);
- $module
- .css({
- 'animation-duration': duration
- })
- ;
- }
- },
- direction: function(direction) {
- direction = direction || module.get.direction();
- if(direction == className.inward) {
- module.set.inward();
- }
- else {
- module.set.outward();
- }
- },
- looping: function() {
- module.debug('Transition set to loop');
- $module
- .addClass(className.looping)
- ;
- },
- hidden: function() {
- $module
- .addClass(className.transition)
- .addClass(className.hidden)
- ;
- },
- inward: function() {
- module.debug('Setting direction to inward');
- $module
- .removeClass(className.outward)
- .addClass(className.inward)
- ;
- },
- outward: function() {
- module.debug('Setting direction to outward');
- $module
- .removeClass(className.inward)
- .addClass(className.outward)
- ;
- },
- visible: function() {
- $module
- .addClass(className.transition)
- .addClass(className.visible)
- ;
- }
- },
- start: {
- animation: function(animationClass) {
- animationClass = animationClass || module.get.animationClass();
- module.debug('Starting tween', animationClass);
- $module
- .addClass(animationClass)
- .one(animationEnd + '.complete' + eventNamespace, module.complete)
- ;
- if(settings.useFailSafe) {
- module.add.failSafe();
- }
- module.set.duration(settings.duration);
- settings.onStart.call(element);
- }
- },
- save: {
- animation: function(animation) {
- if(!module.cache) {
- module.cache = {};
- }
- module.cache.animation = animation;
- },
- displayType: function(displayType) {
- if(displayType !== 'none') {
- $module.data(metadata.displayType, displayType);
- }
- },
- transitionExists: function(animation, exists) {
- $.fn.transition.exists[animation] = exists;
- module.verbose('Saving existence of transition', animation, exists);
- }
- },
- restore: {
- conditions: function() {
- var
- animation = module.get.currentAnimation()
- ;
- if(animation) {
- $module
- .removeClass(animation)
- ;
- module.verbose('Removing animation class', module.cache);
- }
- module.remove.duration();
- }
- },
- add: {
- failSafe: function() {
- var
- duration = module.get.duration()
- ;
- module.timer = setTimeout(function() {
- $module.triggerHandler(animationEnd);
- }, duration + settings.failSafeDelay);
- module.verbose('Adding fail safe timer', module.timer);
- }
- },
- remove: {
- animating: function() {
- $module.removeClass(className.animating);
- },
- animationCallbacks: function() {
- module.remove.queueCallback();
- module.remove.completeCallback();
- },
- queueCallback: function() {
- $module.off('.queue' + eventNamespace);
- },
- completeCallback: function() {
- $module.off('.complete' + eventNamespace);
- },
- display: function() {
- $module.css('display', '');
- },
- direction: function() {
- $module
- .removeClass(className.inward)
- .removeClass(className.outward)
- ;
- },
- duration: function() {
- $module
- .css('animation-duration', '')
- ;
- },
- failSafe: function() {
- module.verbose('Removing fail safe timer', module.timer);
- if(module.timer) {
- clearTimeout(module.timer);
- }
- },
- hidden: function() {
- $module.removeClass(className.hidden);
- },
- visible: function() {
- $module.removeClass(className.visible);
- },
- looping: function() {
- module.debug('Transitions are no longer looping');
- if( module.is.looping() ) {
- module.reset();
- $module
- .removeClass(className.looping)
- ;
- }
- },
- transition: function() {
- $module
- .removeClass(className.visible)
- .removeClass(className.hidden)
- ;
- }
- },
- get: {
- settings: function(animation, duration, onComplete) {
- // single settings object
- if(typeof animation == 'object') {
- return $.extend(true, {}, $.fn.transition.settings, animation);
- }
- // all arguments provided
- else if(typeof onComplete == 'function') {
- return $.extend({}, $.fn.transition.settings, {
- animation : animation,
- onComplete : onComplete,
- duration : duration
- });
- }
- // only duration provided
- else if(typeof duration == 'string' || typeof duration == 'number') {
- return $.extend({}, $.fn.transition.settings, {
- animation : animation,
- duration : duration
- });
- }
- // duration is actually settings object
- else if(typeof duration == 'object') {
- return $.extend({}, $.fn.transition.settings, duration, {
- animation : animation
- });
- }
- // duration is actually callback
- else if(typeof duration == 'function') {
- return $.extend({}, $.fn.transition.settings, {
- animation : animation,
- onComplete : duration
- });
- }
- // only animation provided
- else {
- return $.extend({}, $.fn.transition.settings, {
- animation : animation
- });
- }
- },
- animationClass: function(animation) {
- var
- animationClass = animation || settings.animation,
- directionClass = (module.can.transition() && !module.has.direction())
- ? module.get.direction() + ' '
- : ''
- ;
- return className.animating + ' '
- + className.transition + ' '
- + directionClass
- + animationClass
- ;
- },
- currentAnimation: function() {
- return (module.cache && module.cache.animation !== undefined)
- ? module.cache.animation
- : false
- ;
- },
- currentDirection: function() {
- return module.is.inward()
- ? className.inward
- : className.outward
- ;
- },
- direction: function() {
- return module.is.hidden() || !module.is.visible()
- ? className.inward
- : className.outward
- ;
- },
- animationDirection: function(animation) {
- var
- direction
- ;
- animation = animation || settings.animation;
- if(typeof animation === 'string') {
- animation = animation.split(' ');
- // search animation name for out/in class
- $.each(animation, function(index, word){
- if(word === className.inward) {
- direction = className.inward;
- }
- else if(word === className.outward) {
- direction = className.outward;
- }
- });
- }
- // return found direction
- if(direction) {
- return direction;
- }
- return false;
- },
- duration: function(duration) {
- duration = duration || settings.duration;
- if(duration === false) {
- duration = $module.css('animation-duration') || 0;
- }
- return (typeof duration === 'string')
- ? (duration.indexOf('ms') > -1)
- ? parseFloat(duration)
- : parseFloat(duration) * 1000
- : duration
- ;
- },
- displayType: function(shouldDetermine) {
- shouldDetermine = (shouldDetermine !== undefined)
- ? shouldDetermine
- : true
- ;
- if(settings.displayType) {
- return settings.displayType;
- }
- if(shouldDetermine && $module.data(metadata.displayType) === undefined) {
- // create fake element to determine display state
- module.can.transition(true);
- }
- return $module.data(metadata.displayType);
- },
- userStyle: function(style) {
- style = style || $module.attr('style') || '';
- return style.replace(/display.*?;/, '');
- },
- transitionExists: function(animation) {
- return $.fn.transition.exists[animation];
- },
- animationStartEvent: function() {
- var
- element = document.createElement('div'),
- animations = {
- 'animation' :'animationstart',
- 'OAnimation' :'oAnimationStart',
- 'MozAnimation' :'mozAnimationStart',
- 'WebkitAnimation' :'webkitAnimationStart'
- },
- animation
- ;
- for(animation in animations){
- if( element.style[animation] !== undefined ){
- return animations[animation];
- }
- }
- return false;
- },
- animationEndEvent: function() {
- var
- element = document.createElement('div'),
- animations = {
- 'animation' :'animationend',
- 'OAnimation' :'oAnimationEnd',
- 'MozAnimation' :'mozAnimationEnd',
- 'WebkitAnimation' :'webkitAnimationEnd'
- },
- animation
- ;
- for(animation in animations){
- if( element.style[animation] !== undefined ){
- return animations[animation];
- }
- }
- return false;
- }
- },
- can: {
- transition: function(forced) {
- var
- animation = settings.animation,
- transitionExists = module.get.transitionExists(animation),
- displayType = module.get.displayType(false),
- elementClass,
- tagName,
- $clone,
- currentAnimation,
- inAnimation,
- directionExists
- ;
- if( transitionExists === undefined || forced) {
- module.verbose('Determining whether animation exists');
- elementClass = $module.attr('class');
- tagName = $module.prop('tagName');
- $clone = $('<' + tagName + ' />').addClass( elementClass ).insertAfter($module);
- currentAnimation = $clone
- .addClass(animation)
- .removeClass(className.inward)
- .removeClass(className.outward)
- .addClass(className.animating)
- .addClass(className.transition)
- .css('animationName')
- ;
- inAnimation = $clone
- .addClass(className.inward)
- .css('animationName')
- ;
- if(!displayType) {
- displayType = $clone
- .attr('class', elementClass)
- .removeAttr('style')
- .removeClass(className.hidden)
- .removeClass(className.visible)
- .show()
- .css('display')
- ;
- module.verbose('Determining final display state', displayType);
- module.save.displayType(displayType);
- }
- $clone.remove();
- if(currentAnimation != inAnimation) {
- module.debug('Direction exists for animation', animation);
- directionExists = true;
- }
- else if(currentAnimation == 'none' || !currentAnimation) {
- module.debug('No animation defined in css', animation);
- return;
- }
- else {
- module.debug('Static animation found', animation, displayType);
- directionExists = false;
- }
- module.save.transitionExists(animation, directionExists);
- }
- return (transitionExists !== undefined)
- ? transitionExists
- : directionExists
- ;
- },
- animate: function() {
- // can transition does not return a value if animation does not exist
- return (module.can.transition() !== undefined);
- }
- },
- is: {
- animating: function() {
- return $module.hasClass(className.animating);
- },
- inward: function() {
- return $module.hasClass(className.inward);
- },
- outward: function() {
- return $module.hasClass(className.outward);
- },
- looping: function() {
- return $module.hasClass(className.looping);
- },
- occurring: function(animation) {
- animation = animation || settings.animation;
- animation = '.' + animation.replace(' ', '.');
- return ( $module.filter(animation).length > 0 );
- },
- visible: function() {
- return $module.is(':visible');
- },
- hidden: function() {
- return $module.css('visibility') === 'hidden';
- },
- supported: function() {
- return(animationEnd !== false);
- }
- },
- hide: function() {
- module.verbose('Hiding element');
- if( module.is.animating() ) {
- module.reset();
- }
- element.blur(); // IE will trigger focus change if element is not blurred before hiding
- module.remove.display();
- module.remove.visible();
- module.set.hidden();
- module.force.hidden();
- settings.onHide.call(element);
- settings.onComplete.call(element);
- // module.repaint();
- },
- show: function(display) {
- module.verbose('Showing element', display);
- module.remove.hidden();
- module.set.visible();
- module.force.visible();
- settings.onShow.call(element);
- settings.onComplete.call(element);
- // module.repaint();
- },
- toggle: function() {
- if( module.is.visible() ) {
- module.hide();
- }
- else {
- module.show();
- }
- },
- stop: function() {
- module.debug('Stopping current animation');
- $module.triggerHandler(animationEnd);
- },
- stopAll: function() {
- module.debug('Stopping all animation');
- module.remove.queueCallback();
- $module.triggerHandler(animationEnd);
- },
- clear: {
- queue: function() {
- module.debug('Clearing animation queue');
- module.remove.queueCallback();
- }
- },
- enable: function() {
- module.verbose('Starting animation');
- $module.removeClass(className.disabled);
- },
- disable: function() {
- module.debug('Stopping animation');
- $module.addClass(className.disabled);
- },
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- if($.isPlainObject(settings[name])) {
- $.extend(true, settings[name], value);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if($allModules.length > 1) {
- title += ' ' + '(' + $allModules.length + ')';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- // modified for transition to return invoke success
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return (found !== undefined)
- ? found
- : false
- ;
- }
- };
- module.initialize();
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- // Records if CSS transition is available
- $.fn.transition.exists = {};
- $.fn.transition.settings = {
- // module info
- name : 'Transition',
- // hide all output from this component regardless of other settings
- silent : false,
- // debug content outputted to console
- debug : false,
- // verbose debug output
- verbose : false,
- // performance data output
- performance : true,
- // event namespace
- namespace : 'transition',
- // delay between animations in group
- interval : 0,
- // whether group animations should be reversed
- reverse : 'auto',
- // animation callback event
- onStart : function() {},
- onComplete : function() {},
- onShow : function() {},
- onHide : function() {},
- // whether timeout should be used to ensure callback fires in cases animationend does not
- useFailSafe : true,
- // delay in ms for fail safe
- failSafeDelay : 100,
- // whether EXACT animation can occur twice in a row
- allowRepeats : false,
- // Override final display type on visible
- displayType : false,
- // animation duration
- animation : 'fade',
- duration : false,
- // new animations will occur after previous ones
- queue : true,
- metadata : {
- displayType: 'display'
- },
- className : {
- animating : 'animating',
- disabled : 'disabled',
- hidden : 'hidden',
- inward : 'in',
- loading : 'loading',
- looping : 'looping',
- outward : 'out',
- transition : 'transition',
- visible : 'visible'
- },
- // possible errors
- error: {
- noAnimation : 'Element is no longer attached to DOM. Unable to animate. Use silent setting to surpress this warning in production.',
- repeated : 'That animation is already occurring, cancelling repeated animation',
- method : 'The method you called is not defined',
- support : 'This browser does not support CSS animations'
- }
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - API
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- var
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.api = $.fn.api = function(parameters) {
- var
- // use window context if none specified
- $allModules = $.isFunction(this)
- ? $(window)
- : $(this),
- moduleSelector = $allModules.selector || '',
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- returnedValue
- ;
- $allModules
- .each(function() {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.api.settings, parameters)
- : $.extend({}, $.fn.api.settings),
- // internal aliases
- namespace = settings.namespace,
- metadata = settings.metadata,
- selector = settings.selector,
- error = settings.error,
- className = settings.className,
- // define namespaces for modules
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- // element that creates request
- $module = $(this),
- $form = $module.closest(selector.form),
- // context used for state
- $context = (settings.stateContext)
- ? $(settings.stateContext)
- : $module,
- // request details
- ajaxSettings,
- requestSettings,
- url,
- data,
- requestStartTime,
- // standard module
- element = this,
- context = $context[0],
- instance = $module.data(moduleNamespace),
- module
- ;
- module = {
- initialize: function() {
- if(!methodInvoked) {
- module.bind.events();
- }
- module.instantiate();
- },
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, instance)
- ;
- },
- destroy: function() {
- module.verbose('Destroying previous module for', element);
- $module
- .removeData(moduleNamespace)
- .off(eventNamespace)
- ;
- },
- bind: {
- events: function() {
- var
- triggerEvent = module.get.event()
- ;
- if( triggerEvent ) {
- module.verbose('Attaching API events to element', triggerEvent);
- $module
- .on(triggerEvent + eventNamespace, module.event.trigger)
- ;
- }
- else if(settings.on == 'now') {
- module.debug('Querying API endpoint immediately');
- module.query();
- }
- }
- },
- decode: {
- json: function(response) {
- if(response !== undefined && typeof response == 'string') {
- try {
- response = JSON.parse(response);
- }
- catch(e) {
- // isnt json string
- }
- }
- return response;
- }
- },
- read: {
- cachedResponse: function(url) {
- var
- response
- ;
- if(window.Storage === undefined) {
- module.error(error.noStorage);
- return;
- }
- response = sessionStorage.getItem(url);
- module.debug('Using cached response', url, response);
- response = module.decode.json(response);
- return response;
- }
- },
- write: {
- cachedResponse: function(url, response) {
- if(response && response === '') {
- module.debug('Response empty, not caching', response);
- return;
- }
- if(window.Storage === undefined) {
- module.error(error.noStorage);
- return;
- }
- if( $.isPlainObject(response) ) {
- response = JSON.stringify(response);
- }
- sessionStorage.setItem(url, response);
- module.verbose('Storing cached response for url', url, response);
- }
- },
- query: function() {
- if(module.is.disabled()) {
- module.debug('Element is disabled API request aborted');
- return;
- }
- if(module.is.loading()) {
- if(settings.interruptRequests) {
- module.debug('Interrupting previous request');
- module.abort();
- }
- else {
- module.debug('Cancelling request, previous request is still pending');
- return;
- }
- }
- // pass element metadata to url (value, text)
- if(settings.defaultData) {
- $.extend(true, settings.urlData, module.get.defaultData());
- }
- // Add form content
- if(settings.serializeForm) {
- settings.data = module.add.formData(settings.data);
- }
- // call beforesend and get any settings changes
- requestSettings = module.get.settings();
- // check if before send cancelled request
- if(requestSettings === false) {
- module.cancelled = true;
- module.error(error.beforeSend);
- return;
- }
- else {
- module.cancelled = false;
- }
- // get url
- url = module.get.templatedURL();
- if(!url && !module.is.mocked()) {
- module.error(error.missingURL);
- return;
- }
- // replace variables
- url = module.add.urlData( url );
- // missing url parameters
- if( !url && !module.is.mocked()) {
- return;
- }
- requestSettings.url = settings.base + url;
- // look for jQuery ajax parameters in settings
- ajaxSettings = $.extend(true, {}, settings, {
- type : settings.method || settings.type,
- data : data,
- url : settings.base + url,
- beforeSend : settings.beforeXHR,
- success : function() {},
- failure : function() {},
- complete : function() {}
- });
- module.debug('Querying URL', ajaxSettings.url);
- module.verbose('Using AJAX settings', ajaxSettings);
- if(settings.cache === 'local' && module.read.cachedResponse(url)) {
- module.debug('Response returned from local cache');
- module.request = module.create.request();
- module.request.resolveWith(context, [ module.read.cachedResponse(url) ]);
- return;
- }
- if( !settings.throttle ) {
- module.debug('Sending request', data, ajaxSettings.method);
- module.send.request();
- }
- else {
- if(!settings.throttleFirstRequest && !module.timer) {
- module.debug('Sending request', data, ajaxSettings.method);
- module.send.request();
- module.timer = setTimeout(function(){}, settings.throttle);
- }
- else {
- module.debug('Throttling request', settings.throttle);
- clearTimeout(module.timer);
- module.timer = setTimeout(function() {
- if(module.timer) {
- delete module.timer;
- }
- module.debug('Sending throttled request', data, ajaxSettings.method);
- module.send.request();
- }, settings.throttle);
- }
- }
- },
- should: {
- removeError: function() {
- return ( settings.hideError === true || (settings.hideError === 'auto' && !module.is.form()) );
- }
- },
- is: {
- disabled: function() {
- return ($module.filter(selector.disabled).length > 0);
- },
- expectingJSON: function() {
- return settings.dataType === 'json' || settings.dataType === 'jsonp';
- },
- form: function() {
- return $module.is('form') || $context.is('form');
- },
- mocked: function() {
- return (settings.mockResponse || settings.mockResponseAsync || settings.response || settings.responseAsync);
- },
- input: function() {
- return $module.is('input');
- },
- loading: function() {
- return (module.request)
- ? (module.request.state() == 'pending')
- : false
- ;
- },
- abortedRequest: function(xhr) {
- if(xhr && xhr.readyState !== undefined && xhr.readyState === 0) {
- module.verbose('XHR request determined to be aborted');
- return true;
- }
- else {
- module.verbose('XHR request was not aborted');
- return false;
- }
- },
- validResponse: function(response) {
- if( (!module.is.expectingJSON()) || !$.isFunction(settings.successTest) ) {
- module.verbose('Response is not JSON, skipping validation', settings.successTest, response);
- return true;
- }
- module.debug('Checking JSON returned success', settings.successTest, response);
- if( settings.successTest(response) ) {
- module.debug('Response passed success test', response);
- return true;
- }
- else {
- module.debug('Response failed success test', response);
- return false;
- }
- }
- },
- was: {
- cancelled: function() {
- return (module.cancelled || false);
- },
- succesful: function() {
- return (module.request && module.request.state() == 'resolved');
- },
- failure: function() {
- return (module.request && module.request.state() == 'rejected');
- },
- complete: function() {
- return (module.request && (module.request.state() == 'resolved' || module.request.state() == 'rejected') );
- }
- },
- add: {
- urlData: function(url, urlData) {
- var
- requiredVariables,
- optionalVariables
- ;
- if(url) {
- requiredVariables = url.match(settings.regExp.required);
- optionalVariables = url.match(settings.regExp.optional);
- urlData = urlData || settings.urlData;
- if(requiredVariables) {
- module.debug('Looking for required URL variables', requiredVariables);
- $.each(requiredVariables, function(index, templatedString) {
- var
- // allow legacy {$var} style
- variable = (templatedString.indexOf('$') !== -1)
- ? templatedString.substr(2, templatedString.length - 3)
- : templatedString.substr(1, templatedString.length - 2),
- value = ($.isPlainObject(urlData) && urlData[variable] !== undefined)
- ? urlData[variable]
- : ($module.data(variable) !== undefined)
- ? $module.data(variable)
- : ($context.data(variable) !== undefined)
- ? $context.data(variable)
- : urlData[variable]
- ;
- // remove value
- if(value === undefined) {
- module.error(error.requiredParameter, variable, url);
- url = false;
- return false;
- }
- else {
- module.verbose('Found required variable', variable, value);
- value = (settings.encodeParameters)
- ? module.get.urlEncodedValue(value)
- : value
- ;
- url = url.replace(templatedString, value);
- }
- });
- }
- if(optionalVariables) {
- module.debug('Looking for optional URL variables', requiredVariables);
- $.each(optionalVariables, function(index, templatedString) {
- var
- // allow legacy {/$var} style
- variable = (templatedString.indexOf('$') !== -1)
- ? templatedString.substr(3, templatedString.length - 4)
- : templatedString.substr(2, templatedString.length - 3),
- value = ($.isPlainObject(urlData) && urlData[variable] !== undefined)
- ? urlData[variable]
- : ($module.data(variable) !== undefined)
- ? $module.data(variable)
- : ($context.data(variable) !== undefined)
- ? $context.data(variable)
- : urlData[variable]
- ;
- // optional replacement
- if(value !== undefined) {
- module.verbose('Optional variable Found', variable, value);
- url = url.replace(templatedString, value);
- }
- else {
- module.verbose('Optional variable not found', variable);
- // remove preceding slash if set
- if(url.indexOf('/' + templatedString) !== -1) {
- url = url.replace('/' + templatedString, '');
- }
- else {
- url = url.replace(templatedString, '');
- }
- }
- });
- }
- }
- return url;
- },
- formData: function(data) {
- var
- canSerialize = ($.fn.serializeObject !== undefined),
- formData = (canSerialize)
- ? $form.serializeObject()
- : $form.serialize(),
- hasOtherData
- ;
- data = data || settings.data;
- hasOtherData = $.isPlainObject(data);
- if(hasOtherData) {
- if(canSerialize) {
- module.debug('Extending existing data with form data', data, formData);
- data = $.extend(true, {}, data, formData);
- }
- else {
- module.error(error.missingSerialize);
- module.debug('Cant extend data. Replacing data with form data', data, formData);
- data = formData;
- }
- }
- else {
- module.debug('Adding form data', formData);
- data = formData;
- }
- return data;
- }
- },
- send: {
- request: function() {
- module.set.loading();
- module.request = module.create.request();
- if( module.is.mocked() ) {
- module.mockedXHR = module.create.mockedXHR();
- }
- else {
- module.xhr = module.create.xhr();
- }
- settings.onRequest.call(context, module.request, module.xhr);
- }
- },
- event: {
- trigger: function(event) {
- module.query();
- if(event.type == 'submit' || event.type == 'click') {
- event.preventDefault();
- }
- },
- xhr: {
- always: function() {
- // nothing special
- },
- done: function(response, textStatus, xhr) {
- var
- context = this,
- elapsedTime = (new Date().getTime() - requestStartTime),
- timeLeft = (settings.loadingDuration - elapsedTime),
- translatedResponse = ( $.isFunction(settings.onResponse) )
- ? module.is.expectingJSON()
- ? settings.onResponse.call(context, $.extend(true, {}, response))
- : settings.onResponse.call(context, response)
- : false
- ;
- timeLeft = (timeLeft > 0)
- ? timeLeft
- : 0
- ;
- if(translatedResponse) {
- module.debug('Modified API response in onResponse callback', settings.onResponse, translatedResponse, response);
- response = translatedResponse;
- }
- if(timeLeft > 0) {
- module.debug('Response completed early delaying state change by', timeLeft);
- }
- setTimeout(function() {
- if( module.is.validResponse(response) ) {
- module.request.resolveWith(context, [response, xhr]);
- }
- else {
- module.request.rejectWith(context, [xhr, 'invalid']);
- }
- }, timeLeft);
- },
- fail: function(xhr, status, httpMessage) {
- var
- context = this,
- elapsedTime = (new Date().getTime() - requestStartTime),
- timeLeft = (settings.loadingDuration - elapsedTime)
- ;
- timeLeft = (timeLeft > 0)
- ? timeLeft
- : 0
- ;
- if(timeLeft > 0) {
- module.debug('Response completed early delaying state change by', timeLeft);
- }
- setTimeout(function() {
- if( module.is.abortedRequest(xhr) ) {
- module.request.rejectWith(context, [xhr, 'aborted', httpMessage]);
- }
- else {
- module.request.rejectWith(context, [xhr, 'error', status, httpMessage]);
- }
- }, timeLeft);
- }
- },
- request: {
- done: function(response, xhr) {
- module.debug('Successful API Response', response);
- if(settings.cache === 'local' && url) {
- module.write.cachedResponse(url, response);
- module.debug('Saving server response locally', module.cache);
- }
- settings.onSuccess.call(context, response, $module, xhr);
- },
- complete: function(firstParameter, secondParameter) {
- var
- xhr,
- response
- ;
- // have to guess callback parameters based on request success
- if( module.was.succesful() ) {
- response = firstParameter;
- xhr = secondParameter;
- }
- else {
- xhr = firstParameter;
- response = module.get.responseFromXHR(xhr);
- }
- module.remove.loading();
- settings.onComplete.call(context, response, $module, xhr);
- },
- fail: function(xhr, status, httpMessage) {
- var
- // pull response from xhr if available
- response = module.get.responseFromXHR(xhr),
- errorMessage = module.get.errorFromRequest(response, status, httpMessage)
- ;
- if(status == 'aborted') {
- module.debug('XHR Aborted (Most likely caused by page navigation or CORS Policy)', status, httpMessage);
- settings.onAbort.call(context, status, $module, xhr);
- return true;
- }
- else if(status == 'invalid') {
- module.debug('JSON did not pass success test. A server-side error has most likely occurred', response);
- }
- else if(status == 'error') {
- if(xhr !== undefined) {
- module.debug('XHR produced a server error', status, httpMessage);
- // make sure we have an error to display to console
- if( xhr.status != 200 && httpMessage !== undefined && httpMessage !== '') {
- module.error(error.statusMessage + httpMessage, ajaxSettings.url);
- }
- settings.onError.call(context, errorMessage, $module, xhr);
- }
- }
- if(settings.errorDuration && status !== 'aborted') {
- module.debug('Adding error state');
- module.set.error();
- if( module.should.removeError() ) {
- setTimeout(module.remove.error, settings.errorDuration);
- }
- }
- module.debug('API Request failed', errorMessage, xhr);
- settings.onFailure.call(context, response, $module, xhr);
- }
- }
- },
- create: {
- request: function() {
- // api request promise
- return $.Deferred()
- .always(module.event.request.complete)
- .done(module.event.request.done)
- .fail(module.event.request.fail)
- ;
- },
- mockedXHR: function () {
- var
- // xhr does not simulate these properties of xhr but must return them
- textStatus = false,
- status = false,
- httpMessage = false,
- responder = settings.mockResponse || settings.response,
- asyncResponder = settings.mockResponseAsync || settings.responseAsync,
- asyncCallback,
- response,
- mockedXHR
- ;
- mockedXHR = $.Deferred()
- .always(module.event.xhr.complete)
- .done(module.event.xhr.done)
- .fail(module.event.xhr.fail)
- ;
- if(responder) {
- if( $.isFunction(responder) ) {
- module.debug('Using specified synchronous callback', responder);
- response = responder.call(context, requestSettings);
- }
- else {
- module.debug('Using settings specified response', responder);
- response = responder;
- }
- // simulating response
- mockedXHR.resolveWith(context, [ response, textStatus, { responseText: response }]);
- }
- else if( $.isFunction(asyncResponder) ) {
- asyncCallback = function(response) {
- module.debug('Async callback returned response', response);
- if(response) {
- mockedXHR.resolveWith(context, [ response, textStatus, { responseText: response }]);
- }
- else {
- mockedXHR.rejectWith(context, [{ responseText: response }, status, httpMessage]);
- }
- };
- module.debug('Using specified async response callback', asyncResponder);
- asyncResponder.call(context, requestSettings, asyncCallback);
- }
- return mockedXHR;
- },
- xhr: function() {
- var
- xhr
- ;
- // ajax request promise
- xhr = $.ajax(ajaxSettings)
- .always(module.event.xhr.always)
- .done(module.event.xhr.done)
- .fail(module.event.xhr.fail)
- ;
- module.verbose('Created server request', xhr, ajaxSettings);
- return xhr;
- }
- },
- set: {
- error: function() {
- module.verbose('Adding error state to element', $context);
- $context.addClass(className.error);
- },
- loading: function() {
- module.verbose('Adding loading state to element', $context);
- $context.addClass(className.loading);
- requestStartTime = new Date().getTime();
- }
- },
- remove: {
- error: function() {
- module.verbose('Removing error state from element', $context);
- $context.removeClass(className.error);
- },
- loading: function() {
- module.verbose('Removing loading state from element', $context);
- $context.removeClass(className.loading);
- }
- },
- get: {
- responseFromXHR: function(xhr) {
- return $.isPlainObject(xhr)
- ? (module.is.expectingJSON())
- ? module.decode.json(xhr.responseText)
- : xhr.responseText
- : false
- ;
- },
- errorFromRequest: function(response, status, httpMessage) {
- return ($.isPlainObject(response) && response.error !== undefined)
- ? response.error // use json error message
- : (settings.error[status] !== undefined) // use server error message
- ? settings.error[status]
- : httpMessage
- ;
- },
- request: function() {
- return module.request || false;
- },
- xhr: function() {
- return module.xhr || false;
- },
- settings: function() {
- var
- runSettings
- ;
- runSettings = settings.beforeSend.call(context, settings);
- if(runSettings) {
- if(runSettings.success !== undefined) {
- module.debug('Legacy success callback detected', runSettings);
- module.error(error.legacyParameters, runSettings.success);
- runSettings.onSuccess = runSettings.success;
- }
- if(runSettings.failure !== undefined) {
- module.debug('Legacy failure callback detected', runSettings);
- module.error(error.legacyParameters, runSettings.failure);
- runSettings.onFailure = runSettings.failure;
- }
- if(runSettings.complete !== undefined) {
- module.debug('Legacy complete callback detected', runSettings);
- module.error(error.legacyParameters, runSettings.complete);
- runSettings.onComplete = runSettings.complete;
- }
- }
- if(runSettings === undefined) {
- module.error(error.noReturnedValue);
- }
- if(runSettings === false) {
- return runSettings;
- }
- return (runSettings !== undefined)
- ? $.extend(true, {}, runSettings)
- : $.extend(true, {}, settings)
- ;
- },
- urlEncodedValue: function(value) {
- var
- decodedValue = window.decodeURIComponent(value),
- encodedValue = window.encodeURIComponent(value),
- alreadyEncoded = (decodedValue !== value)
- ;
- if(alreadyEncoded) {
- module.debug('URL value is already encoded, avoiding double encoding', value);
- return value;
- }
- module.verbose('Encoding value using encodeURIComponent', value, encodedValue);
- return encodedValue;
- },
- defaultData: function() {
- var
- data = {}
- ;
- if( !$.isWindow(element) ) {
- if( module.is.input() ) {
- data.value = $module.val();
- }
- else if( module.is.form() ) {
- }
- else {
- data.text = $module.text();
- }
- }
- return data;
- },
- event: function() {
- if( $.isWindow(element) || settings.on == 'now' ) {
- module.debug('API called without element, no events attached');
- return false;
- }
- else if(settings.on == 'auto') {
- if( $module.is('input') ) {
- return (element.oninput !== undefined)
- ? 'input'
- : (element.onpropertychange !== undefined)
- ? 'propertychange'
- : 'keyup'
- ;
- }
- else if( $module.is('form') ) {
- return 'submit';
- }
- else {
- return 'click';
- }
- }
- else {
- return settings.on;
- }
- },
- templatedURL: function(action) {
- action = action || $module.data(metadata.action) || settings.action || false;
- url = $module.data(metadata.url) || settings.url || false;
- if(url) {
- module.debug('Using specified url', url);
- return url;
- }
- if(action) {
- module.debug('Looking up url for action', action, settings.api);
- if(settings.api[action] === undefined && !module.is.mocked()) {
- module.error(error.missingAction, settings.action, settings.api);
- return;
- }
- url = settings.api[action];
- }
- else if( module.is.form() ) {
- url = $module.attr('action') || $context.attr('action') || false;
- module.debug('No url or action specified, defaulting to form action', url);
- }
- return url;
- }
- },
- abort: function() {
- var
- xhr = module.get.xhr()
- ;
- if( xhr && xhr.state() !== 'resolved') {
- module.debug('Cancelling API request');
- xhr.abort();
- }
- },
- // reset state
- reset: function() {
- module.remove.error();
- module.remove.loading();
- },
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- if($.isPlainObject(settings[name])) {
- $.extend(true, settings[name], value);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- //'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- module.error(error.method, query);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.api.settings = {
- name : 'API',
- namespace : 'api',
- debug : false,
- verbose : false,
- performance : true,
- // object containing all templates endpoints
- api : {},
- // whether to cache responses
- cache : true,
- // whether new requests should abort previous requests
- interruptRequests : true,
- // event binding
- on : 'auto',
- // context for applying state classes
- stateContext : false,
- // duration for loading state
- loadingDuration : 0,
- // whether to hide errors after a period of time
- hideError : 'auto',
- // duration for error state
- errorDuration : 2000,
- // whether parameters should be encoded with encodeURIComponent
- encodeParameters : true,
- // API action to use
- action : false,
- // templated URL to use
- url : false,
- // base URL to apply to all endpoints
- base : '',
- // data that will
- urlData : {},
- // whether to add default data to url data
- defaultData : true,
- // whether to serialize closest form
- serializeForm : false,
- // how long to wait before request should occur
- throttle : 0,
- // whether to throttle first request or only repeated
- throttleFirstRequest : true,
- // standard ajax settings
- method : 'get',
- data : {},
- dataType : 'json',
- // mock response
- mockResponse : false,
- mockResponseAsync : false,
- // aliases for mock
- response : false,
- responseAsync : false,
- // callbacks before request
- beforeSend : function(settings) { return settings; },
- beforeXHR : function(xhr) {},
- onRequest : function(promise, xhr) {},
- // after request
- onResponse : false, // function(response) { },
- // response was successful, if JSON passed validation
- onSuccess : function(response, $module) {},
- // request finished without aborting
- onComplete : function(response, $module) {},
- // failed JSON success test
- onFailure : function(response, $module) {},
- // server error
- onError : function(errorMessage, $module) {},
- // request aborted
- onAbort : function(errorMessage, $module) {},
- successTest : false,
- // errors
- error : {
- beforeSend : 'The before send function has aborted the request',
- error : 'There was an error with your request',
- exitConditions : 'API Request Aborted. Exit conditions met',
- JSONParse : 'JSON could not be parsed during error handling',
- legacyParameters : 'You are using legacy API success callback names',
- method : 'The method you called is not defined',
- missingAction : 'API action used but no url was defined',
- missingSerialize : 'jquery-serialize-object is required to add form data to an existing data object',
- missingURL : 'No URL specified for api event',
- noReturnedValue : 'The beforeSend callback must return a settings object, beforeSend ignored.',
- noStorage : 'Caching responses locally requires session storage',
- parseError : 'There was an error parsing your request',
- requiredParameter : 'Missing a required URL parameter: ',
- statusMessage : 'Server gave an error: ',
- timeout : 'Your request timed out'
- },
- regExp : {
- required : /\{\$*[A-z0-9]+\}/g,
- optional : /\{\/\$*[A-z0-9]+\}/g,
- },
- className: {
- loading : 'loading',
- error : 'error'
- },
- selector: {
- disabled : '.disabled',
- form : 'form'
- },
- metadata: {
- action : 'action',
- url : 'url'
- }
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - State
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.state = function(parameters) {
- var
- $allModules = $(this),
- moduleSelector = $allModules.selector || '',
- hasTouch = ('ontouchstart' in document.documentElement),
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- returnedValue
- ;
- $allModules
- .each(function() {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.state.settings, parameters)
- : $.extend({}, $.fn.state.settings),
- error = settings.error,
- metadata = settings.metadata,
- className = settings.className,
- namespace = settings.namespace,
- states = settings.states,
- text = settings.text,
- eventNamespace = '.' + namespace,
- moduleNamespace = namespace + '-module',
- $module = $(this),
- element = this,
- instance = $module.data(moduleNamespace),
- module
- ;
- module = {
- initialize: function() {
- module.verbose('Initializing module');
- // allow module to guess desired state based on element
- if(settings.automatic) {
- module.add.defaults();
- }
- // bind events with delegated events
- if(settings.context && moduleSelector !== '') {
- $(settings.context)
- .on(moduleSelector, 'mouseenter' + eventNamespace, module.change.text)
- .on(moduleSelector, 'mouseleave' + eventNamespace, module.reset.text)
- .on(moduleSelector, 'click' + eventNamespace, module.toggle.state)
- ;
- }
- else {
- $module
- .on('mouseenter' + eventNamespace, module.change.text)
- .on('mouseleave' + eventNamespace, module.reset.text)
- .on('click' + eventNamespace, module.toggle.state)
- ;
- }
- module.instantiate();
- },
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
- destroy: function() {
- module.verbose('Destroying previous module', instance);
- $module
- .off(eventNamespace)
- .removeData(moduleNamespace)
- ;
- },
- refresh: function() {
- module.verbose('Refreshing selector cache');
- $module = $(element);
- },
- add: {
- defaults: function() {
- var
- userStates = parameters && $.isPlainObject(parameters.states)
- ? parameters.states
- : {}
- ;
- $.each(settings.defaults, function(type, typeStates) {
- if( module.is[type] !== undefined && module.is[type]() ) {
- module.verbose('Adding default states', type, element);
- $.extend(settings.states, typeStates, userStates);
- }
- });
- }
- },
- is: {
- active: function() {
- return $module.hasClass(className.active);
- },
- loading: function() {
- return $module.hasClass(className.loading);
- },
- inactive: function() {
- return !( $module.hasClass(className.active) );
- },
- state: function(state) {
- if(className[state] === undefined) {
- return false;
- }
- return $module.hasClass( className[state] );
- },
- enabled: function() {
- return !( $module.is(settings.filter.active) );
- },
- disabled: function() {
- return ( $module.is(settings.filter.active) );
- },
- textEnabled: function() {
- return !( $module.is(settings.filter.text) );
- },
- // definitions for automatic type detection
- button: function() {
- return $module.is('.button:not(a, .submit)');
- },
- input: function() {
- return $module.is('input');
- },
- progress: function() {
- return $module.is('.ui.progress');
- }
- },
- allow: function(state) {
- module.debug('Now allowing state', state);
- states[state] = true;
- },
- disallow: function(state) {
- module.debug('No longer allowing', state);
- states[state] = false;
- },
- allows: function(state) {
- return states[state] || false;
- },
- enable: function() {
- $module.removeClass(className.disabled);
- },
- disable: function() {
- $module.addClass(className.disabled);
- },
- setState: function(state) {
- if(module.allows(state)) {
- $module.addClass( className[state] );
- }
- },
- removeState: function(state) {
- if(module.allows(state)) {
- $module.removeClass( className[state] );
- }
- },
- toggle: {
- state: function() {
- var
- apiRequest,
- requestCancelled
- ;
- if( module.allows('active') && module.is.enabled() ) {
- module.refresh();
- if($.fn.api !== undefined) {
- apiRequest = $module.api('get request');
- requestCancelled = $module.api('was cancelled');
- if( requestCancelled ) {
- module.debug('API Request cancelled by beforesend');
- settings.activateTest = function(){ return false; };
- settings.deactivateTest = function(){ return false; };
- }
- else if(apiRequest) {
- module.listenTo(apiRequest);
- return;
- }
- }
- module.change.state();
- }
- }
- },
- listenTo: function(apiRequest) {
- module.debug('API request detected, waiting for state signal', apiRequest);
- if(apiRequest) {
- if(text.loading) {
- module.update.text(text.loading);
- }
- $.when(apiRequest)
- .then(function() {
- if(apiRequest.state() == 'resolved') {
- module.debug('API request succeeded');
- settings.activateTest = function(){ return true; };
- settings.deactivateTest = function(){ return true; };
- }
- else {
- module.debug('API request failed');
- settings.activateTest = function(){ return false; };
- settings.deactivateTest = function(){ return false; };
- }
- module.change.state();
- })
- ;
- }
- },
- // checks whether active/inactive state can be given
- change: {
- state: function() {
- module.debug('Determining state change direction');
- // inactive to active change
- if( module.is.inactive() ) {
- module.activate();
- }
- else {
- module.deactivate();
- }
- if(settings.sync) {
- module.sync();
- }
- settings.onChange.call(element);
- },
- text: function() {
- if( module.is.textEnabled() ) {
- if(module.is.disabled() ) {
- module.verbose('Changing text to disabled text', text.hover);
- module.update.text(text.disabled);
- }
- else if( module.is.active() ) {
- if(text.hover) {
- module.verbose('Changing text to hover text', text.hover);
- module.update.text(text.hover);
- }
- else if(text.deactivate) {
- module.verbose('Changing text to deactivating text', text.deactivate);
- module.update.text(text.deactivate);
- }
- }
- else {
- if(text.hover) {
- module.verbose('Changing text to hover text', text.hover);
- module.update.text(text.hover);
- }
- else if(text.activate){
- module.verbose('Changing text to activating text', text.activate);
- module.update.text(text.activate);
- }
- }
- }
- }
- },
- activate: function() {
- if( settings.activateTest.call(element) ) {
- module.debug('Setting state to active');
- $module
- .addClass(className.active)
- ;
- module.update.text(text.active);
- settings.onActivate.call(element);
- }
- },
- deactivate: function() {
- if( settings.deactivateTest.call(element) ) {
- module.debug('Setting state to inactive');
- $module
- .removeClass(className.active)
- ;
- module.update.text(text.inactive);
- settings.onDeactivate.call(element);
- }
- },
- sync: function() {
- module.verbose('Syncing other buttons to current state');
- if( module.is.active() ) {
- $allModules
- .not($module)
- .state('activate');
- }
- else {
- $allModules
- .not($module)
- .state('deactivate')
- ;
- }
- },
- get: {
- text: function() {
- return (settings.selector.text)
- ? $module.find(settings.selector.text).text()
- : $module.html()
- ;
- },
- textFor: function(state) {
- return text[state] || false;
- }
- },
- flash: {
- text: function(text, duration, callback) {
- var
- previousText = module.get.text()
- ;
- module.debug('Flashing text message', text, duration);
- text = text || settings.text.flash;
- duration = duration || settings.flashDuration;
- callback = callback || function() {};
- module.update.text(text);
- setTimeout(function(){
- module.update.text(previousText);
- callback.call(element);
- }, duration);
- }
- },
- reset: {
- // on mouseout sets text to previous value
- text: function() {
- var
- activeText = text.active || $module.data(metadata.storedText),
- inactiveText = text.inactive || $module.data(metadata.storedText)
- ;
- if( module.is.textEnabled() ) {
- if( module.is.active() && activeText) {
- module.verbose('Resetting active text', activeText);
- module.update.text(activeText);
- }
- else if(inactiveText) {
- module.verbose('Resetting inactive text', activeText);
- module.update.text(inactiveText);
- }
- }
- }
- },
- update: {
- text: function(text) {
- var
- currentText = module.get.text()
- ;
- if(text && text !== currentText) {
- module.debug('Updating text', text);
- if(settings.selector.text) {
- $module
- .data(metadata.storedText, text)
- .find(settings.selector.text)
- .text(text)
- ;
- }
- else {
- $module
- .data(metadata.storedText, text)
- .html(text)
- ;
- }
- }
- else {
- module.debug('Text is already set, ignoring update', text);
- }
- }
- },
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- if($.isPlainObject(settings[name])) {
- $.extend(true, settings[name], value);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- module.error(error.method, query);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.fn.state.settings = {
- // module info
- name : 'State',
- // debug output
- debug : false,
- // verbose debug output
- verbose : false,
- // namespace for events
- namespace : 'state',
- // debug data includes performance
- performance : true,
- // callback occurs on state change
- onActivate : function() {},
- onDeactivate : function() {},
- onChange : function() {},
- // state test functions
- activateTest : function() { return true; },
- deactivateTest : function() { return true; },
- // whether to automatically map default states
- automatic : true,
- // activate / deactivate changes all elements instantiated at same time
- sync : false,
- // default flash text duration, used for temporarily changing text of an element
- flashDuration : 1000,
- // selector filter
- filter : {
- text : '.loading, .disabled',
- active : '.disabled'
- },
- context : false,
- // error
- error: {
- beforeSend : 'The before send function has cancelled state change',
- method : 'The method you called is not defined.'
- },
- // metadata
- metadata: {
- promise : 'promise',
- storedText : 'stored-text'
- },
- // change class on state
- className: {
- active : 'active',
- disabled : 'disabled',
- error : 'error',
- loading : 'loading',
- success : 'success',
- warning : 'warning'
- },
- selector: {
- // selector for text node
- text: false
- },
- defaults : {
- input: {
- disabled : true,
- loading : true,
- active : true
- },
- button: {
- disabled : true,
- loading : true,
- active : true,
- },
- progress: {
- active : true,
- success : true,
- warning : true,
- error : true
- }
- },
- states : {
- active : true,
- disabled : true,
- error : true,
- loading : true,
- success : true,
- warning : true
- },
- text : {
- disabled : false,
- flash : false,
- hover : false,
- active : false,
- inactive : false,
- activate : false,
- deactivate : false
- }
- };
- })( jQuery, window, document );
- /*!
- * # Semantic UI 2.3.0 - Visibility
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
- ;(function ($, window, document, undefined) {
- "use strict";
- window = (typeof window != 'undefined' && window.Math == Math)
- ? window
- : (typeof self != 'undefined' && self.Math == Math)
- ? self
- : Function('return this')()
- ;
- $.fn.visibility = function(parameters) {
- var
- $allModules = $(this),
- moduleSelector = $allModules.selector || '',
- time = new Date().getTime(),
- performance = [],
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- returnedValue,
- moduleCount = $allModules.length,
- loadedCount = 0
- ;
- $allModules
- .each(function() {
- var
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.visibility.settings, parameters)
- : $.extend({}, $.fn.visibility.settings),
- className = settings.className,
- namespace = settings.namespace,
- error = settings.error,
- metadata = settings.metadata,
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- $window = $(window),
- $module = $(this),
- $context = $(settings.context),
- $placeholder,
- selector = $module.selector || '',
- instance = $module.data(moduleNamespace),
- requestAnimationFrame = window.requestAnimationFrame
- || window.mozRequestAnimationFrame
- || window.webkitRequestAnimationFrame
- || window.msRequestAnimationFrame
- || function(callback) { setTimeout(callback, 0); },
- element = this,
- disabled = false,
- contextObserver,
- observer,
- module
- ;
- module = {
- initialize: function() {
- module.debug('Initializing', settings);
- module.setup.cache();
- if( module.should.trackChanges() ) {
- if(settings.type == 'image') {
- module.setup.image();
- }
- if(settings.type == 'fixed') {
- module.setup.fixed();
- }
- if(settings.observeChanges) {
- module.observeChanges();
- }
- module.bind.events();
- }
- module.save.position();
- if( !module.is.visible() ) {
- module.error(error.visible, $module);
- }
- if(settings.initialCheck) {
- module.checkVisibility();
- }
- module.instantiate();
- },
- instantiate: function() {
- module.debug('Storing instance', module);
- $module
- .data(moduleNamespace, module)
- ;
- instance = module;
- },
- destroy: function() {
- module.verbose('Destroying previous module');
- if(observer) {
- observer.disconnect();
- }
- if(contextObserver) {
- contextObserver.disconnect();
- }
- $window
- .off('load' + eventNamespace, module.event.load)
- .off('resize' + eventNamespace, module.event.resize)
- ;
- $context
- .off('scroll' + eventNamespace, module.event.scroll)
- .off('scrollchange' + eventNamespace, module.event.scrollchange)
- ;
- if(settings.type == 'fixed') {
- module.resetFixed();
- module.remove.placeholder();
- }
- $module
- .off(eventNamespace)
- .removeData(moduleNamespace)
- ;
- },
- observeChanges: function() {
- if('MutationObserver' in window) {
- contextObserver = new MutationObserver(module.event.contextChanged);
- observer = new MutationObserver(module.event.changed);
- contextObserver.observe(document, {
- childList : true,
- subtree : true
- });
- observer.observe(element, {
- childList : true,
- subtree : true
- });
- module.debug('Setting up mutation observer', observer);
- }
- },
- bind: {
- events: function() {
- module.verbose('Binding visibility events to scroll and resize');
- if(settings.refreshOnLoad) {
- $window
- .on('load' + eventNamespace, module.event.load)
- ;
- }
- $window
- .on('resize' + eventNamespace, module.event.resize)
- ;
- // pub/sub pattern
- $context
- .off('scroll' + eventNamespace)
- .on('scroll' + eventNamespace, module.event.scroll)
- .on('scrollchange' + eventNamespace, module.event.scrollchange)
- ;
- }
- },
- event: {
- changed: function(mutations) {
- module.verbose('DOM tree modified, updating visibility calculations');
- module.timer = setTimeout(function() {
- module.verbose('DOM tree modified, updating sticky menu');
- module.refresh();
- }, 100);
- },
- contextChanged: function(mutations) {
- [].forEach.call(mutations, function(mutation) {
- if(mutation.removedNodes) {
- [].forEach.call(mutation.removedNodes, function(node) {
- if(node == element || $(node).find(element).length > 0) {
- module.debug('Element removed from DOM, tearing down events');
- module.destroy();
- }
- });
- }
- });
- },
- resize: function() {
- module.debug('Window resized');
- if(settings.refreshOnResize) {
- requestAnimationFrame(module.refresh);
- }
- },
- load: function() {
- module.debug('Page finished loading');
- requestAnimationFrame(module.refresh);
- },
- // publishes scrollchange event on one scroll
- scroll: function() {
- if(settings.throttle) {
- clearTimeout(module.timer);
- module.timer = setTimeout(function() {
- $context.triggerHandler('scrollchange' + eventNamespace, [ $context.scrollTop() ]);
- }, settings.throttle);
- }
- else {
- requestAnimationFrame(function() {
- $context.triggerHandler('scrollchange' + eventNamespace, [ $context.scrollTop() ]);
- });
- }
- },
- // subscribes to scrollchange
- scrollchange: function(event, scrollPosition) {
- module.checkVisibility(scrollPosition);
- },
- },
- precache: function(images, callback) {
- if (!(images instanceof Array)) {
- images = [images];
- }
- var
- imagesLength = images.length,
- loadedCounter = 0,
- cache = [],
- cacheImage = document.createElement('img'),
- handleLoad = function() {
- loadedCounter++;
- if (loadedCounter >= images.length) {
- if ($.isFunction(callback)) {
- callback();
- }
- }
- }
- ;
- while (imagesLength--) {
- cacheImage = document.createElement('img');
- cacheImage.onload = handleLoad;
- cacheImage.onerror = handleLoad;
- cacheImage.src = images[imagesLength];
- cache.push(cacheImage);
- }
- },
- enableCallbacks: function() {
- module.debug('Allowing callbacks to occur');
- disabled = false;
- },
- disableCallbacks: function() {
- module.debug('Disabling all callbacks temporarily');
- disabled = true;
- },
- should: {
- trackChanges: function() {
- if(methodInvoked) {
- module.debug('One time query, no need to bind events');
- return false;
- }
- module.debug('Callbacks being attached');
- return true;
- }
- },
- setup: {
- cache: function() {
- module.cache = {
- occurred : {},
- screen : {},
- element : {},
- };
- },
- image: function() {
- var
- src = $module.data(metadata.src)
- ;
- if(src) {
- module.verbose('Lazy loading image', src);
- settings.once = true;
- settings.observeChanges = false;
- // show when top visible
- settings.onOnScreen = function() {
- module.debug('Image on screen', element);
- module.precache(src, function() {
- module.set.image(src, function() {
- loadedCount++;
- if(loadedCount == moduleCount) {
- settings.onAllLoaded.call(this);
- }
- settings.onLoad.call(this);
- });
- });
- };
- }
- },
- fixed: function() {
- module.debug('Setting up fixed');
- settings.once = false;
- settings.observeChanges = false;
- settings.initialCheck = true;
- settings.refreshOnLoad = true;
- if(!parameters.transition) {
- settings.transition = false;
- }
- module.create.placeholder();
- module.debug('Added placeholder', $placeholder);
- settings.onTopPassed = function() {
- module.debug('Element passed, adding fixed position', $module);
- module.show.placeholder();
- module.set.fixed();
- if(settings.transition) {
- if($.fn.transition !== undefined) {
- $module.transition(settings.transition, settings.duration);
- }
- }
- };
- settings.onTopPassedReverse = function() {
- module.debug('Element returned to position, removing fixed', $module);
- module.hide.placeholder();
- module.remove.fixed();
- };
- }
- },
- create: {
- placeholder: function() {
- module.verbose('Creating fixed position placeholder');
- $placeholder = $module
- .clone(false)
- .css('display', 'none')
- .addClass(className.placeholder)
- .insertAfter($module)
- ;
- }
- },
- show: {
- placeholder: function() {
- module.verbose('Showing placeholder');
- $placeholder
- .css('display', 'block')
- .css('visibility', 'hidden')
- ;
- }
- },
- hide: {
- placeholder: function() {
- module.verbose('Hiding placeholder');
- $placeholder
- .css('display', 'none')
- .css('visibility', '')
- ;
- }
- },
- set: {
- fixed: function() {
- module.verbose('Setting element to fixed position');
- $module
- .addClass(className.fixed)
- .css({
- position : 'fixed',
- top : settings.offset + 'px',
- left : 'auto',
- zIndex : settings.zIndex
- })
- ;
- settings.onFixed.call(element);
- },
- image: function(src, callback) {
- $module
- .attr('src', src)
- ;
- if(settings.transition) {
- if( $.fn.transition !== undefined) {
- if($module.hasClass(className.visible)) {
- module.debug('Transition already occurred on this image, skipping animation');
- return;
- }
- $module.transition(settings.transition, settings.duration, callback);
- }
- else {
- $module.fadeIn(settings.duration, callback);
- }
- }
- else {
- $module.show();
- }
- }
- },
- is: {
- onScreen: function() {
- var
- calculations = module.get.elementCalculations()
- ;
- return calculations.onScreen;
- },
- offScreen: function() {
- var
- calculations = module.get.elementCalculations()
- ;
- return calculations.offScreen;
- },
- visible: function() {
- if(module.cache && module.cache.element) {
- return !(module.cache.element.width === 0 && module.cache.element.offset.top === 0);
- }
- return false;
- },
- verticallyScrollableContext: function() {
- var
- overflowY = ($context.get(0) !== window)
- ? $context.css('overflow-y')
- : false
- ;
- return (overflowY == 'auto' || overflowY == 'scroll');
- },
- horizontallyScrollableContext: function() {
- var
- overflowX = ($context.get(0) !== window)
- ? $context.css('overflow-x')
- : false
- ;
- return (overflowX == 'auto' || overflowX == 'scroll');
- }
- },
- refresh: function() {
- module.debug('Refreshing constants (width/height)');
- if(settings.type == 'fixed') {
- module.resetFixed();
- }
- module.reset();
- module.save.position();
- if(settings.checkOnRefresh) {
- module.checkVisibility();
- }
- settings.onRefresh.call(element);
- },
- resetFixed: function () {
- module.remove.fixed();
- module.remove.occurred();
- },
- reset: function() {
- module.verbose('Resetting all cached values');
- if( $.isPlainObject(module.cache) ) {
- module.cache.screen = {};
- module.cache.element = {};
- }
- },
- checkVisibility: function(scroll) {
- module.verbose('Checking visibility of element', module.cache.element);
- if( !disabled && module.is.visible() ) {
- // save scroll position
- module.save.scroll(scroll);
- // update calculations derived from scroll
- module.save.calculations();
- // percentage
- module.passed();
- // reverse (must be first)
- module.passingReverse();
- module.topVisibleReverse();
- module.bottomVisibleReverse();
- module.topPassedReverse();
- module.bottomPassedReverse();
- // one time
- module.onScreen();
- module.offScreen();
- module.passing();
- module.topVisible();
- module.bottomVisible();
- module.topPassed();
- module.bottomPassed();
- // on update callback
- if(settings.onUpdate) {
- settings.onUpdate.call(element, module.get.elementCalculations());
- }
- }
- },
- passed: function(amount, newCallback) {
- var
- calculations = module.get.elementCalculations(),
- amountInPixels
- ;
- // assign callback
- if(amount && newCallback) {
- settings.onPassed[amount] = newCallback;
- }
- else if(amount !== undefined) {
- return (module.get.pixelsPassed(amount) > calculations.pixelsPassed);
- }
- else if(calculations.passing) {
- $.each(settings.onPassed, function(amount, callback) {
- if(calculations.bottomVisible || calculations.pixelsPassed > module.get.pixelsPassed(amount)) {
- module.execute(callback, amount);
- }
- else if(!settings.once) {
- module.remove.occurred(callback);
- }
- });
- }
- },
- onScreen: function(newCallback) {
- var
- calculations = module.get.elementCalculations(),
- callback = newCallback || settings.onOnScreen,
- callbackName = 'onScreen'
- ;
- if(newCallback) {
- module.debug('Adding callback for onScreen', newCallback);
- settings.onOnScreen = newCallback;
- }
- if(calculations.onScreen) {
- module.execute(callback, callbackName);
- }
- else if(!settings.once) {
- module.remove.occurred(callbackName);
- }
- if(newCallback !== undefined) {
- return calculations.onOnScreen;
- }
- },
- offScreen: function(newCallback) {
- var
- calculations = module.get.elementCalculations(),
- callback = newCallback || settings.onOffScreen,
- callbackName = 'offScreen'
- ;
- if(newCallback) {
- module.debug('Adding callback for offScreen', newCallback);
- settings.onOffScreen = newCallback;
- }
- if(calculations.offScreen) {
- module.execute(callback, callbackName);
- }
- else if(!settings.once) {
- module.remove.occurred(callbackName);
- }
- if(newCallback !== undefined) {
- return calculations.onOffScreen;
- }
- },
- passing: function(newCallback) {
- var
- calculations = module.get.elementCalculations(),
- callback = newCallback || settings.onPassing,
- callbackName = 'passing'
- ;
- if(newCallback) {
- module.debug('Adding callback for passing', newCallback);
- settings.onPassing = newCallback;
- }
- if(calculations.passing) {
- module.execute(callback, callbackName);
- }
- else if(!settings.once) {
- module.remove.occurred(callbackName);
- }
- if(newCallback !== undefined) {
- return calculations.passing;
- }
- },
- topVisible: function(newCallback) {
- var
- calculations = module.get.elementCalculations(),
- callback = newCallback || settings.onTopVisible,
- callbackName = 'topVisible'
- ;
- if(newCallback) {
- module.debug('Adding callback for top visible', newCallback);
- settings.onTopVisible = newCallback;
- }
- if(calculations.topVisible) {
- module.execute(callback, callbackName);
- }
- else if(!settings.once) {
- module.remove.occurred(callbackName);
- }
- if(newCallback === undefined) {
- return calculations.topVisible;
- }
- },
- bottomVisible: function(newCallback) {
- var
- calculations = module.get.elementCalculations(),
- callback = newCallback || settings.onBottomVisible,
- callbackName = 'bottomVisible'
- ;
- if(newCallback) {
- module.debug('Adding callback for bottom visible', newCallback);
- settings.onBottomVisible = newCallback;
- }
- if(calculations.bottomVisible) {
- module.execute(callback, callbackName);
- }
- else if(!settings.once) {
- module.remove.occurred(callbackName);
- }
- if(newCallback === undefined) {
- return calculations.bottomVisible;
- }
- },
- topPassed: function(newCallback) {
- var
- calculations = module.get.elementCalculations(),
- callback = newCallback || settings.onTopPassed,
- callbackName = 'topPassed'
- ;
- if(newCallback) {
- module.debug('Adding callback for top passed', newCallback);
- settings.onTopPassed = newCallback;
- }
- if(calculations.topPassed) {
- module.execute(callback, callbackName);
- }
- else if(!settings.once) {
- module.remove.occurred(callbackName);
- }
- if(newCallback === undefined) {
- return calculations.topPassed;
- }
- },
- bottomPassed: function(newCallback) {
- var
- calculations = module.get.elementCalculations(),
- callback = newCallback || settings.onBottomPassed,
- callbackName = 'bottomPassed'
- ;
- if(newCallback) {
- module.debug('Adding callback for bottom passed', newCallback);
- settings.onBottomPassed = newCallback;
- }
- if(calculations.bottomPassed) {
- module.execute(callback, callbackName);
- }
- else if(!settings.once) {
- module.remove.occurred(callbackName);
- }
- if(newCallback === undefined) {
- return calculations.bottomPassed;
- }
- },
- passingReverse: function(newCallback) {
- var
- calculations = module.get.elementCalculations(),
- callback = newCallback || settings.onPassingReverse,
- callbackName = 'passingReverse'
- ;
- if(newCallback) {
- module.debug('Adding callback for passing reverse', newCallback);
- settings.onPassingReverse = newCallback;
- }
- if(!calculations.passing) {
- if(module.get.occurred('passing')) {
- module.execute(callback, callbackName);
- }
- }
- else if(!settings.once) {
- module.remove.occurred(callbackName);
- }
- if(newCallback !== undefined) {
- return !calculations.passing;
- }
- },
- topVisibleReverse: function(newCallback) {
- var
- calculations = module.get.elementCalculations(),
- callback = newCallback || settings.onTopVisibleReverse,
- callbackName = 'topVisibleReverse'
- ;
- if(newCallback) {
- module.debug('Adding callback for top visible reverse', newCallback);
- settings.onTopVisibleReverse = newCallback;
- }
- if(!calculations.topVisible) {
- if(module.get.occurred('topVisible')) {
- module.execute(callback, callbackName);
- }
- }
- else if(!settings.once) {
- module.remove.occurred(callbackName);
- }
- if(newCallback === undefined) {
- return !calculations.topVisible;
- }
- },
- bottomVisibleReverse: function(newCallback) {
- var
- calculations = module.get.elementCalculations(),
- callback = newCallback || settings.onBottomVisibleReverse,
- callbackName = 'bottomVisibleReverse'
- ;
- if(newCallback) {
- module.debug('Adding callback for bottom visible reverse', newCallback);
- settings.onBottomVisibleReverse = newCallback;
- }
- if(!calculations.bottomVisible) {
- if(module.get.occurred('bottomVisible')) {
- module.execute(callback, callbackName);
- }
- }
- else if(!settings.once) {
- module.remove.occurred(callbackName);
- }
- if(newCallback === undefined) {
- return !calculations.bottomVisible;
- }
- },
- topPassedReverse: function(newCallback) {
- var
- calculations = module.get.elementCalculations(),
- callback = newCallback || settings.onTopPassedReverse,
- callbackName = 'topPassedReverse'
- ;
- if(newCallback) {
- module.debug('Adding callback for top passed reverse', newCallback);
- settings.onTopPassedReverse = newCallback;
- }
- if(!calculations.topPassed) {
- if(module.get.occurred('topPassed')) {
- module.execute(callback, callbackName);
- }
- }
- else if(!settings.once) {
- module.remove.occurred(callbackName);
- }
- if(newCallback === undefined) {
- return !calculations.onTopPassed;
- }
- },
- bottomPassedReverse: function(newCallback) {
- var
- calculations = module.get.elementCalculations(),
- callback = newCallback || settings.onBottomPassedReverse,
- callbackName = 'bottomPassedReverse'
- ;
- if(newCallback) {
- module.debug('Adding callback for bottom passed reverse', newCallback);
- settings.onBottomPassedReverse = newCallback;
- }
- if(!calculations.bottomPassed) {
- if(module.get.occurred('bottomPassed')) {
- module.execute(callback, callbackName);
- }
- }
- else if(!settings.once) {
- module.remove.occurred(callbackName);
- }
- if(newCallback === undefined) {
- return !calculations.bottomPassed;
- }
- },
- execute: function(callback, callbackName) {
- var
- calculations = module.get.elementCalculations(),
- screen = module.get.screenCalculations()
- ;
- callback = callback || false;
- if(callback) {
- if(settings.continuous) {
- module.debug('Callback being called continuously', callbackName, calculations);
- callback.call(element, calculations, screen);
- }
- else if(!module.get.occurred(callbackName)) {
- module.debug('Conditions met', callbackName, calculations);
- callback.call(element, calculations, screen);
- }
- }
- module.save.occurred(callbackName);
- },
- remove: {
- fixed: function() {
- module.debug('Removing fixed position');
- $module
- .removeClass(className.fixed)
- .css({
- position : '',
- top : '',
- left : '',
- zIndex : ''
- })
- ;
- settings.onUnfixed.call(element);
- },
- placeholder: function() {
- module.debug('Removing placeholder content');
- if($placeholder) {
- $placeholder.remove();
- }
- },
- occurred: function(callback) {
- if(callback) {
- var
- occurred = module.cache.occurred
- ;
- if(occurred[callback] !== undefined && occurred[callback] === true) {
- module.debug('Callback can now be called again', callback);
- module.cache.occurred[callback] = false;
- }
- }
- else {
- module.cache.occurred = {};
- }
- }
- },
- save: {
- calculations: function() {
- module.verbose('Saving all calculations necessary to determine positioning');
- module.save.direction();
- module.save.screenCalculations();
- module.save.elementCalculations();
- },
- occurred: function(callback) {
- if(callback) {
- if(module.cache.occurred[callback] === undefined || (module.cache.occurred[callback] !== true)) {
- module.verbose('Saving callback occurred', callback);
- module.cache.occurred[callback] = true;
- }
- }
- },
- scroll: function(scrollPosition) {
- scrollPosition = scrollPosition + settings.offset || $context.scrollTop() + settings.offset;
- module.cache.scroll = scrollPosition;
- },
- direction: function() {
- var
- scroll = module.get.scroll(),
- lastScroll = module.get.lastScroll(),
- direction
- ;
- if(scroll > lastScroll && lastScroll) {
- direction = 'down';
- }
- else if(scroll < lastScroll && lastScroll) {
- direction = 'up';
- }
- else {
- direction = 'static';
- }
- module.cache.direction = direction;
- return module.cache.direction;
- },
- elementPosition: function() {
- var
- element = module.cache.element,
- screen = module.get.screenSize()
- ;
- module.verbose('Saving element position');
- // (quicker than $.extend)
- element.fits = (element.height < screen.height);
- element.offset = $module.offset();
- element.width = $module.outerWidth();
- element.height = $module.outerHeight();
- // compensate for scroll in context
- if(module.is.verticallyScrollableContext()) {
- element.offset.top += $context.scrollTop() - $context.offset().top;
- }
- if(module.is.horizontallyScrollableContext()) {
- element.offset.left += $context.scrollLeft - $context.offset().left;
- }
- // store
- module.cache.element = element;
- return element;
- },
- elementCalculations: function() {
- var
- screen = module.get.screenCalculations(),
- element = module.get.elementPosition()
- ;
- // offset
- if(settings.includeMargin) {
- element.margin = {};
- element.margin.top = parseInt($module.css('margin-top'), 10);
- element.margin.bottom = parseInt($module.css('margin-bottom'), 10);
- element.top = element.offset.top - element.margin.top;
- element.bottom = element.offset.top + element.height + element.margin.bottom;
- }
- else {
- element.top = element.offset.top;
- element.bottom = element.offset.top + element.height;
- }
- // visibility
- element.topPassed = (screen.top >= element.top);
- element.bottomPassed = (screen.top >= element.bottom);
- element.topVisible = (screen.bottom >= element.top) && !element.topPassed;
- element.bottomVisible = (screen.bottom >= element.bottom) && !element.bottomPassed;
- element.pixelsPassed = 0;
- element.percentagePassed = 0;
- // meta calculations
- element.onScreen = (element.topVisible && !element.bottomPassed);
- element.passing = (element.topPassed && !element.bottomPassed);
- element.offScreen = (!element.onScreen);
- // passing calculations
- if(element.passing) {
- element.pixelsPassed = (screen.top - element.top);
- element.percentagePassed = (screen.top - element.top) / element.height;
- }
- module.cache.element = element;
- module.verbose('Updated element calculations', element);
- return element;
- },
- screenCalculations: function() {
- var
- scroll = module.get.scroll()
- ;
- module.save.direction();
- module.cache.screen.top = scroll;
- module.cache.screen.bottom = scroll + module.cache.screen.height;
- return module.cache.screen;
- },
- screenSize: function() {
- module.verbose('Saving window position');
- module.cache.screen = {
- height: $context.height()
- };
- },
- position: function() {
- module.save.screenSize();
- module.save.elementPosition();
- }
- },
- get: {
- pixelsPassed: function(amount) {
- var
- element = module.get.elementCalculations()
- ;
- if(amount.search('%') > -1) {
- return ( element.height * (parseInt(amount, 10) / 100) );
- }
- return parseInt(amount, 10);
- },
- occurred: function(callback) {
- return (module.cache.occurred !== undefined)
- ? module.cache.occurred[callback] || false
- : false
- ;
- },
- direction: function() {
- if(module.cache.direction === undefined) {
- module.save.direction();
- }
- return module.cache.direction;
- },
- elementPosition: function() {
- if(module.cache.element === undefined) {
- module.save.elementPosition();
- }
- return module.cache.element;
- },
- elementCalculations: function() {
- if(module.cache.element === undefined) {
- module.save.elementCalculations();
- }
- return module.cache.element;
- },
- screenCalculations: function() {
- if(module.cache.screen === undefined) {
- module.save.screenCalculations();
- }
- return module.cache.screen;
- },
- screenSize: function() {
- if(module.cache.screen === undefined) {
- module.save.screenSize();
- }
- return module.cache.screen;
- },
- scroll: function() {
- if(module.cache.scroll === undefined) {
- module.save.scroll();
- }
- return module.cache.scroll;
- },
- lastScroll: function() {
- if(module.cache.screen === undefined) {
- module.debug('First scroll event, no last scroll could be found');
- return false;
- }
- return module.cache.screen.top;
- }
- },
- setting: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else if(value !== undefined) {
- settings[name] = value;
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else if(value !== undefined) {
- module[name] = value;
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(!settings.silent && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(!settings.silent && settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- if(!settings.silent) {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- }
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Element' : element,
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 500);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- object = instance,
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && object !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
- object = object[camelCaseValue];
- }
- else if( object[camelCaseValue] !== undefined ) {
- found = object[camelCaseValue];
- return false;
- }
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
- object = object[value];
- }
- else if( object[value] !== undefined ) {
- found = object[value];
- return false;
- }
- else {
- module.error(error.method, query);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(returnedValue)) {
- returnedValue.push(response);
- }
- else if(returnedValue !== undefined) {
- returnedValue = [returnedValue, response];
- }
- else if(response !== undefined) {
- returnedValue = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- instance.save.scroll();
- instance.save.calculations();
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- instance.invoke('destroy');
- }
- module.initialize();
- }
- })
- ;
- return (returnedValue !== undefined)
- ? returnedValue
- : this
- ;
- };
- $.fn.visibility.settings = {
- name : 'Visibility',
- namespace : 'visibility',
- debug : false,
- verbose : false,
- performance : true,
- // whether to use mutation observers to follow changes
- observeChanges : true,
- // check position immediately on init
- initialCheck : true,
- // whether to refresh calculations after all page images load
- refreshOnLoad : true,
- // whether to refresh calculations after page resize event
- refreshOnResize : true,
- // should call callbacks on refresh event (resize, etc)
- checkOnRefresh : true,
- // callback should only occur one time
- once : true,
- // callback should fire continuously whe evaluates to true
- continuous : false,
- // offset to use with scroll top
- offset : 0,
- // whether to include margin in elements position
- includeMargin : false,
- // scroll context for visibility checks
- context : window,
- // visibility check delay in ms (defaults to animationFrame)
- throttle : false,
- // special visibility type (image, fixed)
- type : false,
- // z-index to use with visibility 'fixed'
- zIndex : '10',
- // image only animation settings
- transition : 'fade in',
- duration : 1000,
- // array of callbacks for percentage
- onPassed : {},
- // standard callbacks
- onOnScreen : false,
- onOffScreen : false,
- onPassing : false,
- onTopVisible : false,
- onBottomVisible : false,
- onTopPassed : false,
- onBottomPassed : false,
- // reverse callbacks
- onPassingReverse : false,
- onTopVisibleReverse : false,
- onBottomVisibleReverse : false,
- onTopPassedReverse : false,
- onBottomPassedReverse : false,
- // special callbacks for image
- onLoad : function() {},
- onAllLoaded : function() {},
- // special callbacks for fixed position
- onFixed : function() {},
- onUnfixed : function() {},
- // utility callbacks
- onUpdate : false, // disabled by default for performance
- onRefresh : function(){},
- metadata : {
- src: 'src'
- },
- className: {
- fixed : 'fixed',
- placeholder : 'placeholder',
- visible : 'visible'
- },
- error : {
- method : 'The method you called is not defined.',
- visible : 'Element is hidden, you must call refresh after element becomes visible'
- }
- };
- })( jQuery, window, document );
|