Last active
August 29, 2015 13:56
-
-
Save StevenLangbroek/8918273 to your computer and use it in GitHub Desktop.
Live filtering with Marionette in 39 lines of JS.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var M = Backbone.Marionette; | |
var App = new M.Application(); | |
var ListItem = M.ItemView.extend({ | |
tagName: 'li', | |
template: _.template('<h4 class="question"><%= question %></h4><p style="display: none;"><%= answer %></p>') | |
}); | |
var List = M.CollectionView.extend({ | |
initialize: function(){ | |
this.originalCollection = _.clone(this.collection); | |
var self = this; | |
this.listenTo(App.vent, 'search', function(query){ | |
var filteredCollection = self.originalCollection.filter(function(model){ | |
return model.get('question').indexOf(query) != -1; | |
}); | |
self.collection.reset(filteredCollection); | |
}); | |
}, | |
itemView: ListItem, | |
tagName: 'ul', | |
className: 'questions' | |
}); | |
App.on('start', function(){ | |
App.addRegions({ | |
filterRegion: '#filter_region' | |
}); | |
var listView = new List({collection: (new Backbone.Collection([{"id": 0,"question": "aliquip duis sunt dolor enim laboris cillum deserunt ex sunt","answer": "Sint pariatur sunt esse ullamco Lorem culpa. Enim ea commodo laboris ipsum qui amet aliqua cupidatat irure eu anim ad excepteur ipsum. Ea ad sunt amet ea deserunt sunt aute eu magna minim.\r\n"},{"id": 1,"question": "fugiat consequat labore id est irure ex non dolor cupidatat","answer": "Laborum aliqua fugiat eu id elit proident pariatur mollit. Eiusmod consectetur officia ullamco elit deserunt irure ea commodo aliquip enim aliqua commodo aute cillum. Labore consequat deserunt in in occaecat in pariatur voluptate proident dolore nostrud. Id velit Lorem veniam id. Aliqua Lorem ea nostrud esse cupidatat voluptate amet sunt duis fugiat veniam minim. Esse dolor magna ex aliqua nostrud magna voluptate ut. Aute reprehenderit sunt non minim aliquip mollit consequat sunt fugiat ex ex.\r\n"},{"id": 2,"question": "est nostrud ullamco elit esse tempor irure ex amet laborum","answer": "Eiusmod eiusmod ut do magna nostrud sit non nisi fugiat excepteur duis. Duis officia minim quis in nulla qui enim. Id nulla tempor proident veniam Lorem consequat elit et consectetur quis velit minim. Consequat velit id ea nostrud enim. Deserunt occaecat veniam duis laborum amet. Velit aliqua ex ex nisi eiusmod. In tempor eu aliqua reprehenderit minim id incididunt est consequat Lorem mollit.\r\n"},{"id": 3,"question": "dolor consectetur tempor ullamco Lorem irure reprehenderit tempor reprehenderit anim","answer": "Ad irure aliquip amet enim occaecat minim sit nisi fugiat culpa sunt. Ex sit incididunt pariatur ut tempor anim. Adipisicing ut ipsum ipsum tempor. Veniam proident amet laborum officia occaecat elit sit ipsum in ex. Irure cillum deserunt consequat esse.\r\n"},{"id": 4,"question": "cupidatat excepteur non aute cillum veniam consectetur mollit duis exercitation","answer": "Et reprehenderit sint irure do. Id deserunt reprehenderit labore sint in nostrud reprehenderit qui velit non dolore. Sit quis qui ut ea est sunt nisi nisi velit culpa laboris velit consectetur laboris.\r\n"},{"id": 5,"question": "do do pariatur consectetur et minim esse cillum irure aliquip","answer": "Lorem et ad eiusmod voluptate minim quis eu anim tempor deserunt. Incididunt commodo occaecat adipisicing enim nostrud minim labore pariatur nostrud adipisicing sunt id fugiat. Velit cillum sint laborum voluptate ut amet cupidatat aliquip. Cillum ipsum occaecat do veniam laboris laboris aute ad.\r\n"},{"id": 6,"question": "ea consequat Lorem eu qui ea in sunt irure nulla","answer": "Dolore nostrud ipsum occaecat non ullamco pariatur occaecat irure voluptate consectetur et aute nisi officia. Adipisicing aliquip do sint Lorem quis sint aute commodo. Velit elit ullamco veniam aliquip ullamco amet proident incididunt nostrud dolore voluptate elit nostrud. Dolore nulla officia officia cupidatat ipsum Lorem nulla pariatur consequat dolore sit quis nisi mollit.\r\n"},{"id": 7,"question": "commodo cupidatat Lorem eiusmod ut quis mollit qui ad eiusmod","answer": "Enim ipsum labore ullamco est culpa nisi eu magna enim nostrud tempor. Dolor elit laboris ut laboris. Eu proident in ea reprehenderit aliquip est ullamco consectetur exercitation reprehenderit ipsum. Anim officia do labore sunt esse. Eiusmod in culpa dolore aliquip dolor fugiat fugiat eiusmod consequat.\r\n"},{"id": 8,"question": "ea aute cupidatat cupidatat dolore velit commodo labore excepteur incididunt","answer": "Mollit veniam ullamco ea minim. Veniam proident commodo tempor enim culpa sunt pariatur ex minim. Velit consectetur mollit dolor eiusmod. Consequat minim exercitation anim ipsum anim. Sit adipisicing ex duis cillum mollit ex occaecat aute ullamco deserunt ea cillum aliqua ea. Commodo consectetur in aute et amet occaecat officia.\r\n"},{"id": 9,"question": "Lorem amet duis Lorem tempor minim pariatur eiusmod exercitation aliquip","answer": "Aute sunt ipsum labore magna. Aliqua laborum dolor irure nulla enim cillum magna adipisicing ad fugiat sint occaecat dolore occaecat. Culpa non cillum ex cillum. Exercitation consectetur sint labore esse est magna eiusmod anim id fugiat. Fugiat adipisicing culpa minim reprehenderit excepteur non nulla est laborum dolor et esse ea qui. Ad ex excepteur nisi anim tempor commodo occaecat in aliqua qui proident.\r\n"},{"id": 10,"question": "nostrud nulla id deserunt culpa deserunt et cillum amet dolor","answer": "Aute consectetur ea reprehenderit laborum. Laboris do ea duis adipisicing adipisicing ullamco nostrud incididunt magna in aliqua occaecat. Nostrud excepteur esse qui mollit nulla Lorem excepteur do deserunt consequat culpa nulla fugiat exercitation. Deserunt ad commodo esse ex ipsum commodo consectetur. Laborum do qui sunt nulla esse eiusmod enim aliquip magna dolore incididunt sunt. Qui minim id proident labore dolore. Consequat ea anim id et labore velit excepteur minim cupidatat deserunt deserunt dolor aliqua elit.\r\n"},{"id": 11,"question": "commodo nulla exercitation Lorem reprehenderit sunt deserunt et nulla dolor","answer": "Ullamco fugiat mollit cupidatat officia in sunt culpa excepteur veniam sunt sunt mollit. Ad eiusmod adipisicing esse proident sunt magna pariatur laboris ex ullamco esse irure. Pariatur culpa id labore reprehenderit anim proident eu est enim eu nostrud nostrud tempor.\r\n"},{"id": 12,"question": "qui labore veniam sint et nisi Lorem laborum ex et","answer": "Quis consequat do laborum amet voluptate enim dolor fugiat nostrud cillum qui. Magna amet mollit irure eu amet sint elit elit. Et veniam aliqua nostrud incididunt labore aliqua exercitation eiusmod esse sint nulla enim eiusmod amet. Laborum excepteur minim in consectetur eu incididunt duis minim non deserunt et. Est fugiat Lorem cupidatat ut consectetur voluptate labore non irure mollit dolor cupidatat commodo.\r\n"},{"id": 13,"question": "enim proident labore quis cillum minim qui nisi mollit laborum","answer": "Duis anim anim ea sunt ullamco ullamco dolor sint mollit ullamco quis occaecat occaecat consequat. Cupidatat et labore cillum laborum. Cillum aute enim nisi fugiat duis irure eiusmod ipsum Lorem deserunt veniam Lorem.\r\n"},{"id": 14,"question": "culpa ex aliquip esse officia exercitation ut irure do non","answer": "Mollit fugiat ad et in ad laborum consectetur anim. Nostrud esse aliqua do aute aliquip cillum. Tempor ullamco laborum fugiat voluptate deserunt ullamco minim non magna sint Lorem. Mollit nisi duis exercitation fugiat non dolor est ex. In sint id magna eiusmod proident cillum laborum.\r\n"},{"id": 15,"question": "elit veniam nisi laborum sint exercitation ea et nisi dolore","answer": "Excepteur minim irure et mollit excepteur fugiat pariatur. Cillum veniam ex quis elit esse sit ut magna nulla proident. Ex elit fugiat incididunt minim elit non dolor minim et consectetur aliqua. Do ea ut consectetur sunt irure sit labore Lorem ea deserunt irure laboris sunt. Enim proident nulla ullamco exercitation cillum et aliquip incididunt consectetur amet anim. Ad laboris id cillum minim non sit anim cillum consequat anim. Deserunt sunt non eiusmod qui irure aute aliqua quis fugiat exercitation irure minim.\r\n"},{"id": 16,"question": "et incididunt consequat nulla adipisicing aliqua elit est dolor fugiat","answer": "Sunt nulla do sunt sunt. Incididunt mollit cillum proident ullamco aliquip enim sit sunt in amet. Nulla irure reprehenderit nulla tempor ea. Ipsum ut est consequat enim voluptate ipsum aliquip ut id commodo aliquip quis. Esse dolor voluptate ex do quis culpa Lorem laboris ex non consectetur excepteur. Laboris dolor sunt commodo consectetur velit magna amet et laboris. Exercitation ullamco proident cupidatat amet anim ut ut sint ullamco excepteur.\r\n"},{"id": 17,"question": "nulla occaecat officia non dolor tempor cillum eu ullamco id","answer": "Laboris nulla aliquip aliquip do est dolor cillum exercitation laborum id. Enim voluptate nostrud sunt in nostrud eiusmod magna sint ea. Qui est cillum nisi et non quis officia adipisicing elit culpa laborum aliqua.\r\n"},{"id": 18,"question": "voluptate Lorem quis dolore ex nisi qui eu culpa nulla","answer": "Quis quis eiusmod anim aute eiusmod irure ipsum. Exercitation adipisicing magna ut consequat anim. Cupidatat ipsum velit officia mollit et elit pariatur et eu aliquip sunt non. Aliquip quis cupidatat nostrud labore nulla proident pariatur incididunt anim veniam. Tempor anim laboris culpa consequat. Nulla officia velit eiusmod exercitation labore Lorem ex cillum.\r\n"},{"id": 19,"question": "deserunt in proident nisi reprehenderit cupidatat cupidatat sint qui sit","answer": "Aliqua minim tempor reprehenderit ad dolore pariatur commodo id aliquip ullamco. Proident cillum adipisicing anim eiusmod minim elit. Velit eu labore eu sint et ipsum culpa eiusmod.\r\n"},{"id": 20,"question": "cupidatat in voluptate ullamco duis qui deserunt consequat eu aliqua","answer": "Veniam quis dolore sunt nulla veniam ut ea ad dolor cillum anim sit qui. Id ut nisi laboris ad veniam quis magna do laboris. Laboris aliquip irure duis et aliquip proident nostrud nostrud voluptate nostrud culpa tempor excepteur.\r\n"},{"id": 21,"question": "nisi exercitation do anim est culpa cillum cupidatat magna aliqua","answer": "Pariatur labore Lorem aliqua excepteur amet dolore. Minim non irure tempor nulla commodo exercitation est eiusmod. Est reprehenderit aute dolore aliquip reprehenderit mollit enim esse. Exercitation id id nostrud labore. Mollit dolor irure qui fugiat qui enim elit laborum in eiusmod.\r\n"},{"id": 22,"question": "ex fugiat cupidatat dolore eu officia sint mollit amet enim","answer": "Aliquip anim est dolore laborum qui fugiat id magna. Ut amet laborum incididunt magna nulla laborum ad do proident culpa velit adipisicing. Deserunt aliqua excepteur cillum reprehenderit velit cillum in. Eiusmod aute aliqua Lorem et magna cillum tempor ullamco ea quis anim enim id Lorem. Excepteur anim aliquip nulla enim commodo duis reprehenderit enim irure. Duis consequat duis id do et ad cillum incididunt reprehenderit elit. Enim adipisicing aliqua minim laboris aliqua duis est excepteur aliquip.\r\n"},{"id": 23,"question": "velit incididunt dolor aliqua nisi eu esse ad tempor officia","answer": "Irure consectetur mollit proident sit pariatur excepteur fugiat velit eiusmod officia est ipsum. Labore aute dolore non in id ullamco ullamco ullamco irure exercitation esse. Et ipsum elit laborum nulla consequat reprehenderit incididunt adipisicing pariatur adipisicing non ipsum.\r\n"},{"id": 24,"question": "consequat magna deserunt excepteur commodo culpa enim magna occaecat exercitation","answer": "Irure Lorem occaecat culpa laboris laboris enim proident veniam. Aute laborum ut incididunt aliquip consequat aute in adipisicing. Anim tempor culpa velit duis nulla laborum pariatur sit nisi reprehenderit occaecat. Sunt amet commodo consequat mollit tempor incididunt ipsum proident minim nulla elit et eu.\r\n"},{"id": 25,"question": "voluptate eu duis mollit elit eu tempor id dolor proident","answer": "Ut id aliquip ex laborum consectetur magna Lorem duis commodo. Duis in voluptate aliquip consequat ut dolore labore ipsum et adipisicing sunt laborum laborum. Id pariatur laborum magna in do. Eiusmod velit proident eu et incididunt cupidatat elit Lorem. Ex amet nulla aliqua dolor. Consequat et deserunt consequat commodo duis.\r\n"},{"id": 26,"question": "ipsum est sit nostrud labore aute aliquip cupidatat veniam consequat","answer": "Proident labore pariatur culpa commodo cupidatat ad in voluptate. Aliqua ad Lorem exercitation tempor ea aliqua laborum nostrud fugiat mollit commodo exercitation laborum. Sit nulla minim labore labore non magna deserunt. Ipsum ad anim velit dolor sint amet Lorem. Et nostrud proident laboris nulla dolore ullamco commodo labore nulla est exercitation velit labore esse. Incididunt ullamco cillum id id consectetur elit ad id Lorem do eu dolore proident. Elit irure reprehenderit ut aute consectetur.\r\n"},{"id": 27,"question": "fugiat elit quis cillum deserunt ad dolor aute elit nulla","answer": "Non cillum proident aliqua duis ex anim incididunt eu id sint excepteur nostrud in. Deserunt consequat excepteur pariatur incididunt proident deserunt adipisicing commodo nostrud. Minim ad quis non velit et non et dolor reprehenderit minim. Reprehenderit non tempor exercitation non id anim commodo cillum ullamco esse do. Quis velit culpa excepteur dolore deserunt reprehenderit velit exercitation Lorem reprehenderit deserunt commodo exercitation nostrud. Quis anim fugiat sint est labore cupidatat exercitation. Ut mollit amet non amet deserunt.\r\n"},{"id": 28,"question": "qui veniam do excepteur id cupidatat ad ut veniam Lorem","answer": "Veniam veniam adipisicing nostrud ea. Enim ipsum in consequat officia voluptate adipisicing sunt Lorem amet reprehenderit. Ut dolor amet magna sit amet. Laborum aute ad cillum aliquip ipsum reprehenderit aliquip ea incididunt. Esse est laboris elit nostrud est in sint in cupidatat consequat.\r\n"},{"id": 29,"question": "mollit veniam voluptate nulla proident Lorem anim ea exercitation quis","answer": "Amet laborum magna duis ullamco excepteur irure fugiat eiusmod anim ut aliqua duis. Est culpa nisi ad esse laboris veniam ex. Dolor non ipsum labore duis velit veniam labore labore est. Dolor reprehenderit ex commodo reprehenderit proident minim ex et labore. Lorem culpa in mollit fugiat exercitation fugiat proident. Voluptate id in dolore duis Lorem. Lorem exercitation est labore cupidatat ea.\r\n"},{"id": 30,"question": "ut anim sit sint in cillum duis incididunt minim voluptate","answer": "Fugiat amet est enim cillum laborum ad nisi cillum excepteur eu. In amet elit laboris duis non sint in. Nisi labore ea sit dolore mollit id consequat. Dolor officia voluptate veniam est sunt enim deserunt. Ex incididunt in est duis sit enim. Aute nostrud nisi est deserunt quis ut. Tempor eiusmod anim laborum eiusmod pariatur eiusmod.\r\n"},{"id": 31,"question": "velit consequat eu et magna occaecat nulla officia fugiat in","answer": "Irure commodo laborum veniam est. Proident laborum officia veniam adipisicing voluptate aute minim ea. Proident laboris sunt commodo eiusmod amet dolore. Occaecat magna culpa qui veniam aute Lorem elit occaecat.\r\n"},{"id": 32,"question": "irure ipsum sunt et sint tempor exercitation veniam minim deserunt","answer": "Dolor reprehenderit sit elit irure do Lorem exercitation culpa id officia officia. Occaecat eu cupidatat ea Lorem ipsum aliquip reprehenderit dolore aute occaecat voluptate pariatur. Occaecat esse ea nulla in. Ad exercitation anim esse pariatur. Reprehenderit eiusmod dolore ad esse sit minim quis labore ex fugiat nisi est adipisicing cupidatat.\r\n"},{"id": 33,"question": "laborum duis laboris aliquip culpa anim ipsum esse aliquip ad","answer": "Et exercitation sit deserunt exercitation. Fugiat sit minim velit amet minim. Velit nulla nisi nostrud excepteur aute cillum ullamco nisi incididunt cillum dolore ad adipisicing sint.\r\n"},{"id": 34,"question": "ullamco ad irure nostrud nulla velit reprehenderit velit do ad","answer": "Nulla veniam magna ut fugiat duis commodo. Laborum cupidatat culpa nulla id adipisicing cillum velit commodo irure. Veniam id sint laborum nisi officia duis. Magna consectetur amet Lorem amet. Ea excepteur ut deserunt nisi pariatur id consectetur ex velit. In velit cillum irure labore mollit deserunt do labore pariatur quis ullamco culpa. Officia mollit est tempor ut consectetur laboris elit.\r\n"},{"id": 35,"question": "ut veniam dolore aliquip adipisicing ipsum consequat deserunt dolore sit","answer": "Aute nostrud nostrud dolor occaecat aliquip aliqua et occaecat pariatur cupidatat adipisicing. Occaecat ex incididunt deserunt tempor ex quis officia dolor esse et velit dolore aliquip. Laboris non consequat proident duis aute. Commodo incididunt est sint aute ea duis consectetur esse pariatur ut consequat enim mollit.\r\n"},{"id": 36,"question": "consequat cillum ad duis magna Lorem ullamco deserunt consequat Lorem","answer": "Irure mollit ad cillum reprehenderit est sit ullamco voluptate reprehenderit exercitation voluptate incididunt aute voluptate. Ex cillum occaecat sunt ut. Eiusmod irure veniam tempor et do id. Non excepteur commodo nostrud nulla sint consequat reprehenderit nulla enim. Tempor cupidatat ipsum duis dolore est cillum laborum sunt exercitation velit adipisicing quis.\r\n"},{"id": 37,"question": "ipsum dolor qui deserunt aliquip magna ea et tempor adipisicing","answer": "Velit enim esse ea id anim esse exercitation. Ut dolore voluptate incididunt adipisicing do duis. Sit commodo occaecat et deserunt ad et pariatur. Tempor est enim cupidatat laborum. Quis elit dolor qui velit commodo consectetur consequat veniam et labore reprehenderit culpa.\r\n"},{"id": 38,"question": "aliquip culpa cupidatat fugiat dolore amet officia veniam incididunt laborum","answer": "Labore est culpa reprehenderit eu id labore veniam fugiat consequat duis ipsum. Laborum in duis cillum duis est nulla ullamco Lorem exercitation ad fugiat. Labore pariatur enim fugiat laboris cillum consectetur magna reprehenderit adipisicing adipisicing eu sint proident. In consectetur culpa dolore in do commodo veniam. Et quis amet qui id qui reprehenderit in commodo. Proident mollit laborum dolore ipsum ut irure sint quis adipisicing. Esse aliqua do laboris reprehenderit laborum adipisicing exercitation ipsum esse aute cillum aute.\r\n"},{"id": 39,"question": "mollit occaecat ea sit qui laboris Lorem ut non voluptate","answer": "Dolore sunt magna pariatur mollit cupidatat enim reprehenderit dolore ullamco velit incididunt incididunt id. Mollit consequat commodo labore voluptate eu qui cupidatat aute labore pariatur ea. Nulla commodo officia est incididunt ea exercitation quis est reprehenderit aute proident aliqua sit mollit. Anim laborum eu labore est cupidatat sit exercitation duis fugiat officia deserunt consectetur et. Reprehenderit nulla ex sint exercitation do ea est fugiat ut duis ipsum nulla incididunt.\r\n"},{"id": 40,"question": "laboris commodo sit anim veniam tempor anim in sint exercitation","answer": "Sit dolor consectetur nostrud proident adipisicing velit proident cupidatat consectetur. Non culpa do nostrud laboris adipisicing. Aliqua adipisicing commodo mollit aute culpa mollit quis nulla excepteur.\r\n"},{"id": 41,"question": "anim quis tempor est aliquip aliqua aliquip nostrud sit mollit","answer": "Ex consequat proident amet pariatur nostrud. Elit laborum sunt quis Lorem minim duis incididunt eu eu laborum fugiat occaecat. Mollit eiusmod veniam ipsum ad est Lorem eiusmod irure. Proident adipisicing esse magna consectetur ex exercitation pariatur nostrud. Tempor ea culpa ea veniam est laborum. Dolore reprehenderit nostrud adipisicing ipsum id laboris aliqua deserunt minim excepteur duis. Aliquip elit labore officia quis Lorem ipsum veniam et exercitation occaecat est voluptate incididunt.\r\n"},{"id": 42,"question": "fugiat magna magna reprehenderit aliqua dolor incididunt et irure adipisicing","answer": "Ullamco occaecat sit fugiat adipisicing mollit sint et. Ea voluptate nulla laboris ex eu non. Veniam ut incididunt est aute aute et ea commodo consectetur anim qui. Consequat consectetur labore voluptate id ullamco consectetur adipisicing Lorem esse laborum eu enim tempor do.\r\n"},{"id": 43,"question": "aliqua ea sunt est est ex cillum voluptate pariatur excepteur","answer": "Irure commodo voluptate et ullamco minim minim tempor nulla cupidatat amet nulla. Culpa laboris velit dolor irure dolor dolor qui est anim sint est. Duis aliquip duis veniam proident sunt ipsum minim. Laboris nisi quis fugiat qui pariatur exercitation eu laborum commodo enim eiusmod labore.\r\n"},{"id": 44,"question": "id aliquip tempor consequat Lorem eu eu eiusmod ut non","answer": "Fugiat ex nisi tempor aliqua id aute duis. Sit cupidatat laborum elit eiusmod voluptate tempor elit. Qui consectetur culpa fugiat cupidatat qui. Officia duis cillum est commodo id quis magna cupidatat commodo proident eu. Ut ut occaecat velit nisi minim non labore minim. Deserunt laboris excepteur veniam ut ea do incididunt sunt mollit. Reprehenderit laborum est adipisicing Lorem irure occaecat sunt incididunt tempor.\r\n"},{"id": 45,"question": "deserunt do aliqua cupidatat magna velit reprehenderit quis occaecat voluptate","answer": "Adipisicing velit deserunt ut sint fugiat reprehenderit incididunt commodo esse non duis laborum. Aliqua ea esse ut ad proident non esse. Excepteur veniam fugiat adipisicing consequat sit laborum cupidatat aliqua deserunt excepteur nisi sint. Adipisicing officia ex proident enim duis ullamco enim et sunt laborum. Nulla dolore amet consectetur cupidatat ad ullamco occaecat deserunt irure laborum ipsum excepteur voluptate pariatur.\r\n"},{"id": 46,"question": "in exercitation irure magna ex commodo in commodo elit consectetur","answer": "Excepteur aute ipsum dolor anim. Qui reprehenderit do labore culpa aliquip dolore deserunt est officia cillum proident. Sint minim amet adipisicing nisi aute et aute cillum do sit dolor in proident. Nostrud mollit non amet non qui ipsum eiusmod voluptate voluptate minim sint ipsum enim. Labore irure ex magna magna officia et non ipsum sunt enim.\r\n"},{"id": 47,"question": "ad est laborum ullamco voluptate amet ipsum voluptate magna et","answer": "Cillum pariatur do anim tempor consectetur nulla elit ex mollit qui dolor anim ipsum. Excepteur consectetur eu voluptate aliquip minim consequat ex esse labore incididunt proident. Dolore labore enim nostrud deserunt nostrud nisi. Est consequat velit adipisicing consectetur nostrud. Magna proident ullamco cillum ipsum in voluptate anim minim ex eu nisi laboris enim laborum. Nostrud magna labore non exercitation mollit dolor occaecat do.\r\n"},{"id": 48,"question": "pariatur magna nisi elit do nisi minim aliquip amet quis","answer": "Sunt ullamco et irure dolor amet veniam aute excepteur enim duis aute. Esse irure incididunt minim do. Id eu eiusmod velit est consectetur esse adipisicing do esse voluptate Lorem officia. Elit culpa nulla dolore cillum enim dolor nostrud ea id Lorem duis ipsum incididunt laborum. Pariatur incididunt pariatur enim est est id ad ipsum exercitation. Proident est consectetur pariatur sit.\r\n"},{"id": 49,"question": "et officia ut eu dolor ut incididunt proident minim officia","answer": "Sit ipsum laborum aliqua duis nulla reprehenderit ipsum non ullamco dolor. Consectetur non ad sunt nostrud anim aliqua anim id adipisicing anim proident ea do Lorem. Reprehenderit incididunt enim eu est est excepteur irure velit. Amet cillum enim veniam qui occaecat Lorem excepteur adipisicing in tempor. Nostrud do aliquip magna duis qui. Sint nulla ex id et nostrud et enim laborum fugiat ad dolor duis quis.\r\n"},{"id": 50,"question": "do aliquip culpa commodo ad consectetur ut nostrud officia occaecat","answer": "Quis dolore eu dolore officia magna do. Excepteur officia sit proident nostrud est esse ullamco cillum. Dolore eu ut duis dolor ex qui elit duis commodo velit et irure. Lorem magna sint dolore dolor aute adipisicing cupidatat dolor ut tempor nostrud aliquip nostrud labore. Dolore ea nisi esse ipsum culpa non. Culpa consequat labore velit Lorem labore consequat ut dolor elit esse pariatur.\r\n"},{"id": 51,"question": "dolor labore mollit sit commodo ut nisi labore labore Lorem","answer": "Reprehenderit deserunt in quis magna minim ipsum velit ullamco. Esse est tempor sit aute occaecat do mollit officia veniam nostrud dolor nisi velit est. Duis eu cupidatat officia aute. Adipisicing laboris velit ipsum non. Eu laboris ea magna ut minim tempor cillum consequat exercitation Lorem non eu ullamco.\r\n"},{"id": 52,"question": "esse laboris dolore veniam in officia enim commodo do tempor","answer": "Magna est commodo reprehenderit aute consectetur aute enim deserunt do eu voluptate occaecat ex. Lorem proident est tempor consequat pariatur proident sunt. Mollit exercitation magna eiusmod duis ut dolor deserunt incididunt enim eiusmod cillum laborum ipsum ipsum. Consequat cillum qui anim incididunt. Dolore exercitation excepteur officia sit proident voluptate do voluptate ullamco aute est qui occaecat. Sint tempor consectetur irure aliqua reprehenderit sunt ea fugiat aute esse sunt laboris excepteur non. Sunt occaecat do consequat minim velit quis duis id.\r\n"},{"id": 53,"question": "dolor aliqua voluptate aute elit amet est cillum eiusmod mollit","answer": "Laboris nostrud pariatur minim consectetur reprehenderit. Lorem laborum labore sit proident commodo adipisicing nulla aute laborum ex ut. Aute dolore commodo ipsum aliqua pariatur aliquip dolor dolor nostrud nostrud cillum non irure est. Dolore ea non magna incididunt ad excepteur id fugiat. Fugiat deserunt nostrud do ullamco occaecat ad veniam nulla.\r\n"},{"id": 54,"question": "fugiat qui enim ipsum ad exercitation magna reprehenderit deserunt veniam","answer": "Do reprehenderit exercitation aliquip aliquip dolore adipisicing aliqua officia do eiusmod sit occaecat. Tempor enim deserunt et duis. Reprehenderit sint labore est do cupidatat irure dolore velit sit in exercitation deserunt. Exercitation dolor labore sunt excepteur magna anim Lorem et duis dolor. Ea non excepteur consectetur sint proident aute ut quis cillum proident. Enim magna dolore tempor ut velit qui commodo laboris magna.\r\n"},{"id": 55,"question": "consequat in laborum laboris laboris ipsum esse occaecat anim consectetur","answer": "Aliquip laboris id mollit fugiat ut laborum in ullamco ea id incididunt adipisicing tempor. Excepteur deserunt non ullamco consectetur. Mollit consectetur magna excepteur ipsum aliqua fugiat. Tempor veniam proident irure irure cupidatat veniam anim qui eu. In duis mollit irure non reprehenderit veniam occaecat pariatur reprehenderit non laborum sunt. Mollit laboris ut ea anim. Incididunt est labore quis sunt.\r\n"},{"id": 56,"question": "laboris anim nostrud aliqua incididunt est occaecat deserunt adipisicing cupidatat","answer": "Voluptate fugiat Lorem ipsum sint id. Culpa cillum in veniam anim consequat. Proident laboris reprehenderit cupidatat quis officia duis ad velit quis. Et voluptate proident ea id cupidatat velit in. Fugiat et in minim aliquip excepteur cillum commodo pariatur commodo tempor laboris nisi esse. Velit aute proident cupidatat deserunt ea. Laborum fugiat irure et incididunt sunt exercitation nostrud ex sint duis amet.\r\n"},{"id": 57,"question": "in elit Lorem amet adipisicing duis consequat id minim proident","answer": "Commodo laboris ipsum eu consequat. Voluptate fugiat velit nulla tempor ea aliquip pariatur pariatur tempor fugiat Lorem ut magna do. Incididunt dolore id dolor aute sint veniam dolore in. Aliqua magna enim qui est Lorem eiusmod nulla magna laboris proident est voluptate.\r\n"},{"id": 58,"question": "do consectetur dolor magna nostrud consectetur labore eu irure in","answer": "Tempor culpa sunt excepteur Lorem enim laboris et exercitation. Elit ullamco mollit ex nostrud ut. Laboris qui minim ipsum adipisicing exercitation anim in nostrud et ut aliqua sint. Lorem voluptate duis in eu sint fugiat nisi tempor laborum labore. Laboris dolore velit dolor ea aliqua officia nisi aliquip. Occaecat ea id irure tempor.\r\n"}])) }) | |
App.filterRegion.show(listView); | |
}); | |
$('#query').on('keyup', function(){ | |
App.vent.trigger('search', filter($(this).val())); | |
}); | |
App.start(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment