diff --git a/ffu/panel/list-detail.html b/ffu/panel/list-detail.html
new file mode 100644
index 0000000..87f590a
--- /dev/null
+++ b/ffu/panel/list-detail.html
@@ -0,0 +1,199 @@
+
+
+
+ list-detail
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ffu/panel/list-list.html b/ffu/panel/list-list.html
new file mode 100644
index 0000000..f9bb7bc
--- /dev/null
+++ b/ffu/panel/list-list.html
@@ -0,0 +1,220 @@
+
+
+
+ list-list
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ffu/panel/src/contacts-data.js b/ffu/panel/src/contacts-data.js
new file mode 100644
index 0000000..2c36bb3
--- /dev/null
+++ b/ffu/panel/src/contacts-data.js
@@ -0,0 +1,1241 @@
+var contacts = [
+ {
+ "name": "Frankie Fu",
+ "phone": "1-650-711-1234",
+ "email": "ffu@google.com",
+ "street": "345 Spear Steet",
+ "city": "San Francisco",
+ "country": "USA",
+ "zip": "94105",
+ "handle": "ffu",
+ "group": "0",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Hyatt Park",
+ "phone": "1-227-926-6642",
+ "email": "Aliquam.erat@eget.com",
+ "street": "615-5320 Cras Rd.",
+ "city": "Wimbledon",
+ "country": "Malaysia",
+ "zip": "81783",
+ "handle": "sollicitudin",
+ "group": "0",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Giselle Little",
+ "phone": "1-987-627-8515",
+ "email": "dui.Suspendisse.ac@ligula.edu",
+ "street": "4673 A, Rd.",
+ "city": "Fairbanks",
+ "country": "Argentina",
+ "zip": "1883",
+ "handle": "Aliquam",
+ "group": "1",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Christopher Hill",
+ "phone": "1-301-829-7702",
+ "email": "eu.metus@imperdiet.co.uk",
+ "street": "Ap #958-6022 Ac Rd.",
+ "city": "Imst",
+ "country": "Saint Helena",
+ "zip": "8841",
+ "handle": "odio",
+ "group": "3",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Tucker Moses",
+ "phone": "1-115-896-0543",
+ "email": "Nam.porttitor@quisdiamPellentesque.edu",
+ "street": "9574 Ipsum Rd.",
+ "city": "Bleid",
+ "country": "Central African Republic",
+ "zip": "56700",
+ "handle": "iaculis",
+ "group": "0",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Cooper Holt",
+ "phone": "1-924-792-7198",
+ "email": "lorem.lorem.luctus@egestas.org",
+ "street": "Ap #149-132 Orci St.",
+ "city": "Béziers",
+ "country": "Swaziland",
+ "zip": "U83 6RD",
+ "handle": "Suspendisse",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Wang Pierce",
+ "phone": "1-544-795-7843",
+ "email": "mi.Aliquam.gravida@euduiCum.ca",
+ "street": "Ap #436-9054 Phasellus Rd.",
+ "city": "Marcinelle",
+ "country": "Albania",
+ "zip": "8866",
+ "handle": "vitae",
+ "group": "0",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Maia Buchanan",
+ "phone": "1-950-616-7710",
+ "email": "sagittis.semper.Nam@mattisInteger.co.uk",
+ "street": "802-8516 Pharetra, Street",
+ "city": "Opglabbeek",
+ "country": "Slovenia",
+ "zip": "J4P 4C7",
+ "handle": "vitae",
+ "group": "0",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Amity Sims",
+ "phone": "1-519-234-9222",
+ "email": "Nullam.ut@leo.ca",
+ "street": "P.O. Box 975, 4988 Ultrices St.",
+ "city": "Giarratana",
+ "country": "Honduras",
+ "zip": "96757",
+ "handle": "molestie",
+ "group": "3",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Rigel Wiggins",
+ "phone": "1-380-485-8305",
+ "email": "mauris@eleifendnuncrisus.edu",
+ "street": "495-2955 Ullamcorper. Road",
+ "city": "Eugene",
+ "country": "Uganda",
+ "zip": "96286-771",
+ "handle": "odio.",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Kai Battle",
+ "phone": "1-303-587-5819",
+ "email": "tellus@Sedauctorodio.edu",
+ "street": "516-2664 Tellus. Rd.",
+ "city": "Jambes",
+ "country": "Korea, Republic of",
+ "zip": "00348",
+ "handle": "sed,",
+ "group": "5",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Cheyenne Alvarado",
+ "phone": "1-739-188-4010",
+ "email": "est.ac@neque.edu",
+ "street": "796-1613 Lobortis Ave",
+ "city": "Blankenfelde-Mahlow",
+ "country": "Estonia",
+ "zip": "1807",
+ "handle": "fringilla",
+ "group": "0",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Ebony Woodward",
+ "phone": "1-818-319-2655",
+ "email": "pretium.et@semperauctorMauris.co.uk",
+ "street": "P.O. Box 169, 4906 Sed Road",
+ "city": "Ashburton",
+ "country": "Jordan",
+ "zip": "6536",
+ "handle": "ullamcorper.",
+ "group": "4",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Ella Jordan",
+ "phone": "1-556-482-9375",
+ "email": "gravida@pretiumneque.com",
+ "street": "392 Non, Av.",
+ "city": "Longueville",
+ "country": "Hungary",
+ "zip": "08562",
+ "handle": "purus,",
+ "group": "1",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Garth Velazquez",
+ "phone": "1-376-886-2597",
+ "email": "tellus.sem@Loremipsumdolor.com",
+ "street": "302-5156 Consectetuer Av.",
+ "city": "Ayas",
+ "country": "Chile",
+ "zip": "K1V 1Y6",
+ "handle": "aliquet",
+ "group": "5",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Quincy Campbell",
+ "phone": "1-379-657-4872",
+ "email": "non@Sedauctorodio.net",
+ "street": "Ap #356-3629 Massa Rd.",
+ "city": "Stalhille",
+ "country": "Antigua and Barbuda",
+ "zip": "3760FK",
+ "handle": "lobortis",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Shad Hubbard",
+ "phone": "1-782-258-7111",
+ "email": "porttitor@ullamcorperDuis.ca",
+ "street": "6343 Nulla St.",
+ "city": "Bodmin",
+ "country": "Korea, Republic of",
+ "zip": "11332",
+ "handle": "eget,",
+ "group": "4",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Maisie Suarez",
+ "phone": "1-926-112-5500",
+ "email": "sapien@vulputate.org",
+ "street": "Ap #112-8999 Facilisis Rd.",
+ "city": "Wageningen",
+ "country": "United States",
+ "zip": "5931",
+ "handle": "sem",
+ "group": "5",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Reuben Daniels",
+ "phone": "1-442-678-1792",
+ "email": "eget.odio@Curabitur.co.uk",
+ "street": "5583 Lacus. St.",
+ "city": "Loreto",
+ "country": "Canada",
+ "zip": "2971",
+ "handle": "nec",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Anne Landry",
+ "phone": "1-138-245-0179",
+ "email": "Curabitur.consequat.lectus@nibh.com",
+ "street": "P.O. Box 918, 3638 Ut Rd.",
+ "city": "M�lheim",
+ "country": "Algeria",
+ "zip": "38397",
+ "handle": "nisi.",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Alika Spence",
+ "phone": "1-910-171-0115",
+ "email": "arcu.Sed@enim.co.uk",
+ "street": "P.O. Box 317, 5670 Neque Av.",
+ "city": "Wiener Neustadt",
+ "country": "United Kingdom",
+ "zip": "60142",
+ "handle": "posuere",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Chaney Madden",
+ "phone": "1-460-971-7190",
+ "email": "ornare.sagittis@Nullamlobortisquam.co.uk",
+ "street": "P.O. Box 613, 6483 Nec Rd.",
+ "city": "Columbus",
+ "country": "Germany",
+ "zip": "80470",
+ "handle": "neque.",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Shay Ewing",
+ "phone": "1-121-274-7377",
+ "email": "odio@infaucibus.net",
+ "street": "Ap #504-448 Arcu Ave",
+ "city": "Stratford",
+ "country": "American Samoa",
+ "zip": "85186",
+ "handle": "nonummy",
+ "group": "1",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Naida Mccarty",
+ "phone": "1-542-183-0062",
+ "email": "amet@imperdietnonvestibulum.org",
+ "street": "2746 Penatibus St.",
+ "city": "Dipignano",
+ "country": "Japan",
+ "zip": "82290",
+ "handle": "lectus.",
+ "group": "4",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Leroy Velez",
+ "phone": "1-222-311-2673",
+ "email": "odio.auctor@dictumcursusNunc.net",
+ "street": "750-2669 Auctor, St.",
+ "city": "Annapolis Royal",
+ "country": "Saint Helena",
+ "zip": "9368",
+ "handle": "non",
+ "group": "0",
+ "isFavorite": "0"
+ },
+ {
+ "name": "James Sosa",
+ "phone": "1-170-396-9229",
+ "email": "eu@pedeNuncsed.ca",
+ "street": "7368 Lorem Ave",
+ "city": "Sint-Pieters-Woluwe",
+ "country": "Tuvalu",
+ "zip": "97116",
+ "handle": "gravida.",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Sandra Collier",
+ "phone": "1-911-958-0187",
+ "email": "Proin@ornarelectusante.edu",
+ "street": "Ap #654-6650 Donec St.",
+ "city": "Gullegem",
+ "country": "Sweden",
+ "zip": "8857WS",
+ "handle": "varius",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Keith Nichols",
+ "phone": "1-703-610-7764",
+ "email": "mollis.non@tellus.org",
+ "street": "4713 Sed Rd.",
+ "city": "Weesp",
+ "country": "Micronesia",
+ "zip": "C20 8XN",
+ "handle": "cubilia",
+ "group": "2",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Jocelyn Adkins",
+ "phone": "1-604-174-5219",
+ "email": "Quisque.imperdiet.erat@quis.edu",
+ "street": "1006 Justo Avenue",
+ "city": "Prince George",
+ "country": "Montserrat",
+ "zip": "4811HT",
+ "handle": "Vivamus",
+ "group": "1",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Ivor Kaufman",
+ "phone": "1-632-844-1342",
+ "email": "nisi.Mauris.nulla@loremDonec.org",
+ "street": "413-2700 Proin Av.",
+ "city": "Sta�furt",
+ "country": "Norway",
+ "zip": "6740XU",
+ "handle": "Donec",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Karyn Cain",
+ "phone": "1-786-625-3596",
+ "email": "tempus@vitaesodalesat.com",
+ "street": "P.O. Box 828, 3048 Placerat. Rd.",
+ "city": "Troyes",
+ "country": "Lebanon",
+ "zip": "56973",
+ "handle": "consequat",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Upton Burgess",
+ "phone": "1-647-720-1033",
+ "email": "Donec.feugiat@aarcu.net",
+ "street": "P.O. Box 994, 6987 At, Rd.",
+ "city": "Scarborough",
+ "country": "Ukraine",
+ "zip": "J0N 0V7",
+ "handle": "fringilla,",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Aurelia Williamson",
+ "phone": "1-843-459-3228",
+ "email": "Sed@pedenonummy.com",
+ "street": "Ap #195-5775 Vitae, Road",
+ "city": "Workington",
+ "country": "Tanzania, United Republic of",
+ "zip": "Q4P 9GW",
+ "handle": "et,",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Carol Richard",
+ "phone": "1-137-508-0847",
+ "email": "nisi@fringillaestMauris.ca",
+ "street": "6143 Pellentesque Ave",
+ "city": "Nothomb",
+ "country": "Martinique",
+ "zip": "50712",
+ "handle": "lacus",
+ "group": "4",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Madaline Burgess",
+ "phone": "1-748-704-3736",
+ "email": "Donec.elementum.lorem@ornarelectusjusto.com",
+ "street": "Ap #138-3213 Arcu. Road",
+ "city": "Penhold",
+ "country": "Montserrat",
+ "zip": "9552",
+ "handle": "Etiam",
+ "group": "0",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Evelyn Taylor",
+ "phone": "1-927-859-1952",
+ "email": "cursus@gravidanuncsed.net",
+ "street": "P.O. Box 577, 9621 Malesuada Rd.",
+ "city": "Mandela",
+ "country": "Botswana",
+ "zip": "5333",
+ "handle": "venenatis",
+ "group": "1",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Erich Melton",
+ "phone": "1-111-131-6547",
+ "email": "arcu.Vestibulum@Aliquamtincidunt.com",
+ "street": "P.O. Box 861, 2390 Luctus Rd.",
+ "city": "C�te-Saint-Luc",
+ "country": "Guyana",
+ "zip": "26067",
+ "handle": "tincidunt,",
+ "group": "0",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Mufutau Campbell",
+ "phone": "1-246-805-1703",
+ "email": "inceptos.hymenaeos@egetmetuseu.org",
+ "street": "P.O. Box 951, 3654 Nec, Rd.",
+ "city": "Brugge Bruges",
+ "country": "Venezuela",
+ "zip": "32713",
+ "handle": "eu,",
+ "group": "4",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Felix Ferguson",
+ "phone": "1-135-762-7042",
+ "email": "ac@purusaccumsan.org",
+ "street": "9016 A St.",
+ "city": "Gulfport",
+ "country": "Bermuda",
+ "zip": "4277",
+ "handle": "commodo",
+ "group": "0",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Alana Sanchez",
+ "phone": "1-228-598-9386",
+ "email": "nunc@lobortisquam.net",
+ "street": "6371 Rhoncus Ave",
+ "city": "Pereto",
+ "country": "Georgia",
+ "zip": "K8 9UT",
+ "handle": "Nullam",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Matthew Bernard",
+ "phone": "1-704-511-4858",
+ "email": "dignissim@egestasblanditNam.com",
+ "street": "Ap #241-4655 Pharetra Street",
+ "city": "Kapuskasing",
+ "country": "Cape Verde",
+ "zip": "58806",
+ "handle": "magnis",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "April Patton",
+ "phone": "1-590-416-5682",
+ "email": "massa@Sed.edu",
+ "street": "694 Ut Ave",
+ "city": "Palencia",
+ "country": "Liechtenstein",
+ "zip": "93215",
+ "handle": "ipsum",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Cullen House",
+ "phone": "1-135-736-2100",
+ "email": "risus.odio.auctor@felispurusac.co.uk",
+ "street": "Ap #118-7223 Duis St.",
+ "city": "Vollezele",
+ "country": "Ecuador",
+ "zip": "T4L 4E7",
+ "handle": "pede.",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Ariel Herman",
+ "phone": "1-915-802-3044",
+ "email": "magna.sed@sagittis.net",
+ "street": "P.O. Box 536, 2722 Quis, Rd.",
+ "city": "Courcelles",
+ "country": "Holy See (Vatican City State)",
+ "zip": "11411",
+ "handle": "fringilla",
+ "group": "1",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Frances Guerrero",
+ "phone": "1-873-307-1394",
+ "email": "orci@sapiencursusin.com",
+ "street": "P.O. Box 202, 2056 Vel Avenue",
+ "city": "San Venanzo",
+ "country": "Venezuela",
+ "zip": "89495",
+ "handle": "placerat",
+ "group": "4",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Eden Langley",
+ "phone": "1-805-917-8947",
+ "email": "ut.erat.Sed@quam.co.uk",
+ "street": "Ap #324-3388 Libero St.",
+ "city": "Helmond",
+ "country": "Italy",
+ "zip": "71563",
+ "handle": "Suspendisse",
+ "group": "1",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Driscoll Long",
+ "phone": "1-262-174-2713",
+ "email": "arcu@nullaIntincidunt.com",
+ "street": "3736 Quam St.",
+ "city": "Coquitlam",
+ "country": "Anguilla",
+ "zip": "40514",
+ "handle": "lorem",
+ "group": "1",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Emma King",
+ "phone": "1-736-576-8982",
+ "email": "in.tempus.eu@Nunc.co.uk",
+ "street": "Ap #537-2285 Ridiculus Ave",
+ "city": "Kapolei",
+ "country": "Mozambique",
+ "zip": "30687",
+ "handle": "luctus",
+ "group": "0",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Harding Noble",
+ "phone": "1-729-641-2379",
+ "email": "auctor@sapien.org",
+ "street": "P.O. Box 504, 7603 Eros Road",
+ "city": "Kent",
+ "country": "Puerto Rico",
+ "zip": "8550TV",
+ "handle": "nec",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Plato Pruitt",
+ "phone": "1-899-542-9576",
+ "email": "lacinia@ac.com",
+ "street": "660-3364 Sagittis Rd.",
+ "city": "Armungia",
+ "country": "Heard Island and Mcdonald Islands",
+ "zip": "L6Z 4C4",
+ "handle": "lorem",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Nadine Alvarez",
+ "phone": "1-936-317-3428",
+ "email": "malesuada.fames.ac@vel.com",
+ "street": "589-7919 Elit Rd.",
+ "city": "Mandela",
+ "country": "Antarctica",
+ "zip": "3602",
+ "handle": "arcu",
+ "group": "4",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Aiko Patrick",
+ "phone": "1-524-966-8550",
+ "email": "Nam.nulla.magna@lectusjustoeu.edu",
+ "street": "P.O. Box 572, 9180 Posuere St.",
+ "city": "Town of Yarmouth",
+ "country": "Peru",
+ "zip": "35685",
+ "handle": "sed",
+ "group": "4",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Ignacia Petty",
+ "phone": "1-378-580-0774",
+ "email": "Suspendisse.eleifend@dictumeleifendnunc.ca",
+ "street": "5401 Vivamus Rd.",
+ "city": "Rodez",
+ "country": "Guadeloupe",
+ "zip": "N0J 2Z8",
+ "handle": "Proin",
+ "group": "1",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Azalia Becker",
+ "phone": "1-888-322-1795",
+ "email": "tellus@auctor.com",
+ "street": "Ap #748-2487 Fermentum Ave",
+ "city": "Bad Vöslau",
+ "country": "Taiwan, Province of China",
+ "zip": "6827",
+ "handle": "aliquam",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Leslie Cooper",
+ "phone": "1-390-462-5392",
+ "email": "in.cursus@sitamet.com",
+ "street": "P.O. Box 698, 965 Molestie Rd.",
+ "city": "Monte Giberto",
+ "country": "Sierra Leone",
+ "zip": "3188",
+ "handle": "egestas",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Hashim Burton",
+ "phone": "1-844-460-7633",
+ "email": "magnis.dis@In.com",
+ "street": "8781 Pellentesque, Av.",
+ "city": "Huntly",
+ "country": "New Zealand",
+ "zip": "6742VE",
+ "handle": "tincidunt.",
+ "group": "1",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Xerxes Byrd",
+ "phone": "1-558-730-4183",
+ "email": "tellus.Phasellus.elit@egestasAliquam.com",
+ "street": "P.O. Box 287, 3824 Quisque St.",
+ "city": "Morhet",
+ "country": "Eritrea",
+ "zip": "1005",
+ "handle": "fringilla",
+ "group": "2",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Ciara Wiggins",
+ "phone": "1-905-688-5097",
+ "email": "eu.eleifend@Integer.edu",
+ "street": "777-5627 Id, Rd.",
+ "city": "Russell",
+ "country": "Iran",
+ "zip": "53611",
+ "handle": "Curabitur",
+ "group": "5",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Kiayada Price",
+ "phone": "1-345-668-4740",
+ "email": "diam.eu.dolor@Sedmalesuada.com",
+ "street": "731-6060 Non Rd.",
+ "city": "Salice Salentino",
+ "country": "Japan",
+ "zip": "86785",
+ "handle": "auctor",
+ "group": "5",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Willow Kirk",
+ "phone": "1-911-558-0910",
+ "email": "lorem.vitae@Suspendisse.com",
+ "street": "P.O. Box 423, 8163 Magnis Rd.",
+ "city": "Niort",
+ "country": "Jordan",
+ "zip": "4085",
+ "handle": "euismod",
+ "group": "4",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Ahmed Alston",
+ "phone": "1-551-723-4847",
+ "email": "euismod.et@Maecenasiaculis.ca",
+ "street": "4161 At Ave",
+ "city": "Piegaro",
+ "country": "Nicaragua",
+ "zip": "4377RF",
+ "handle": "mus.",
+ "group": "1",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Len Butler",
+ "phone": "1-920-555-5259",
+ "email": "sit.amet.luctus@sit.net",
+ "street": "Ap #734-130 Proin Rd.",
+ "city": "Zandhoven",
+ "country": "Pitcairn",
+ "zip": "4369",
+ "handle": "erat",
+ "group": "0",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Megan Clark",
+ "phone": "1-850-218-6663",
+ "email": "eget.volutpat@eu.ca",
+ "street": "356-4030 Non, Road",
+ "city": "Montigny-le-Tilleul",
+ "country": "Zambia",
+ "zip": "73184",
+ "handle": "Pellentesque",
+ "group": "2",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Abra Kane",
+ "phone": "1-168-790-3457",
+ "email": "Quisque.imperdiet.erat@pede.edu",
+ "street": "414-7819 Fusce Rd.",
+ "city": "Allerona",
+ "country": "Ecuador",
+ "zip": "0291NL",
+ "handle": "a,",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Melvin Durham",
+ "phone": "1-343-258-8926",
+ "email": "lectus@molestie.com",
+ "street": "6027 Molestie Avenue",
+ "city": "Teralfene",
+ "country": "Heard Island and Mcdonald Islands",
+ "zip": "12554",
+ "handle": "dictum.",
+ "group": "0",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Ariel Heath",
+ "phone": "1-396-910-1633",
+ "email": "dis.parturient@ornarelectusante.ca",
+ "street": "3860 Scelerisque Road",
+ "city": "Westerlo",
+ "country": "Spain",
+ "zip": "40006",
+ "handle": "massa.",
+ "group": "1",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Acton West",
+ "phone": "1-203-941-0682",
+ "email": "eget@utpharetrased.com",
+ "street": "4509 Ac Street",
+ "city": "Eigenbrakel",
+ "country": "Cook Islands",
+ "zip": "U33 4FP",
+ "handle": "augue",
+ "group": "1",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Keane Ballard",
+ "phone": "1-542-370-6950",
+ "email": "blandit@rhoncusDonecest.edu",
+ "street": "526-2451 Lorem, Av.",
+ "city": "Pollena Trocchia",
+ "country": "Peru",
+ "zip": "71817",
+ "handle": "convallis",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Kiayada Riggs",
+ "phone": "1-441-868-5124",
+ "email": "consequat@ametrisus.net",
+ "street": "Ap #254-7314 Fermentum Rd.",
+ "city": "Brechin",
+ "country": "Holy See (Vatican City State)",
+ "zip": "17357",
+ "handle": "Cum",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Lucian Chandler",
+ "phone": "1-339-891-5371",
+ "email": "feugiat.placerat@feugiatplaceratvelit.net",
+ "street": "7931 Pellentesque Av.",
+ "city": "Ophain-Bois-Seigneur-Isaac",
+ "country": "Saint Helena",
+ "zip": "6181",
+ "handle": "cursus",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Donovan Castaneda",
+ "phone": "1-529-534-9063",
+ "email": "Cras.vehicula@augueacipsum.org",
+ "street": "415-2406 Faucibus St.",
+ "city": "Brora",
+ "country": "Palau",
+ "zip": "3525",
+ "handle": "pede",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Odessa Pitts",
+ "phone": "1-862-111-1856",
+ "email": "Sed@DonectinciduntDonec.co.uk",
+ "street": "P.O. Box 201, 6817 Vulputate, St.",
+ "city": "Tiel",
+ "country": "Syrian Arab Republic",
+ "zip": "30812",
+ "handle": "et",
+ "group": "5",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Kristen Lopez",
+ "phone": "1-257-326-8124",
+ "email": "sodales.at@leo.com",
+ "street": "5350 Tempus Ave",
+ "city": "Cumberland",
+ "country": "Korea",
+ "zip": "K1G 9X4",
+ "handle": "felis.",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Dalton Jenkins",
+ "phone": "1-336-770-9826",
+ "email": "ipsum.dolor@cursus.org",
+ "street": "Ap #592-2364 Vestibulum Road",
+ "city": "Promo-Control",
+ "country": "Iraq",
+ "zip": "1053",
+ "handle": "Cras",
+ "group": "1",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Ivy Dale",
+ "phone": "1-112-904-6648",
+ "email": "arcu.Sed.et@consequatdolor.ca",
+ "street": "2159 Donec Road",
+ "city": "Windsor",
+ "country": "Norfolk Island",
+ "zip": "51253-453",
+ "handle": "mollis",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Xena Deleon",
+ "phone": "1-941-746-8971",
+ "email": "auctor.vitae.aliquet@etmagnisdis.org",
+ "street": "2263 Sed Street",
+ "city": "Vorselaar",
+ "country": "Anguilla",
+ "zip": "2559",
+ "handle": "mattis",
+ "group": "4",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Halee Holden",
+ "phone": "1-752-739-0329",
+ "email": "pellentesque.eget@nuncsedpede.org",
+ "street": "P.O. Box 783, 5944 Tincidunt Ave",
+ "city": "Tournefeuille",
+ "country": "Turkmenistan",
+ "zip": "4097",
+ "handle": "eget",
+ "group": "4",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Ivana Moses",
+ "phone": "1-373-664-9835",
+ "email": "conubia@lobortistellusjusto.org",
+ "street": "P.O. Box 193, 5361 Blandit Rd.",
+ "city": "Chiavari",
+ "country": "Luxembourg",
+ "zip": "8444",
+ "handle": "habitant",
+ "group": "1",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Nita Curtis",
+ "phone": "1-838-227-5798",
+ "email": "euismod.enim@rhoncus.edu",
+ "street": "Ap #805-1001 Vel Street",
+ "city": "Susegana",
+ "country": "Albania",
+ "zip": "F7F 1NW",
+ "handle": "erat",
+ "group": "5",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Matthew Palmer",
+ "phone": "1-979-347-3452",
+ "email": "ut@magnis.net",
+ "street": "284-3567 Ipsum St.",
+ "city": "Rouyn-Noranda",
+ "country": "Papua New Guinea",
+ "zip": "1686",
+ "handle": "ac,",
+ "group": "4",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Finn Stafford",
+ "phone": "1-521-904-4676",
+ "email": "vitae@ipsumprimisin.co.uk",
+ "street": "P.O. Box 521, 6875 Eu Avenue",
+ "city": "Arbre",
+ "country": "Mali",
+ "zip": "78169",
+ "handle": "luctus",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Kuame Buckner",
+ "phone": "1-527-506-2972",
+ "email": "posuere@arcuacorci.ca",
+ "street": "1012 Mattis Road",
+ "city": "Pellezzano",
+ "country": "Moldova",
+ "zip": "1896",
+ "handle": "mattis",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Tyrone Herring",
+ "phone": "1-969-931-8030",
+ "email": "justo@ultricesmaurisipsum.net",
+ "street": "6902 Mollis Rd.",
+ "city": "Lokeren",
+ "country": "Malawi",
+ "zip": "10709",
+ "handle": "luctus",
+ "group": "5",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Alan Downs",
+ "phone": "1-806-949-6277",
+ "email": "non.justo.Proin@scelerisqueneque.co.uk",
+ "street": "P.O. Box 228, 3856 Morbi Av.",
+ "city": "Thunder Bay",
+ "country": "Heard Island and Mcdonald Islands",
+ "zip": "2798",
+ "handle": "Morbi",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Yolanda Patel",
+ "phone": "1-683-221-4035",
+ "email": "a.magna@Morbineque.com",
+ "street": "721-152 Placerat. Rd.",
+ "city": "Redlands",
+ "country": "Nicaragua",
+ "zip": "41273",
+ "handle": "Donec",
+ "group": "1",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Medge Roy",
+ "phone": "1-722-572-7271",
+ "email": "facilisis.lorem.tristique@magnaCrasconvallis.edu",
+ "street": "Ap #495-2987 Feugiat. St.",
+ "city": "Apeldoorn",
+ "country": "Bahamas",
+ "zip": "B3H 3W9",
+ "handle": "non",
+ "group": "0",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Lucas Matthews",
+ "phone": "1-337-215-1233",
+ "email": "odio.Etiam.ligula@adipiscingfringilla.co.uk",
+ "street": "129-5006 Nulla St.",
+ "city": "Bella",
+ "country": "Saint Vincent and The Grenadines",
+ "zip": "20236",
+ "handle": "Donec",
+ "group": "3",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Harding Mccray",
+ "phone": "1-174-833-6141",
+ "email": "feugiat@tristiquepellentesquetellus.ca",
+ "street": "978-5205 Scelerisque Ave",
+ "city": "Sh�diac",
+ "country": "Colombia",
+ "zip": "03122",
+ "handle": "ac",
+ "group": "5",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Amanda Abbott",
+ "phone": "1-877-272-3516",
+ "email": "cursus.Integer@Curabitur.net",
+ "street": "543-4230 Maecenas Avenue",
+ "city": "Shawinigan",
+ "country": "Saint Kitts and Nevis",
+ "zip": "R6W 4X5",
+ "handle": "Phasellus",
+ "group": "1",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Montana Farley",
+ "phone": "1-289-780-7597",
+ "email": "non.luctus.sit@lectus.co.uk",
+ "street": "955-4782 Lacus. Rd.",
+ "city": "Pierrefonds",
+ "country": "American Samoa",
+ "zip": "65745",
+ "handle": "Duis",
+ "group": "2",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Kasimir Blackburn",
+ "phone": "1-529-946-8811",
+ "email": "Cras.dolor.dolor@non.edu",
+ "street": "113-4019 Et, St.",
+ "city": "Port Moody",
+ "country": "French Guiana",
+ "zip": "9159",
+ "handle": "ut",
+ "group": "0",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Naomi Sloan",
+ "phone": "1-962-650-8684",
+ "email": "vel.est.tempor@Loremipsum.org",
+ "street": "3366 Convallis Av.",
+ "city": "Courbevoie",
+ "country": "Nauru",
+ "zip": "4555",
+ "handle": "ipsum",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Henry Crane",
+ "phone": "1-480-848-3462",
+ "email": "auctor.ullamcorper.nisl@Curabitur.org",
+ "street": "319-4529 Ac St.",
+ "city": "Coevorden",
+ "country": "Cyprus",
+ "zip": "7051",
+ "handle": "hendrerit",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Eve Warren",
+ "phone": "1-947-421-8936",
+ "email": "non@Etiam.edu",
+ "street": "754-1146 Nunc Av.",
+ "city": "Diksmuide",
+ "country": "Suriname",
+ "zip": "26557",
+ "handle": "penatibus",
+ "group": "1",
+ "isFavorite": "1"
+ },
+ {
+ "name": "Hiram Kerr",
+ "phone": "1-107-523-4527",
+ "email": "montes@Maurismagna.ca",
+ "street": "Ap #606-8169 Eget Avenue",
+ "city": "Halkirk",
+ "country": "Pakistan",
+ "zip": "66074-507",
+ "handle": "tincidunt,",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Amber Larson",
+ "phone": "1-187-343-9424",
+ "email": "accumsan@justo.net",
+ "street": "P.O. Box 277, 2401 Dapibus St.",
+ "city": "Shaftesbury",
+ "country": "Antigua and Barbuda",
+ "zip": "59492",
+ "handle": "risus",
+ "group": "5",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Graham Grant",
+ "phone": "1-583-697-2983",
+ "email": "Phasellus@accumsaninterdum.co.uk",
+ "street": "206-3409 A Rd.",
+ "city": "Ruddervoorde",
+ "country": "Iran",
+ "zip": "71154",
+ "handle": "pharetra,",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Conan Mcmahon",
+ "phone": "1-825-388-4222",
+ "email": "ipsum.ac.mi@cubiliaCurae.net",
+ "street": "P.O. Box 473, 3176 A St.",
+ "city": "Rockville",
+ "country": "Gambia",
+ "zip": "8097KD",
+ "handle": "Maecenas",
+ "group": "1",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Abigail Morton",
+ "phone": "1-882-160-1744",
+ "email": "mi@dictummagna.co.uk",
+ "street": "Ap #882-346 Purus, St.",
+ "city": "Wedel",
+ "country": "Tajikistan",
+ "zip": "WE6I 6TD",
+ "handle": "non,",
+ "group": "0",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Courtney Gibbs",
+ "phone": "1-125-705-5662",
+ "email": "nulla@nislsemconsequat.net",
+ "street": "Ap #474-7459 Turpis Av.",
+ "city": "Satriano di Lucania",
+ "country": "San Marino",
+ "zip": "10580",
+ "handle": "tellus.",
+ "group": "3",
+ "isFavorite": "0"
+ },
+ {
+ "name": "Brock Hinton",
+ "phone": "1-777-134-2051",
+ "email": "dolor.sit.amet@rutrumjustoPraesent.com",
+ "street": "520-797 Blandit Rd.",
+ "city": "South Bend",
+ "country": "Uruguay",
+ "zip": "74778",
+ "handle": "Vestibulum",
+ "group": "5",
+ "isFavorite": "0"
+ }
+];
+
+function alphaContacts() {
+ contacts.sort(function(a, b) {
+ var an = a.name.split(' ').pop();
+ var bn = b.name.split(' ').pop();
+ if (an > bn) {
+ return 1;
+ } else if (bn > an) {
+ return -1;
+ } else {
+ return 0;
+ }
+ });
+ var groups = [];
+ var a;
+ for (var i = 0, c; c = contacts[i]; i++) {
+ var f = c.name.split(' ')[0].charAt(0).toUpperCase();
+ var l = c.name.split(' ').pop().charAt(0).toUpperCase();
+ c.initials = f + l;
+ if (a !== l) {
+ a = l;
+ groups.push({title: a, contacts: []});
+ }
+ groups[groups.length-1].contacts.push(c);
+ }
+ return groups;
+}
\ No newline at end of file
diff --git a/ffu/panel/src/contacts-detail.html b/ffu/panel/src/contacts-detail.html
new file mode 100644
index 0000000..ed48cd7
--- /dev/null
+++ b/ffu/panel/src/contacts-detail.html
@@ -0,0 +1,104 @@
+
+
+
+
+
+
+
+
+
+ {{contact.name}}
+
+
+
+
+
Phone
+
{{contact.phone}}
+
+
+
+
Email
+
{{contact.email}}
+
+
+
+
Address
+
{{contact.street}}
+
+
+
+
Handle
+
{{contact.handle}}
+
+
+
+