Your profile is 70% Complete
Hey John,
Check out this cool text.
\"),\r\n \"pic\": \"img/Nasta.png\",\r\n \"email\": \"petraramsey@mail.com\",\r\n \"attachment\": \"poem.txt\",\r\n \"position\": \"Great Employee\",\r\n \"tag\": \"friend\",\r\n \"labels\": ['inbox']\r\n },\r\n {\r\n \"id\": \"4563fdfvd\",\r\n \"name\": \"Nasta Linnie\",\r\n \"subject\": \"Lores ipsum\",\r\n \"date\": \"2015-11-19T03:30:45\",\r\n \"important\": false,\r\n \"body\": $sce.trustAsHtml(\"Hey John,
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ex mauris, ultrices vel lectus quis, scelerisque hendrerit ipsum. Suspendisse ullamcorper turpis neque, eget dapibus magna placerat ac. Suspendisse rhoncus ligula ac mi tempus varius ut sed lacus. Sed et commodo nulla, et placerat leo. Nam rhoncus vulputate sem non pharetra. Praesent fringilla massa in laoreet convallis. Aliquam lobortis dui a congue facilisis. Aenean dapibus semper semper. Quisque aliquam, nibh dapibus interdum condimentum, ex velit tempor tortor, at vestibulum magna leo quis leo. Morbi pulvinar varius erat ac rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In hac habitasse platea dictumst.
\" +\r\n \"Cras rhoncus quam ipsum, vel dignissim nisl egestas sed. Aliquam erat volutpat. Integer eu nisl elit. Donec malesuada diam vitae tellus luctus tincidunt. Donec tempus blandit neque, rutrum egestas ipsum sagittis tempor. Curabitur volutpat ligula enim, nec vehicula purus molestie at. Sed a facilisis enim, nec molestie magna. Donec in augue non est viverra dapibus vel tempus risus. Nam porttitor purus sit amet hendrerit ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
\"),\r\n \"pic\": \"img/Nasta.png\",\r\n \"email\": \"petraramsey@mail.com\",\r\n \"position\": \"Great Employee\",\r\n \"tag\": \"study\",\r\n \"labels\": ['inbox']\r\n },\r\n {\r\n \"id\": \"4563zxcss\",\r\n \"name\": \"Nasta Linnie\",\r\n \"subject\": \"Lores ipsum\",\r\n \"date\": \"2015-10-19T03:30:45\",\r\n \"important\": false,\r\n \"body\": $sce.trustAsHtml(\"Hey Nasta,
Lorem ipsum dolor sit amet, consectetur adipiscing elit
\"),\r\n \"pic\": \"img/Nasta.png\",\r\n \"email\": \"petraramsey@mail.com\",\r\n \"position\": \"Great Employee\",\r\n \"tag\": \"work\",\r\n \"labels\": ['sent', 'important']\r\n },\r\n {\r\n \"id\": \"8955sddf\",\r\n \"name\": \"Nick Cat\",\r\n \"subject\": \"New Design\",\r\n \"date\": \"2015-05-05T12:59:45\",\r\n \"body\": $sce.trustAsHtml(\"Hey John, Consectetur adipiscing elit
Cras rhoncus quam ipsum, vel dignissim nisl egestas sed. Aliquam erat volutpat. Integer eu nisl elit. Donec malesuada diam vitae tellus luctus tincidunt. Donec tempus blandit neque, rutrum egestas ipsum sagittis tempor. Curabitur volutpat ligula enim, nec vehicula purus molestie at. Sed a facilisis enim, nec molestie magna. Donec in augue non est viverra dapibus vel tempus risus. Nam porttitor purus sit amet hendrerit ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
\"),\r\n \"pic\": \"img/Nick.png\",\r\n \"email\": \"barlowshort@mail.com\",\r\n \"position\": \"Graphical designer\",\r\n \"attachment\": \"design.psd\",\r\n \"tag\": \"work\",\r\n \"labels\": ['inbox']\r\n },\r\n {\r\n \"id\": \"8955sdfcc\",\r\n \"name\": \"Nick Cat\",\r\n \"subject\": \"Gift card\",\r\n \"date\": \"2015-07-18T10:19:01\",\r\n \"body\": $sce.trustAsHtml(\"Hey John,
Consectetur adipiscing elit, Lorem ipsum dolor sit amet
\"),\r\n \"pic\": \"img/Nick.png\",\r\n \"email\": \"barlowshort@mail.com\",\r\n \"position\": \"Graphical designer\",\r\n \"tag\": \"study\",\r\n \"labels\": ['inbox']\r\n },\r\n {\r\n \"id\": \"8955asewf\",\r\n \"name\": \"Nick Cat\",\r\n \"subject\": \"Some news\",\r\n \"date\": \"2015-09-23T03:04:10\",\r\n \"body\": $sce.trustAsHtml(\"Hey John,
Integer eu nisl elit. Donec malesuada diam vitae tellus luctus tincidunt. Donec tempus blandit neque, rutrum egestas ipsum sagittis tempor. Curabitur volutpat ligula enim, nec vehicula purus molestie at. Sed a facilisis enim, nec molestie magna. Donec in augue non est viverra dapibus vel tempus risus. Nam porttitor purus sit amet hendrerit ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
\"),\r\n \"pic\": \"img/Nick.png\",\r\n \"email\": \"barlowshort@mail.com\",\r\n \"position\": \"Graphical designer\",\r\n \"tag\": \"work\",\r\n \"labels\": ['inbox', 'important']\r\n },\r\n {\r\n \"id\": \"2334uudsa\",\r\n \"name\": \"Kostya Danovsky\",\r\n \"subject\": \"Street Art\",\r\n \"date\": \"2015-11-22T10:05:09\",\r\n \"body\": $sce.trustAsHtml(\"Hey John,
Aliquam eu facilisis eros, quis varius est.
\" +\r\n \"Consectetur adipiscing elit. Aliquam sodales sem in nibh pellentesque, ac dignissim mi dapibus.
\" +\r\n \"Lorem ipsum dolor sit amet! Nullam imperdiet justo a ipsum laoreet euismod.
\" +\r\n \"Cras tincidunt fermentum lectus, quis scelerisque lorem volutpat sed.\" +\r\n \"Sed quis orci sed nisl sagittis viverra id at mauris. Nam venenatis mi nibh. Sed fringilla mattis vehic
\"),\r\n \"pic\": \"img/Kostya.png\",\r\n \"email\": \"schwart@mail.com\",\r\n \"position\": \"Technical Chef\",\r\n \"attachment\": \"file.doc\",\r\n \"tag\": \"family\",\r\n \"labels\": ['inbox', 'important']\r\n },\r\n {\r\n \"id\": \"2334aefvv\",\r\n \"name\": \"Kostya Danovsky\",\r\n \"subject\": \"New product\",\r\n \"date\": \"2015-06-22T06:26:10\",\r\n \"body\": $sce.trustAsHtml(\"Hello John,
\u0003Lorem ipsum dolor sit amet!
\" +\r\n \"Consectetur adipiscing elit. Aliquam sodales sem in nibh pellentesque, ac dignissim mi dapibus.
\" +\r\n \"Aliquam eu facilisis eros, quis varius est. Nullam imperdiet justo a ipsum laoreet euismod.
\" +\r\n \"Nulla facilisi. Nulla congue, arcu eget blandit lacinia, leo ante ullamcorper lectus, vel pulvinar justo ipsum vitae justo.\" +\r\n \"Cras tincidunt fermentum lectus, quis scelerisque lorem volutpat sed. Sed quis orci sed nisl sagittis viverra id at mauris. Nam venenatis mi nibh. Sed fringilla mattis vehic
\"),\r\n \"pic\": \"img/Kostya.png\",\r\n \"email\": \"schwart@mail.com\",\r\n \"position\": \"Technical Chef\",\r\n \"tag\": \"family\",\r\n \"labels\": ['inbox', 'important']\r\n },\r\n {\r\n \"id\": \"2334cvdss\",\r\n \"name\": \"Kostya Danovsky\",\r\n \"subject\": \"Old product\",\r\n \"date\": \"2015-06-22T06:26:10\",\r\n \"body\": $sce.trustAsHtml(\"Hello John,
\" +\r\n \"Consectetur adipiscing elit. Aliquam sodales sem in nibh pellentesque, ac dignissim mi dapibus.
\" +\r\n \"Cras tincidunt fermentum lectus, quis scelerisque lorem volutpat sed. Sed quis orci sed nisl sagittis viverra id at mauris. Nam venenatis mi nibh. Sed fringilla mattis vehic
\"),\r\n \"pic\": \"img/Kostya.png\",\r\n \"email\": \"schwart@mail.com\",\r\n \"position\": \"Technical Chef\",\r\n \"tag\": \"study\",\r\n \"labels\": ['trash']\r\n },\r\n {\r\n \"id\": \"8223xzxfn\",\r\n \"name\": \"Andrey Hrabouski\",\r\n \"subject\": \"Skype moji\",\r\n \"date\": \"2015-07-16T06:47:53\",\r\n \"body\": $sce.trustAsHtml(\"Hello John,
Aliquam sodales sem in nibh pellentesque
\" +\r\n \"Lorem ipsum dolor I find moji in skype sit amet!.
\"),\r\n \"pic\": \"img/Andrey.png\",\r\n \"email\": \"lakeishaphillips@mail.com\",\r\n \"position\": \"Mobile Developer\",\r\n \"tag\": 'family',\r\n \"labels\": ['trash']\r\n },\r\n {\r\n \"id\": \"8223sdffn\",\r\n \"name\": \"Andrey Hrabouski\",\r\n \"subject\": \"My App\",\r\n \"date\": \"2015-06-20T07:05:02\",\r\n \"body\": $sce.trustAsHtml(\"Hey Vlad.
\u0003Lorem ipsum dolor sit amet!
\" +\r\n \"Consectetur My Falasson App elit. Aliquam sodales sem in nibh pellentesque, ac dignissim mi dapibus.
\"),\r\n \"pic\": \"img/Andrey.png\",\r\n \"email\": \"lakeishaphillips@mail.com\",\r\n \"position\": \"Mobile Developer\",\r\n \"tag\": 'family',\r\n \"labels\": ['spam']\r\n },\r\n {\r\n \"id\": \"9391xdsff\",\r\n \"name\": \"Vlad Lugovsky\",\r\n \"subject\": \"Cool\",\r\n \"date\": \"2015-03-31T11:52:58\",\r\n \"body\": $sce.trustAsHtml(\"Hey Vlad.
Aliquam sodales sem in nibh pellentesque
\" +\r\n \"Cras tincidunt fermentum lectus, quis scelerisque lorem volutpat sed.
\"),\r\n \"pic\": \"img/Vlad.png\",\r\n \"email\": \"carlsongoodman@mail.com\",\r\n \"position\": \"Fullstack man\",\r\n \"tag\": \"study\",\r\n \"labels\": ['draft']\r\n },\r\n {\r\n \"id\": \"8223xsdaa\",\r\n \"name\": \"Andrey Hrabouski\",\r\n \"subject\": \"Car rent\",\r\n \"date\": \"2015-02-25T10:58:58\",\r\n \"body\": $sce.trustAsHtml(\"Hey Andrey.
\" +\r\n \"Cras tincidunt fermentum lectus, quis scelerisque lorem volutpat sed. Sed quis orci sed nisl sagittis viverra id at mauris. Nam venenatis mi nibh. Sed fringilla mattis vehic
\"),\r\n \"pic\": \"img/Andrey.png\",\r\n \"email\": \"lakeishaphillips@mail.com\",\r\n \"position\": \"Mobile Developer\",\r\n \"tag\": \"family\",\r\n \"labels\": ['draft']\r\n },\r\n {\r\n \"id\": \"9391xdsff\",\r\n \"name\": \"Vlad Lugovsky\",\r\n \"subject\": \"What next\",\r\n \"date\": \"2015-03-31T11:52:58\",\r\n \"body\": $sce.trustAsHtml(\"Hey Vlad.
\u0003Lorem ipsum dolor sit amet!
\" +\r\n \"Esse esse labore tempor ullamco ullamco. Id veniam laborum c.
\"),\r\n \"pic\": \"img/Vlad.png\",\r\n \"email\": \"carlsongoodman@mail.com\",\r\n \"position\": \"Fullstack man\",\r\n \"tag\": \"study\",\r\n \"labels\": ['sent']\r\n }\r\n ].sort(function (a, b) {\r\n if (a.date > b.date) return 1;\r\n if (a.date < b.date) return -1;\r\n }).reverse();\r\n var tabs = [{\r\n label: 'inbox',\r\n name: 'Inbox',\r\n newMails: 7\r\n }, {\r\n label: 'sent',\r\n name: 'Sent Mail'\r\n }, {\r\n label: 'important',\r\n name: 'Important'\r\n }, {\r\n label: 'draft',\r\n name: 'Draft',\r\n newMails: 2\r\n }, {\r\n label: 'spam',\r\n name: 'Spam'\r\n }, {\r\n label: 'trash',\r\n name: 'Trash'\r\n }];\r\n\r\n return{\r\n getTabs : function(){\r\n return tabs\r\n },\r\n getMessagesByLabel : function(label){\r\n return messages.filter(function(m){\r\n return m.labels.indexOf(label) != -1;\r\n });\r\n },\r\n getMessageById : function(id){\r\n return messages.filter(function(m){\r\n return m.id == id;\r\n })[0];\r\n }\r\n }\r\n\r\n }\r\n\r\n})();\n/**\r\n * @author v.lugovsky\r\n * created on 16.12.2015\r\n */\r\n(function () {\r\n 'use strict';\r\n\r\n angular.module('BlurAdmin.pages.components.mail')\r\n .controller('MailTabCtrl', MailTabCtrl);\r\n\r\n /** @ngInject */\r\n function MailTabCtrl(composeModal, mailMessages) {\r\n\r\n var vm = this;\r\n vm.navigationCollapsed = true;\r\n vm.showCompose = function(subject, to , text){\r\n composeModal.open({\r\n subject : subject,\r\n to: to,\r\n text: text\r\n })\r\n };\r\n\r\n vm.tabs = mailMessages.getTabs();\r\n }\r\n\r\n})();\r\n\n/**\r\n * @author a.demeshko\r\n * created on 12/21/15\r\n */\r\n(function () {\r\n 'use strict';\r\n\r\n angular.module('BlurAdmin.pages.components.tree')\r\n .controller('treeCtrl', treeCtrl);\r\n\r\n /** @ngInject */\r\n function treeCtrl($scope, $timeout) {\r\n\r\n $scope.ignoreChanges = false;\r\n var newId = 0;\r\n $scope.ignoreChanges = false;\r\n $scope.newNode = {};\r\n\r\n $scope.basicConfig = {\r\n core: {\r\n multiple: false,\r\n check_callback: true,\r\n worker: true\r\n },\r\n 'types': {\r\n 'folder': {\r\n 'icon': 'ion-ios-folder'\r\n },\r\n 'default': {\r\n 'icon': 'ion-document-text'\r\n }\r\n },\r\n 'plugins': ['types'],\r\n 'version': 1\r\n };\r\n\r\n $scope.dragConfig = {\r\n 'core': {\r\n 'check_callback': true,\r\n 'themes': {\r\n 'responsive': false\r\n }\r\n },\r\n 'types': {\r\n 'folder': {\r\n 'icon': 'ion-ios-folder'\r\n },\r\n 'default': {\r\n 'icon': 'ion-document-text'\r\n }\r\n },\r\n \"plugins\": [\"dnd\", 'types']\r\n };\r\n\r\n $scope.addNewNode = function () {\r\n $scope.ignoreChanges = true;\r\n var selected = this.basicTree.jstree(true).get_selected()[0];\r\n if (selected)\r\n $scope.treeData.push({\r\n id: (newId++).toString(),\r\n parent: selected,\r\n text: \"New node \" + newId,\r\n state: {opened: true}\r\n });\r\n $scope.basicConfig.version++;\r\n };\r\n\r\n\r\n $scope.refresh = function () {\r\n $scope.ignoreChanges = true;\r\n newId = 0;\r\n $scope.treeData = getDefaultData();\r\n $scope.basicConfig.version++;\r\n };\r\n\r\n $scope.expand = function () {\r\n $scope.ignoreChanges = true;\r\n $scope.treeData.forEach(function (n) {\r\n n.state.opened = true;\r\n });\r\n $scope.basicConfig.version++;\r\n };\r\n\r\n $scope.collapse = function () {\r\n $scope.ignoreChanges = true;\r\n $scope.treeData.forEach(function (n) {\r\n n.state.opened = false;\r\n });\r\n $scope.basicConfig.version++;\r\n };\r\n\r\n $scope.readyCB = function() {\r\n $timeout(function() {\r\n $scope.ignoreChanges = false;\r\n });\r\n };\r\n\r\n\r\n $scope.applyModelChanges = function() {\r\n return !$scope.ignoreChanges;\r\n };\r\n\r\n $scope.treeData = getDefaultData();\r\n $scope.dragData = [\r\n {\r\n \"id\": \"nd1\",\r\n \"parent\": \"#\",\r\n \"type\": \"folder\",\r\n \"text\": \"Node 1\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"nd2\",\r\n \"parent\": \"#\",\r\n \"type\": \"folder\",\r\n \"text\": \"Node 2\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"nd3\",\r\n \"parent\": \"#\",\r\n \"type\": \"folder\",\r\n \"text\": \"Node 3\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"nd4\",\r\n \"parent\": \"#\",\r\n \"type\": \"folder\",\r\n \"text\": \"Node 4\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"nd5\",\r\n \"parent\": \"nd1\",\r\n \"text\": \"Node 1.1\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"nd6\",\r\n \"parent\": \"nd1\",\r\n \"text\": \"Node 1.2\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"nd7\",\r\n \"parent\": \"nd1\",\r\n \"text\": \"Node 1.3\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"nd8\",\r\n \"parent\": \"nd2\",\r\n \"text\": \"Node 2.1\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"nd9\",\r\n \"parent\": \"nd2\",\r\n \"text\": \"Node 2.2\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"nd10\",\r\n \"parent\": \"nd2\",\r\n \"text\": \"Node 2.3\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"nd11\",\r\n \"parent\": \"nd3\",\r\n \"text\": \"Node 3.1\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"nd12\",\r\n \"parent\": \"nd3\",\r\n \"text\": \"Node 3.2\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"nd13\",\r\n \"parent\": \"nd3\",\r\n \"text\": \"Node 3.3\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"nd14\",\r\n \"parent\": \"nd4\",\r\n \"text\": \"Node 4.1\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"nd15\",\r\n \"parent\": \"nd4\",\r\n \"text\": \"Node 4.2\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"nd16\",\r\n \"parent\": \"nd4\",\r\n \"text\": \"Node 4.3\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n }\r\n ];\r\n\r\n function getDefaultData() {\r\n return [\r\n {\r\n \"id\": \"n1\",\r\n \"parent\": \"#\",\r\n \"type\": \"folder\",\r\n \"text\": \"Node 1\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"n2\",\r\n \"parent\": \"#\",\r\n \"type\": \"folder\",\r\n \"text\": \"Node 2\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"n3\",\r\n \"parent\": \"#\",\r\n \"type\": \"folder\",\r\n \"text\": \"Node 3\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"n5\",\r\n \"parent\": \"n1\",\r\n \"text\": \"Node 1.1\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"n6\",\r\n \"parent\": \"n1\",\r\n \"text\": \"Node 1.2\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"n7\",\r\n \"parent\": \"n1\",\r\n \"text\": \"Node 1.3\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"n8\",\r\n \"parent\": \"n1\",\r\n \"text\": \"Node 1.4\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"n9\",\r\n \"parent\": \"n2\",\r\n \"text\": \"Node 2.1\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"n10\",\r\n \"parent\": \"n2\",\r\n \"text\": \"Node 2.2 (Custom icon)\",\r\n \"icon\": \"ion-help-buoy\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"n12\",\r\n \"parent\": \"n3\",\r\n \"text\": \"Node 3.1\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"n13\",\r\n \"parent\": \"n3\",\r\n \"type\": \"folder\",\r\n \"text\": \"Node 3.2\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"n14\",\r\n \"parent\": \"n13\",\r\n \"text\": \"Node 3.2.1\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"n15\",\r\n \"parent\": \"n13\",\r\n \"text\": \"Node 3.2.2\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"n16\",\r\n \"parent\": \"n3\",\r\n \"text\": \"Node 3.3\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"n17\",\r\n \"parent\": \"n3\",\r\n \"text\": \"Node 3.4\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"n18\",\r\n \"parent\": \"n3\",\r\n \"text\": \"Node 3.5\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n },\r\n {\r\n \"id\": \"n19\",\r\n \"parent\": \"n3\",\r\n \"text\": \"Node 3.6\",\r\n \"state\": {\r\n \"opened\": true\r\n }\r\n }\r\n ]\r\n }\r\n\r\n\r\n }\r\n})();\n(function () {\r\n 'use strict';\r\n\r\n angular.module('BlurAdmin.pages.form')\r\n .controller('WizardCtrl', WizardCtrl);\r\n\r\n /** @ngInject */\r\n function WizardCtrl($scope) {\r\n var vm = this;\r\n\r\n vm.personalInfo = {};\r\n vm.productInfo = {};\r\n vm.shipment = {};\r\n\r\n vm.arePersonalInfoPasswordsEqual = function () {\r\n return vm.personalInfo.confirmPassword && vm.personalInfo.password == vm.personalInfo.confirmPassword;\r\n };\r\n }\r\n\r\n})();\r\n\r\n\n/**\r\n * @author v.lugovksy\r\n * created on 16.12.2015\r\n */\r\n(function () {\r\n 'use strict';\r\n\r\n angular.module('BlurAdmin.pages.components.timeline')\r\n .controller('TimelineCtrl', TimelineCtrl);\r\n\r\n /** @ngInject */\r\n function TimelineCtrl() {\r\n var timelineBlocks = $('.cd-timeline-block'),\r\n offset = 0.8;\r\n\r\n //hide timeline blocks which are outside the viewport\r\n hideBlocks(timelineBlocks, offset);\r\n\r\n //on scolling, show/animate timeline blocks when enter the viewport\r\n $(window).on('scroll', function () {\r\n if (!window.requestAnimationFrame) {\r\n setTimeout(function () {\r\n showBlocks(timelineBlocks, offset);\r\n }, 100);\r\n } else {\r\n window.requestAnimationFrame(function () {\r\n showBlocks(timelineBlocks, offset);\r\n });\r\n }\r\n });\r\n\r\n function hideBlocks(blocks, offset) {\r\n blocks.each(function () {\r\n ( $(this).offset().top > $(window).scrollTop() + $(window).height() * offset ) && $(this).find('.cd-timeline-img, .cd-timeline-content').addClass('is-hidden');\r\n });\r\n }\r\n\r\n function showBlocks(blocks, offset) {\r\n blocks.each(function () {\r\n ( $(this).offset().top <= $(window).scrollTop() + $(window).height() * offset && $(this).find('.cd-timeline-img').hasClass('is-hidden') ) && $(this).find('.cd-timeline-img, .cd-timeline-content').removeClass('is-hidden').addClass('bounce-in');\r\n });\r\n }\r\n }\r\n})();\n/**\r\n * @author v.lugovsky\r\n * created on 16.12.2015\r\n */\r\n(function () {\r\n 'use strict';\r\n\r\n angular.module('BlurAdmin.pages.maps')\r\n .controller('GmapPageCtrl', GmapPageCtrl);\r\n\r\n /** @ngInject */\r\n function GmapPageCtrl($timeout) {\r\n function initialize() {\r\n var mapCanvas = document.getElementById('google-maps');\r\n var mapOptions = {\r\n center: new google.maps.LatLng(44.5403, -78.5463),\r\n zoom: 8,\r\n mapTypeId: google.maps.MapTypeId.ROADMAP\r\n };\r\n var map = new google.maps.Map(mapCanvas, mapOptions);\r\n }\r\n\r\n $timeout(function(){\r\n initialize();\r\n }, 100);\r\n }\r\n\r\n})();\r\n\n/**\r\n * @author v.lugovsky\r\n * created on 16.12.2015\r\n */\r\n(function () {\r\n 'use strict';\r\n\r\n angular.module('BlurAdmin.pages.maps')\r\n .controller('LeafletPageCtrl', LeafletPageCtrl);\r\n\r\n /** @ngInject */\r\n function LeafletPageCtrl($timeout) {\r\n function initialize() {\r\n L.Icon.Default.imagePath = 'assets/img/theme/vendor/leaflet/dist/images';\r\n var map = L.map(document.getElementById('leaflet-map')).setView([51.505, -0.09], 13);\r\n L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {\r\n attribution: '© OpenStreetMap contributors'\r\n }).addTo(map);\r\n\r\n L.marker([51.5, -0.09]).addTo(map)\r\n .bindPopup('A pretty CSS3 popup.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.
Jan 14Donec dapibus at leo eget volutpat. Praesent dolor tellus, ultricies venenatis molestie eu, luctus eget nibh. Curabitur ullamcorper eleifend nisl.
Jan 18Phasellus auctor tellus eget lacinia condimentum. Cum sociis natoque penatibus et magnis dis parturient montes.
Feb 18Morbi fringilla in massa ac posuere. Fusce non sagittis massa, id accumsan odio. Nullam eget tempor est. Etiam eu felis eu purus aliquam tristique id quis nisl. Nam eros nibh, consequat sed pulvinar eu, ultrices ornare ligula. Aenean interdum sed nunc sed hendrerit.
Feb 20Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur eget mattis metus. Nullam egestas eros metus, quis fringilla urna accumsan sed. Aliquam ultrices at arcu vitae tincidunt.
Feb 21Praesent bibendum ante mattis augue consectetur, ut commodo turpis consequat. Donec ligula eros, porta in iaculis vel, semper ac sem. Integer at mauris lorem.
Feb 23Vivamus ut laoreet erat, vitae eleifend eros. Sed varius id tellus non lobortis. Sed dolor ante, cursus non scelerisque sed, euismod id eros.
Feb 24{{::label}}+{{data.percentage[i]}}%
| Browser | Visits | Downloads | Purchases | DAU | MAU | LTV | Users % | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
![](\"img/chrome.svg\") | Google Chrome | 10,392 | 3,822 | 4,214 | 899 | 7,098 | 178 | 45% | |||||||
![](\"img/firefox.svg\") | Mozilla Firefox | 7,873 | 6,003 | 3,031 | 897 | 8,997 | 102 | 28% | |||||||
![](\"img/ie.svg\") | Internet Explorer | 5,890 | 3,492 | 2,102 | 27 | 4,039 | 99 | 17% | |||||||
![](\"img/safari.svg\") | Safari | 4,001 | 2,039 | 1,001 | 104 | 3,983 | 209 | 14% | |||||||
![](\"img/opera.svg\") | Opera | 1,833 | 983 | 83 | 19 | 1,099 | 103 | 5% |
| Browser | Visits | Purchases | % | |
|---|---|---|---|---|
| {{item.browser}} | {{item.visits}} | {{item.purchases}} | {{item.percent}} |
| # | First Name | Last Name | Username | Status | |
|---|---|---|---|---|---|
| {{item.id}} | {{item.firstName}} | {{item.lastName}} | {{item.username}} | {{item.email}} |
| # | First Name | Last Name | Username | Age | |
|---|---|---|---|---|---|
| 1 | Mark | Otto | @mdo | mdo@gmail.com | 28 |
| 2 | Jacob | Thornton | @fat | fat@yandex.ru | 45 |
| 3 | Larry | Bird | twitter@outlook.com | 18 | |
| 4 | John | Snow | @snow | snow@gmail.com | 20 |
| 5 | Jack | Sparrow | @jack | jack@yandex.ru | 30 |
| Name | Status | Group | Actions | |
| {{$index}} | {{ user.name || \\'empty\\' }} | {{ showStatus(user) }} | {{ showGroup(user) }} |
| # | First Name | Last Name | Username | Age | |
|---|---|---|---|---|---|
| {{item.id}} | {{item.firstName}} | {{item.lastName}} | {{item.username}} | {{item.email}} | {{item.age}} |
| Browser | Visits | Purchases | % | ||||
|---|---|---|---|---|---|---|---|
| {{item.browser}} | {{item.visits}} | {{item.purchases}} | {{item.percent}} |
| # | First Name | Last Name | Username | Age | |
|---|---|---|---|---|---|
| 1 | Mark | Otto | @mdo | mdo@gmail.com | 28 |
| 2 | Jacob | Thornton | @fat | fat@yandex.ru | 45 |
| 3 | Larry | Bird | twitter@outlook.com | 18 | |
| 4 | John | Snow | @snow | snow@gmail.com | 20 |
| 5 | Jack | Sparrow | @jack | jack@yandex.ru | 30 |
| # | First Name | Last Name | Username | Age | |
|---|---|---|---|---|---|
| {{item.id}} | {{item.firstName}} | {{item.lastName}} | {{item.username}} | {{item.email}} | {{item.age}} |
| # | First Name | Last Name | Username | Age | |
|---|---|---|---|---|---|
| {{item.id}} | {{item.firstName}} | {{item.lastName}} | {{item.username}} | {{item.email}} | {{item.age}} |
Resize your viewport or check it out on your phone for an example.
| Extra small devices Phones (<768px) | Small devices Tablets (\\u2265768px) | Medium devices Desktops (\\u2265992px) | Large devices Desktops (\\u22651200px) | |
|---|---|---|---|---|
| Grid behavior | Horizontal at all times | Collapsed to start, horizontal above breakpoints | ||
| Container width | None (auto) | 750px | 970px | 1170px |
| Class prefix | .col-xs- | .col-sm- | .col-md- | .col-lg- |
| # of columns | 12 | |||
| Column width | Auto | ~62px | ~81px | ~97px |
| Gutter width | 30px (15px on each side of a column) | |||
| Nestable | Yes | |||
| Offsets | Yes | |||
| Column ordering | Yes |
{{optionsStr}}Suspendisse nec tellus urna. Sed id est metus. Nullam sit amet dolor nec ipsum dictum suscipit. Mauris sed nisi mauris. Nulla iaculis nisl ut velit ornare imperdiet. Suspendisse potenti. In tempor leo sed sem malesuada pellentesque. Maecenas faucibus metus lacus, ac egestas diam vulputate vitae.
Sed dapibus, purus vel hendrerit consectetur, lectus orci gravida massa, sed bibendum dui mauris et eros. Nulla dolor massa, posuere et dictum sit amet, dignissim quis odio. Fusce mollis finibus dignissim. Integer sodales augue erat. Pellentesque laoreet vestibulum urna at iaculis. Nulla libero augue, euismod at diam eget, aliquam condimentum ligula. Donec a leo eu est molestie lacinia hendrerit sed lorem. Duis id diam eu metus sodales consequat vel eu elit. Praesent dolor nibh, convallis eleifend feugiat a, finibus porttitor nibh. Ut non libero vel velit pulvinar scelerisque non vel lorem. Integer porta tempor nulla. Sed nibh erat, ultrices vel lorem eu, rutrum vehicula sem.
Donec nec tellus urna. Sed id est metus. Nullam sit amet dolor nec ipsum dictum suscipit. Mauris sed nisi mauris. Nulla iaculis nisl ut velit ornare imperdiet. Suspendisse potenti. In tempor leo sed sem malesuada pellentesque. Maecenas faucibus metus lacus, ac egestas diam vulputate vitae.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fermentum nec ligula egestas rhoncus. Sed dignissim, augue vel scelerisque vulputate, nisi ante posuere lorem, quis iaculis eros dolor eu nisl. Etiam sagittis, ipsum ac tempor iaculis, justo neque mattis ante, ac maximus sapien risus eu sapien. Morbi erat urna, varius et lectus vel, porta dictum orci. Duis bibendum euismod elit, et lobortis purus venenatis in. Mauris eget lacus enim. Cras quis sem et magna fringilla convallis. Proin hendrerit nulla vel gravida mollis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum consectetur quis purus vel aliquam.
A panel in bootstrap is a bordered box with some padding around its content.
Panels are created with the .panel class, and content inside the panel has a .panel-body class. The .panel-default .panel-primary .panel-danger and other classes are used to style the color of the panel. See the next example on this page for more contextual classes.
The .panel-heading class adds a heading to the panel.Easily add a heading container to your panel with .panel-heading. You may also include any h1-h6 with a .panel-title class to add a pre-styled heading.
Wrap buttons or secondary text in .panel-footer. Note that panel footers do not inherit colors and borders when using contextual variations as they are not meant to be in the foreground.
.panel-default panel.panel-primary panel.panel-success panel.panel-info panel.panel-warning panel.panel-danger panelTo group many panels together, wrap a <div> with class \\r\\n .panel-group around them.
The .panel-group class clears the bottom-margin of each panel.
Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra, placerat vestibulum eleifend pellentesque.
Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra, placerat vestibulum eleifend pellentesque.
Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra, placerat vestibulum eleifend pellentesque.
Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra,.
Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar, lacinia scelerisque pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis.
Curabitur bibendum ornare dolor, quis ullamcorper ligula dfgz`zzsodales at. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullam-corper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla.
Secondary text. Lorem ipsum dolor sit amet, id mollis iaculis mi nisl pulvinar,
lacinia scelerisque pharetra, placerat vestibulum eleifend
pellentesque, mi nam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Curabitur bibendum ornare dolor, quis ullamcorper ligula dfgz`zzsodales at. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit. In sed ornare nulla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla.
Vel elit, eros elementum, id lacinia, duis non ut ut tortor blandit. Mauris dapibus magna rutrum. Ornare neque suspendisse phasellus wisi, quam cras pede rutrum suspendisse, felis amet eu. Congue magna elit quisque quia, nullam justo sagittis, ante erat libero placerat, proin condimentum consectetuer lacus. Velit condimentum velit, sed penatibus arcu nulla.
Et suspendisse, adipiscing fringilla ornare sit ligula sed, vel nam. Interdum et justo nulla, fermentum lobortis purus ut eu, duis nibh dolor massa tristique elementum, nibh iste potenti risus fusce aliquet fusce, ullamcorper debitis primis arcu tellus vestibulum ac.
Eget augue, lacus erat ante egestas scelerisque aliquam, metus molestie leo in habitasse magna maecenas
Lean moreAugue massa et parturient, suspendisse orci nec scelerisque sit, integer nam mauris pede consequat in velit
Lean moreEget turpis, tortor lobortis porttitor, vestibulum nullam vehicula aliquam
Lean moreTake up one idea. Make that one idea your life--think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success.
People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a way to succeed. Similarly, when someone is failing, the tendency is to get on a downward spiral that can even become a self-fulfilling prophecy.
The reason most people never reach their goals is that they don\\'t define them, or ever seriously consider them as believable or achievable. Winners can tell you where they are going, what they plan to do along the way, and who will be sharing the adventure with them.
You can\\'t connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future. You have to trust in something--your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life.
The reason most people never reach their goals is that they don\\'t define them, or ever seriously consider them as believable or achievable. Winners can tell you where they are going, what they plan to do along the way, and who will be sharing the adventure with them.
Success is ... knowing your purpose in life, growing to reach your maximum potential, and sowing seeds that benefit others.
Failure is the condiment that gives success its flavor.
The body of the uib-accordion group grows to fit the contents
Take up one idea.
People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a way to succeed.
You can\\'t connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future. You have to trust in something--your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life.
The reason most people never reach their goals is that they don\\'t define them, or ever seriously consider them as believable or achievable. Winners can tell you where they are going, what they plan to do along the way, and who will be sharing the adventure with them.
Success is ... knowing your purpose in life, growing to reach your maximum potential, and sowing seeds that benefit others.
Failure is the condiment that gives success its flavor.
Take up one idea.
People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a way to succeed.
You can\\'t connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future. You have to trust in something--your gut, destiny, life, karma, whatever. This approach has never let me down, and it has made all the difference in my life.
The reason most people never reach their goals is that they don\\'t define them, or ever seriously consider them as believable or achievable. Winners can tell you where they are going, what they plan to do along the way, and who will be sharing the adventure with them.
Success is ... knowing your purpose in life, growing to reach your maximum potential, and sowing seeds that benefit others.
Failure is the condiment that gives success its flavor.
{{m.name}} {{m.tag}} | {{m.subject}} | {{m.body | plainText}} | {{m.date | date : \\'MMM d HH:mm\\'}} |