Details header fix, tooltip, sorting optimisations

and improved contact model + store

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

10 files changed, 309 insertions, 49 deletions

diff --git a/css/details.scss b/css/details.scss
index 545c21c4..b99c534c 100644
--- a/css/details.scss
+++ b/css/details.scss
@@ -25,17 +25,19 @@
 	// header
 	header {
 		height: 100px;
-		padding-left: 44px;
 		display: flex;
 		font-weight: bold;
 		align-items: center;
-		#contact-avatar {
+
+		// AVATAR
+		#contact-header-avatar {
 			position: relative;
 			height: 75px;
 			width: 75px;
 			border-radius: 50%;
 			overflow: hidden;
 			flex-shrink: 0;
+			margin: 0 22px 0 44px;
 			.contact-avatar-background {
 				background-color: var(--color-background-dark);
 				opacity: .2;
@@ -64,6 +66,51 @@
 				height: 100%;
 			}
 		}
+		
+		// ORG-TITLE-NAME
+		#contact-header-infos {
+			display: flex;
+			flex-direction: column;
+			flex: 1 1;
+			h2,
+			#details-org-container {
+				display: flex;
+				margin: 0;
+			}
+			input {
+				font-size: inherit;
+				color: #fff !important;
+				text-shadow: 0 0 2px var(--color-box-shadow);
+				background: transparent;
+				border: none;
+				text-overflow: ellipsis;
+				overflow: hidden;
+				white-space: nowrap;
+				max-width: 100%;
+				margin: 0;
+				padding: 4px 5px;
+				flex: 1 1;
+				&::placeholder {
+					color: #fff !important;
+					opacity: .8;
+				}
+			}
+			#contact-org {
+				max-width: 20%;
+				min-width: 10vw;
+			}
+		}
+
+		// ACTIONS
+		#contact-header-actions {
+			position: relative;
+			.icon-more {
+				height: 44px;
+				width: 44px;
+				padding: 14px;
+				cursor: pointer;
+			}
+		}
 	}
 
 
diff --git a/js/contacts.js b/js/contacts.js
index e99d178d..baeafa53 100644
--- a/js/contacts.js
+++ b/js/contacts.js
@@ -142,7 +142,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _contact = __webpack_require__(/*! ../models/contact */ \"./src/models/contact.js\");\n\nvar _contact2 = _interopRequireDefault(_contact);\n\nvar _ical = __webpack_require__(/*! ical.js */ \"./node_modules/ical.js/build/ical.js\");\n\nvar _ical2 = _interopRequireDefault(_ical);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexports.default = {\n\tname: 'ContentDetails',\n\tprops: {\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tuid: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined\n\t\t}\n\t},\n\tdata: function data() {\n\t\treturn {\n\t\t\tcontact: undefined\n\t\t};\n\t},\n\n\tcomputed: {\n\t\tcolorAvatar: function colorAvatar() {\n\t\t\ttry {\n\t\t\t\tvar color = this.contact.uid.toRgb();\n\t\t\t\treturn 'rgb(' + color.r + ', ' + color.g + ', ' + color.b + ')';\n\t\t\t} catch (e) {\n\t\t\t\treturn 'grey';\n\t\t\t}\n\t\t}\n\t},\n\twatch: {\n\t\t// url changed, get and show selected contact\n\t\tuid: function uid() {\n\t\t\tthis.updateLocalContact();\n\t\t},\n\t\t// done loading, check if the provided uid is valid and open details\n\t\tloading: function loading() {\n\t\t\tif (this.uid) {\n\t\t\t\tthis.updateLocalContact();\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\tupdateLocalContact: function updateLocalContact() {\n\t\t\t// create new local instance of this contact\n\t\t\tvar contact = this.$store.getters.getContact(this.uid);\n\t\t\tthis.contact = new _contact2.default(_ical2.default.stringify(contact.jCal), contact.addressbook);\n\t\t}\n\t}\n\n};\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vc3JjL2NvbXBvbmVudHMvY29udGVudERldGFpbHMudnVlPzVlNzMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBbUVBOzs7O0FBQ0E7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7a0JBRUE7QUFDQSx1QkFEQTtBQUVBO0FBQ0E7QUFDQSxnQkFEQTtBQUVBO0FBRkEsR0FEQTtBQUtBO0FBQ0EsZUFEQTtBQUVBO0FBRkE7QUFMQSxFQUZBO0FBWUEsS0FaQSxrQkFZQTtBQUNBO0FBQ0E7QUFEQTtBQUdBLEVBaEJBOztBQWlCQTtBQUNBLGFBREEseUJBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUhBLENBR0E7QUFDQTtBQUNBO0FBQ0E7QUFSQSxFQWpCQTtBQTJCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBSkE7QUFLQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFWQSxFQTNCQTtBQXVDQTtBQUNBLG9CQURBLGdDQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFMQTs7QUF2Q0EsQyIsImZpbGUiOiIuL25vZGVfbW9kdWxlcy9iYWJlbC1sb2FkZXIvbGliL2luZGV4LmpzIS4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2luZGV4LmpzPyEuL3NyYy9jb21wb25lbnRzL2NvbnRlbnREZXRhaWxzLnZ1ZT92dWUmdHlwZT1zY3JpcHQmbGFuZz1qcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIjwhLS1cbiAgLSBAY29weXJpZ2h0IENvcHlyaWdodCAoYykgMjAxOCBKb2huIE1vbGFrdm/DpiA8c2tqbmxkc3ZAcHJvdG9ubWFpbC5jb20+XG4gIC1cbiAgLSBAYXV0aG9yIEpvaG4gTW9sYWt2b8OmIDxza2pubGRzdkBwcm90b25tYWlsLmNvbT5cbiAgLVxuICAtIEBsaWNlbnNlIEdOVSBBR1BMIHZlcnNpb24gMyBvciBhbnkgbGF0ZXIgdmVyc2lvblxuICAtXG4gIC0gVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAgLSBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBBZmZlcm8gR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhc1xuICAtIHB1Ymxpc2hlZCBieSB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZVxuICAtIExpY2Vuc2UsIG9yIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gIC1cbiAgLSBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAgLSBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICAtIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gIFNlZSB0aGVcbiAgLSBHTlUgQWZmZXJvIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAgLVxuICAtIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBBZmZlcm8gR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICAtIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSA8aHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLz4uXG4gIC1cbiAgLS0+XG5cbjx0ZW1wbGF0ZT5cblx0PGRpdiBpZD1cImNvbnRhY3QtZGV0YWlsc1wiIGNsYXNzPVwiYXBwLWNvbnRlbnQtZGV0YWlsc1wiPlxuXG5cdFx0PCEtLSBub3RoaW5nIHNlbGVjdGVkIG9yIGNvbnRhY3Qgbm90IGZvdW5kIC0tPlxuXHRcdDxkaXYgdi1pZj1cIiFjb250YWN0ICYmICFsb2FkaW5nXCIgaWQ9XCJlbXB0eWNvbnRlbnRcIj5cblx0XHRcdDxkaXYgY2xhc3M9XCJpY29uLWNvbnRhY3RzXCIgLz5cblx0XHRcdDxoMj57eyB0KCdjb250YWN0cycsICdObyBjb250YWN0IHNlbGVjdGVkJykgfX08L2gyPlxuXHRcdFx0PHA+e3sgdCgnY29udGFjdHMnLCAnU2VsZWN0IGEgY29udGFjdCBvbiB0aGUgbGlzdCB0byBiZWdpbicpIH19PC9wPlxuXHRcdDwvZGl2PlxuXG5cdFx0PCEtLSBsb2FkaW5nIC0tPlxuXHRcdDxkaXYgdi1lbHNlLWlmPVwiIWNvbnRhY3QgJiYgbG9hZGluZ1wiIGlkPVwiZW1wdHljb250ZW50XCI+XG5cdFx0XHQ8ZGl2IGNsYXNzPVwiaWNvbi1jb250YWN0c1wiIC8+XG5cdFx0XHQ8aDI+e3sgdCgnY29udGFjdHMnLCAnTG9hZGluZycpIH19PC9oMj5cblx0XHQ8L2Rpdj5cblxuXHRcdDx0ZW1wbGF0ZSB2LWVsc2U+XG5cdFx0XHQ8IS0tIGNvbnRhY3QgaGVhZGVyIC0tPlxuXHRcdFx0PGhlYWRlciA6c3R5bGU9XCJ7ICdiYWNrZ3JvdW5kQ29sb3InOiBjb2xvckF2YXRhciB9XCI+XG5cblx0XHRcdFx0PCEtLSBhdmF0YXIgYW5kIHVwbG9hZCBwaG90byAtLT5cblx0XHRcdFx0PGRpdiBpZD1cImNvbnRhY3QtYXZhdGFyXCI+XG5cdFx0XHRcdFx0PGRpdiBjbGFzcz1cImNvbnRhY3QtYXZhdGFyLWJhY2tncm91bmRcIiAvPlxuXHRcdFx0XHRcdDxpbWcgdi1pZj1cImNvbnRhY3QucGhvdG9cIj5cblx0XHRcdFx0XHQ8aW5wdXQgaWQ9XCJjb250YWN0LWF2YXRhci11cGxvYWRcIiB0eXBlPVwiZmlsZVwiIGNsYXNzPVwiaGlkZGVuXCJcblx0XHRcdFx0XHRcdGFjY2VwdD1cImltYWdlLypcIj5cblx0XHRcdFx0XHQ8bGFiZWwgZm9yPVwiY29udGFjdC1hdmF0YXItdXBsb2FkXCIgY2xhc3M9XCJpY29uLXVwbG9hZC13aGl0ZVwiIC8+XG5cdFx0XHRcdDwvZGl2PlxuXG5cdFx0XHRcdDwhLS0gZnVsbG5hbWUsIG9yZywgdGl0bGUgLS0+XG5cdFx0XHRcdDxkaXYgaWQ9XCJjb250YWN0LWNvbnRhY3QtaW5mb3NcIiAvPlxuXG5cdFx0XHRcdDwhLS0gYWN0aW9ucyAtLT5cblx0XHRcdFx0PGRpdiBpZD1cImRldGFpbHMtYWN0aW9uc1wiIC8+XG5cdFx0XHQ8L2hlYWRlcj5cblxuXHRcdFx0PCEtLSBjb250YWN0IGRldGFpbHMgLS0+XG5cdFx0XHQ8c2VjdGlvbj5cblx0XHRcdFx0PGlucHV0IHYtbW9kZWw9XCJjb250YWN0LnVpZFwiIHR5cGU9XCJ0ZXh0XCI+XG5cdFx0XHQ8L3NlY3Rpb24+XG5cdFx0PC90ZW1wbGF0ZT5cblx0PC9kaXY+XG48L3RlbXBsYXRlPlxuXG48c2NyaXB0PlxuaW1wb3J0IENvbnRhY3QgZnJvbSAnLi4vbW9kZWxzL2NvbnRhY3QnXG5pbXBvcnQgSUNBTCBmcm9tICdpY2FsLmpzJ1xuXG5leHBvcnQgZGVmYXVsdCB7XG5cdG5hbWU6ICdDb250ZW50RGV0YWlscycsXG5cdHByb3BzOiB7XG5cdFx0bG9hZGluZzoge1xuXHRcdFx0dHlwZTogQm9vbGVhbixcblx0XHRcdGRlZmF1bHQ6IHRydWVcblx0XHR9LFxuXHRcdHVpZDoge1xuXHRcdFx0dHlwZTogU3RyaW5nLFxuXHRcdFx0ZGVmYXVsdDogdW5kZWZpbmVkXG5cdFx0fVxuXHR9LFxuXHRkYXRhKCkge1xuXHRcdHJldHVybiB7XG5cdFx0XHRjb250YWN0OiB1bmRlZmluZWRcblx0XHR9XG5cdH0sXG5cdGNvbXB1dGVkOiB7XG5cdFx0Y29sb3JBdmF0YXIoKSB7XG5cdFx0XHR0cnkge1xuXHRcdFx0XHRsZXQgY29sb3IgPSB0aGlzLmNvbnRhY3QudWlkLnRvUmdiKClcblx0XHRcdFx0cmV0dXJuIGByZ2IoJHtjb2xvci5yfSwgJHtjb2xvci5nfSwgJHtjb2xvci5ifSlgXG5cdFx0XHR9IGNhdGNoIChlKSB7XG5cdFx0XHRcdHJldHVybiAnZ3JleSdcblx0XHRcdH1cblx0XHR9XG5cdH0sXG5cdHdhdGNoOiB7XG5cdFx0Ly8gdXJsIGNoYW5nZWQsIGdldCBhbmQgc2hvdyBzZWxlY3RlZCBjb250YWN0XG5cdFx0dWlkOiBmdW5jdGlvbigpIHtcblx0XHRcdHRoaXMudXBkYXRlTG9jYWxDb250YWN0KClcblx0XHR9LFxuXHRcdC8vIGRvbmUgbG9hZGluZywgY2hlY2sgaWYgdGhlIHByb3ZpZGVkIHVpZCBpcyB2YWxpZCBhbmQgb3BlbiBkZXRhaWxzXG5cdFx0bG9hZGluZzogZnVuY3Rpb24oKSB7XG5cdFx0XHRpZiAodGhpcy51aWQpIHtcblx0XHRcdFx0dGhpcy51cGRhdGVMb2NhbENvbnRhY3QoKVxuXHRcdFx0fVxuXHRcdH1cblx0fSxcblx0bWV0aG9kczoge1xuXHRcdHVwZGF0ZUxvY2FsQ29udGFjdCgpIHtcblx0XHRcdC8vIGNyZWF0ZSBuZXcgbG9jYWwgaW5zdGFuY2Ugb2YgdGhpcyBjb250YWN0XG5cdFx0XHRsZXQgY29udGFjdCA9IHRoaXMuJHN0b3JlLmdldHRlcnMuZ2V0Q29udGFjdCh0aGlzLnVpZClcblx0XHRcdHRoaXMuY29udGFjdCA9IG5ldyBDb250YWN0KElDQUwuc3RyaW5naWZ5KGNvbnRhY3QuakNhbCksIGNvbnRhY3QuYWRkcmVzc2Jvb2spXG5cdFx0fVxuXHR9XG5cbn1cbjwvc2NyaXB0PlxuIl0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/contentDetails.vue?vue&type=script&lang=js\n");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _contact = __webpack_require__(/*! ../models/contact */ \"./src/models/contact.js\");\n\nvar _contact2 = _interopRequireDefault(_contact);\n\nvar _ical = __webpack_require__(/*! ical.js */ \"./node_modules/ical.js/build/ical.js\");\n\nvar _ical2 = _interopRequireDefault(_ical);\n\nvar _popoverMenu = __webpack_require__(/*! ./popoverMenu */ \"./src/components/popoverMenu.vue\");\n\nvar _popoverMenu2 = _interopRequireDefault(_popoverMenu);\n\nvar _vueClickOutside = __webpack_require__(/*! vue-click-outside */ \"./node_modules/vue-click-outside/index.js\");\n\nvar _vueClickOutside2 = _interopRequireDefault(_vueClickOutside);\n\nvar _vue = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n\nvar _vue2 = _interopRequireDefault(_vue);\n\nvar _vTooltip = __webpack_require__(/*! v-tooltip */ \"./node_modules/v-tooltip/dist/v-tooltip.esm.js\");\n\nvar _vTooltip2 = _interopRequireDefault(_vTooltip);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n_vue2.default.use(_vTooltip2.default);\n\nexports.default = {\n\tname: 'ContentDetails',\n\tcomponents: {\n\t\tpopoverMenu: _popoverMenu2.default\n\t},\n\tdirectives: {\n\t\tClickOutside: _vueClickOutside2.default\n\t},\n\tprops: {\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tuid: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined\n\t\t}\n\t},\n\tdata: function data() {\n\t\treturn {\n\t\t\tcontact: undefined,\n\t\t\topenedMenu: false\n\t\t};\n\t},\n\n\tcomputed: {\n\t\tcolorAvatar: function colorAvatar() {\n\t\t\ttry {\n\t\t\t\tvar color = this.contact.uid.toRgb();\n\t\t\t\treturn 'rgb(' + color.r + ', ' + color.g + ', ' + color.b + ')';\n\t\t\t} catch (e) {\n\t\t\t\treturn 'grey';\n\t\t\t}\n\t\t},\n\t\tcontactActions: function contactActions() {\n\t\t\tvar actions = [{\n\t\t\t\ticon: 'icon-download',\n\t\t\t\ttext: t('contacts', 'Download'),\n\t\t\t\thref: this.contact.url\n\t\t\t}];\n\t\t\tif (this.contact.addressbook.enabled) {\n\t\t\t\tactions.push({\n\t\t\t\t\ticon: 'icon-delete',\n\t\t\t\t\ttext: t('contacts', 'Delete'),\n\t\t\t\t\taction: this.deleteContact\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn actions;\n\t\t}\n\t},\n\twatch: {\n\t\t// url changed, get and show selected contact\n\t\tuid: function uid() {\n\t\t\tthis.updateLocalContact();\n\t\t},\n\t\t// done loading, check if the provided uid is valid and open details\n\t\tloading: function loading() {\n\t\t\tif (this.uid) {\n\t\t\t\tthis.updateLocalContact();\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\tupdateLocalContact: function updateLocalContact() {\n\t\t\t// create new local instance of this contact\n\t\t\tvar contact = this.$store.getters.getContact(this.uid);\n\t\t\tthis.contact = new _contact2.default(_ical2.default.stringify(contact.jCal), contact.addressbook);\n\t\t},\n\t\tcloseMenu: function closeMenu() {\n\t\t\tthis.openedMenu = false;\n\t\t},\n\t\ttoggleMenu: function toggleMenu() {\n\t\t\tthis.openedMenu = !this.openedMenu;\n\t\t}\n\t}\n\n};\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vc3JjL2NvbXBvbmVudHMvY29udGVudERldGFpbHMudnVlPzVlNzMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBeUZBOzs7O0FBQ0E7Ozs7QUFDQTs7OztBQUNBOzs7O0FBQ0E7Ozs7QUFDQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFQTs7a0JBRUE7QUFDQSx1QkFEQTtBQUVBO0FBQ0E7QUFEQSxFQUZBO0FBS0E7QUFDQTtBQURBLEVBTEE7QUFRQTtBQUNBO0FBQ0EsZ0JBREE7QUFFQTtBQUZBLEdBREE7QUFLQTtBQUNBLGVBREE7QUFFQTtBQUZBO0FBTEEsRUFSQTtBQWtCQSxLQWxCQSxrQkFrQkE7QUFDQTtBQUNBLHFCQURBO0FBRUE7QUFGQTtBQUlBLEVBdkJBOztBQXdCQTtBQUNBLGFBREEseUJBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUhBLENBR0E7QUFDQTtBQUNBO0FBQ0EsR0FSQTtBQVNBLGdCQVRBLDRCQVNBO0FBQ0Esa0JBQ0E7QUFDQSx5QkFEQTtBQUVBLG1DQUZBO0FBR0E7QUFIQSxJQURBO0FBT0E7QUFDQTtBQUNBLHdCQURBO0FBRUEsa0NBRkE7QUFHQTtBQUhBO0FBS0E7O0FBRUE7QUFDQTtBQTFCQSxFQXhCQTtBQW9EQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLEdBSkE7QUFLQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFWQSxFQXBEQTtBQWdFQTtBQUNBLG9CQURBLGdDQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsR0FMQTtBQU1BLFdBTkEsdUJBTUE7QUFDQTtBQUNBLEdBUkE7QUFTQSxZQVRBLHdCQVNBO0FBQ0E7QUFDQTtBQVhBOztBQWhFQSxDIiwiZmlsZSI6Ii4vbm9kZV9tb2R1bGVzL2JhYmVsLWxvYWRlci9saWIvaW5kZXguanMhLi9ub2RlX21vZHVsZXMvdnVlLWxvYWRlci9saWIvaW5kZXguanM/IS4vc3JjL2NvbXBvbmVudHMvY29udGVudERldGFpbHMudnVlP3Z1ZSZ0eXBlPXNjcmlwdCZsYW5nPWpzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiPCEtLVxuICAtIEBjb3B5cmlnaHQgQ29weXJpZ2h0IChjKSAyMDE4IEpvaG4gTW9sYWt2b8OmIDxza2pubGRzdkBwcm90b25tYWlsLmNvbT5cbiAgLVxuICAtIEBhdXRob3IgSm9obiBNb2xha3Zvw6YgPHNram5sZHN2QHByb3Rvbm1haWwuY29tPlxuICAtXG4gIC0gQGxpY2Vuc2UgR05VIEFHUEwgdmVyc2lvbiAzIG9yIGFueSBsYXRlciB2ZXJzaW9uXG4gIC1cbiAgLSBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICAtIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEFmZmVybyBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzXG4gIC0gcHVibGlzaGVkIGJ5IHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlXG4gIC0gTGljZW5zZSwgb3IgKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAgLVxuICAtIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICAtIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gIC0gTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiAgU2VlIHRoZVxuICAtIEdOVSBBZmZlcm8gR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICAtXG4gIC0gWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEFmZmVybyBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gIC0gYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIDxodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvPi5cbiAgLVxuICAtLT5cblxuPHRlbXBsYXRlPlxuXHQ8ZGl2IGlkPVwiY29udGFjdC1kZXRhaWxzXCIgY2xhc3M9XCJhcHAtY29udGVudC1kZXRhaWxzXCI+XG5cblx0XHQ8IS0tIG5vdGhpbmcgc2VsZWN0ZWQgb3IgY29udGFjdCBub3QgZm91bmQgLS0+XG5cdFx0PGRpdiB2LWlmPVwiIWNvbnRhY3QgJiYgIWxvYWRpbmdcIiBpZD1cImVtcHR5Y29udGVudFwiPlxuXHRcdFx0PGRpdiBjbGFzcz1cImljb24tY29udGFjdHNcIiAvPlxuXHRcdFx0PGgyPnt7IHQoJ2NvbnRhY3RzJywgJ05vIGNvbnRhY3Qgc2VsZWN0ZWQnKSB9fTwvaDI+XG5cdFx0XHQ8cD57eyB0KCdjb250YWN0cycsICdTZWxlY3QgYSBjb250YWN0IG9uIHRoZSBsaXN0IHRvIGJlZ2luJykgfX08L3A+XG5cdFx0PC9kaXY+XG5cblx0XHQ8IS0tIGxvYWRpbmcgLS0+XG5cdFx0PGRpdiB2LWVsc2UtaWY9XCIhY29udGFjdCAmJiBsb2FkaW5nXCIgaWQ9XCJlbXB0eWNvbnRlbnRcIj5cblx0XHRcdDxkaXYgY2xhc3M9XCJpY29uLWNvbnRhY3RzXCIgLz5cblx0XHRcdDxoMj57eyB0KCdjb250YWN0cycsICdMb2FkaW5nJykgfX08L2gyPlxuXHRcdDwvZGl2PlxuXG5cdFx0PHRlbXBsYXRlIHYtZWxzZT5cblx0XHRcdDwhLS0gY29udGFjdCBoZWFkZXIgLS0+XG5cdFx0XHQ8aGVhZGVyIDpzdHlsZT1cInsgJ2JhY2tncm91bmRDb2xvcic6IGNvbG9yQXZhdGFyIH1cIj5cblxuXHRcdFx0XHQ8IS0tIGF2YXRhciBhbmQgdXBsb2FkIHBob3RvIC0tPlxuXHRcdFx0XHQ8ZGl2IGlkPVwiY29udGFjdC1oZWFkZXItYXZhdGFyXCI+XG5cdFx0XHRcdFx0PGRpdiBjbGFzcz1cImNvbnRhY3QtYXZhdGFyLWJhY2tncm91bmRcIiAvPlxuXHRcdFx0XHRcdDxpbWcgdi1pZj1cImNvbnRhY3QucGhvdG9cIj5cblx0XHRcdFx0XHQ8aW5wdXQgaWQ9XCJjb250YWN0LWF2YXRhci11cGxvYWRcIiB0eXBlPVwiZmlsZVwiIGNsYXNzPVwiaGlkZGVuXCJcblx0XHRcdFx0XHRcdGFjY2VwdD1cImltYWdlLypcIj5cblx0XHRcdFx0XHQ8bGFiZWwgdi10b29sdGlwLmF1dG89XCJ0KCdjb250YWN0cycsICdVcGxvYWQgYSBuZXcgcGljdHVyZScpXCIgZm9yPVwiY29udGFjdC1hdmF0YXItdXBsb2FkXCIgY2xhc3M9XCJpY29uLXVwbG9hZC13aGl0ZVwiIC8+XG5cdFx0XHRcdDwvZGl2PlxuXG5cdFx0XHRcdDwhLS0gZnVsbG5hbWUsIG9yZywgdGl0bGUgLS0+XG5cdFx0XHRcdDxkaXYgaWQ9XCJjb250YWN0LWhlYWRlci1pbmZvc1wiPlxuXHRcdFx0XHRcdDxoMj5cblx0XHRcdFx0XHRcdDxpbnB1dCBpZD1cImNvbnRhY3QtZnVsbG5hbWVcIiB2LW1vZGVsPVwiY29udGFjdC5mdWxsTmFtZVwiIDpkaXNhYmxlZD1cIiFjb250YWN0LmFkZHJlc3Nib29rLmVuYWJsZWRcIlxuXHRcdFx0XHRcdFx0XHQ6cGxhY2Vob2xkZXI9XCJ0KCdjb250YWN0cycsICdOYW1lJylcIiB0eXBlPVwidGV4dFwiIGF1dG9jb21wbGV0ZT1cIm9mZlwiXG5cdFx0XHRcdFx0XHRcdGF1dG9jb3JyZWN0PVwib2ZmXCIgc3BlbGxjaGVjaz1cImZhbHNlXCIgbmFtZT1cImZ1bGxuYW1lXCJcblx0XHRcdFx0XHRcdFx0dmFsdWU9XCJcIj5cblx0XHRcdFx0XHQ8L2gyPlxuXHRcdFx0XHRcdDxkaXYgaWQ9XCJkZXRhaWxzLW9yZy1jb250YWluZXJcIj5cblx0XHRcdFx0XHRcdDxpbnB1dCBpZD1cImNvbnRhY3Qtb3JnXCIgdi1tb2RlbD1cImNvbnRhY3Qub3JnXCIgOmRpc2FibGVkPVwiIWNvbnRhY3QuYWRkcmVzc2Jvb2suZW5hYmxlZFwiXG5cdFx0XHRcdFx0XHRcdDpwbGFjZWhvbGRlcj1cInQoJ2NvbnRhY3RzJywgJ0NvbXBhbnknKVwiIHR5cGU9XCJ0ZXh0XCIgYXV0b2NvbXBsZXRlPVwib2ZmXCJcblx0XHRcdFx0XHRcdFx0YXV0b2NvcnJlY3Q9XCJvZmZcIiBzcGVsbGNoZWNrPVwiZmFsc2VcIiBuYW1lPVwib3JnXCJcblx0XHRcdFx0XHRcdFx0dmFsdWU9XCJcIj5cblx0XHRcdFx0XHRcdDxpbnB1dCBpZD1cImNvbnRhY3QtdGl0bGVcIiB2LW1vZGVsPVwiY29udGFjdC50aXRsZVwiIDpkaXNhYmxlZD1cIiFjb250YWN0LmFkZHJlc3Nib29rLmVuYWJsZWRcIlxuXHRcdFx0XHRcdFx0XHQ6cGxhY2Vob2xkZXI9XCJ0KCdjb250YWN0cycsICdUaXRsZScpXCIgdHlwZT1cInRleHRcIiBhdXRvY29tcGxldGU9XCJvZmZcIlxuXHRcdFx0XHRcdFx0XHRhdXRvY29ycmVjdD1cIm9mZlwiIHNwZWxsY2hlY2s9XCJmYWxzZVwiIG5hbWU9XCJ0aXRsZVwiXG5cdFx0XHRcdFx0XHRcdHZhbHVlPVwiXCI+XG5cdFx0XHRcdFx0PC9kaXY+XG5cdFx0XHRcdDwvZGl2PlxuXG5cdFx0XHRcdDwhLS0gYWN0aW9ucyAtLT5cblx0XHRcdFx0PGRpdiBpZD1cImNvbnRhY3QtaGVhZGVyLWFjdGlvbnNcIj5cblx0XHRcdFx0XHQ8ZGl2IHYtY2xpY2stb3V0c2lkZT1cImNsb3NlTWVudVwiIGNsYXNzPVwiaWNvbi1tb3JlXCIgQGNsaWNrPVwidG9nZ2xlTWVudVwiIC8+XG5cdFx0XHRcdFx0PGRpdiA6Y2xhc3M9XCJ7ICdvcGVuJzogb3BlbmVkTWVudSB9XCIgY2xhc3M9XCJwb3BvdmVybWVudVwiPlxuXHRcdFx0XHRcdFx0PHBvcG92ZXItbWVudSA6bWVudT1cImNvbnRhY3RBY3Rpb25zXCIgLz5cblx0XHRcdFx0XHQ8L2Rpdj5cblx0XHRcdFx0PC9kaXY+XG5cdFx0XHQ8L2hlYWRlcj5cblxuXHRcdFx0PCEtLSBjb250YWN0IGRldGFpbHMgLS0+XG5cdFx0XHQ8c2VjdGlvbj5cblx0XHRcdFx0PGlucHV0IHYtbW9kZWw9XCJjb250YWN0LnVpZFwiIHR5cGU9XCJ0ZXh0XCI+XG5cdFx0XHQ8L3NlY3Rpb24+XG5cdFx0PC90ZW1wbGF0ZT5cblx0PC9kaXY+XG48L3RlbXBsYXRlPlxuXG48c2NyaXB0PlxuaW1wb3J0IENvbnRhY3QgZnJvbSAnLi4vbW9kZWxzL2NvbnRhY3QnXG5pbXBvcnQgSUNBTCBmcm9tICdpY2FsLmpzJ1xuaW1wb3J0IHBvcG92ZXJNZW51IGZyb20gJy4vcG9wb3Zlck1lbnUnXG5pbXBvcnQgQ2xpY2tPdXRzaWRlIGZyb20gJ3Z1ZS1jbGljay1vdXRzaWRlJ1xuaW1wb3J0IFZ1ZSBmcm9tICd2dWUnXG5pbXBvcnQgVlRvb2x0aXAgZnJvbSAndi10b29sdGlwJ1xuXG5WdWUudXNlKFZUb29sdGlwKVxuXG5leHBvcnQgZGVmYXVsdCB7XG5cdG5hbWU6ICdDb250ZW50RGV0YWlscycsXG5cdGNvbXBvbmVudHM6IHtcblx0XHRwb3BvdmVyTWVudVxuXHR9LFxuXHRkaXJlY3RpdmVzOiB7XG5cdFx0Q2xpY2tPdXRzaWRlXG5cdH0sXG5cdHByb3BzOiB7XG5cdFx0bG9hZGluZzoge1xuXHRcdFx0dHlwZTogQm9vbGVhbixcblx0XHRcdGRlZmF1bHQ6IHRydWVcblx0XHR9LFxuXHRcdHVpZDoge1xuXHRcdFx0dHlwZTogU3RyaW5nLFxuXHRcdFx0ZGVmYXVsdDogdW5kZWZpbmVkXG5cdFx0fVxuXHR9LFxuXHRkYXRhKCkge1xuXHRcdHJldHVybiB7XG5cdFx0XHRjb250YWN0OiB1bmRlZmluZWQsXG5cdFx0XHRvcGVuZWRNZW51OiBmYWxzZVxuXHRcdH1cblx0fSxcblx0Y29tcHV0ZWQ6IHtcblx0XHRjb2xvckF2YXRhcigpIHtcblx0XHRcdHRyeSB7XG5cdFx0XHRcdGxldCBjb2xvciA9IHRoaXMuY29udGFjdC51aWQudG9SZ2IoKVxuXHRcdFx0XHRyZXR1cm4gYHJnYigke2NvbG9yLnJ9LCAke2NvbG9yLmd9LCAke2NvbG9yLmJ9KWBcblx0XHRcdH0gY2F0Y2ggKGUpIHtcblx0XHRcdFx0cmV0dXJuICdncmV5J1xuXHRcdFx0fVxuXHRcdH0sXG5cdFx0Y29udGFjdEFjdGlvbnMoKSB7XG5cdFx0XHRsZXQgYWN0aW9ucyA9IFtcblx0XHRcdFx0e1xuXHRcdFx0XHRcdGljb246ICdpY29uLWRvd25sb2FkJyxcblx0XHRcdFx0XHR0ZXh0OiB0KCdjb250YWN0cycsICdEb3dubG9hZCcpLFxuXHRcdFx0XHRcdGhyZWY6IHRoaXMuY29udGFjdC51cmxcblx0XHRcdFx0fVxuXHRcdFx0XVxuXHRcdFx0aWYgKHRoaXMuY29udGFjdC5hZGRyZXNzYm9vay5lbmFibGVkKSB7XG5cdFx0XHRcdGFjdGlvbnMucHVzaCh7XG5cdFx0XHRcdFx0aWNvbjogJ2ljb24tZGVsZXRlJyxcblx0XHRcdFx0XHR0ZXh0OiB0KCdjb250YWN0cycsICdEZWxldGUnKSxcblx0XHRcdFx0XHRhY3Rpb246IHRoaXMuZGVsZXRlQ29udGFjdFxuXHRcdFx0XHR9KVxuXHRcdFx0fVxuXG5cdFx0XHRyZXR1cm4gYWN0aW9uc1xuXHRcdH1cblx0fSxcblx0d2F0Y2g6IHtcblx0XHQvLyB1cmwgY2hhbmdlZCwgZ2V0IGFuZCBzaG93IHNlbGVjdGVkIGNvbnRhY3Rcblx0XHR1aWQ6IGZ1bmN0aW9uKCkge1xuXHRcdFx0dGhpcy51cGRhdGVMb2NhbENvbnRhY3QoKVxuXHRcdH0sXG5cdFx0Ly8gZG9uZSBsb2FkaW5nLCBjaGVjayBpZiB0aGUgcHJvdmlkZWQgdWlkIGlzIHZhbGlkIGFuZCBvcGVuIGRldGFpbHNcblx0XHRsb2FkaW5nOiBmdW5jdGlvbigpIHtcblx0XHRcdGlmICh0aGlzLnVpZCkge1xuXHRcdFx0XHR0aGlzLnVwZGF0ZUxvY2FsQ29udGFjdCgpXG5cdFx0XHR9XG5cdFx0fVxuXHR9LFxuXHRtZXRob2RzOiB7XG5cdFx0dXBkYXRlTG9jYWxDb250YWN0KCkge1xuXHRcdFx0Ly8gY3JlYXRlIG5ldyBsb2NhbCBpbnN0YW5jZSBvZiB0aGlzIGNvbnRhY3Rcblx0XHRcdGxldCBjb250YWN0ID0gdGhpcy4kc3RvcmUuZ2V0dGVycy5nZXRDb250YWN0KHRoaXMudWlkKVxuXHRcdFx0dGhpcy5jb250YWN0ID0gbmV3IENvbnRhY3QoSUNBTC5zdHJpbmdpZnkoY29udGFjdC5qQ2FsKSwgY29udGFjdC5hZGRyZXNzYm9vaylcblx0XHR9LFxuXHRcdGNsb3NlTWVudSgpIHtcblx0XHRcdHRoaXMub3BlbmVkTWVudSA9IGZhbHNlXG5cdFx0fSxcblx0XHR0b2dnbGVNZW51KCkge1xuXHRcdFx0dGhpcy5vcGVuZWRNZW51ID0gIXRoaXMub3BlbmVkTWVudVxuXHRcdH1cblx0fVxuXG59XG48L3NjcmlwdD5cbiJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/contentDetails.vue?vue&type=script&lang=js\n");
 
 /***/ }),
 
@@ -154,7 +154,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _contentListItem = __webpack_require__(/*! ./contentList/contentListItem */ \"./src/components/contentList/contentListItem.vue\");\n\nvar _contentListItem2 = _interopRequireDefault(_contentListItem);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = {\n\tname: 'ContentList',\n\tcomponents: {\n\t\t'content-list-item': _contentListItem2.default\n\t},\n\tprops: {\n\t\tlist: {\n\t\t\ttype: Object,\n\t\t\trequired: true\n\t\t},\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t}\n\t}\n}; //\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vc3JjL2NvbXBvbmVudHMvY29udGVudExpc3QudnVlPzBlOGIiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBK0JBOzs7Ozs7a0JBRUE7QUFDQSxvQkFEQTtBQUVBO0FBQ0E7QUFEQSxFQUZBO0FBS0E7QUFDQTtBQUNBLGVBREE7QUFFQTtBQUZBLEdBREE7QUFLQTtBQUNBLGdCQURBO0FBRUE7QUFGQTtBQUxBO0FBTEEsQyIsImZpbGUiOiIuL25vZGVfbW9kdWxlcy9iYWJlbC1sb2FkZXIvbGliL2luZGV4LmpzIS4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2luZGV4LmpzPyEuL3NyYy9jb21wb25lbnRzL2NvbnRlbnRMaXN0LnZ1ZT92dWUmdHlwZT1zY3JpcHQmbGFuZz1qcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIjwhLS1cbiAgLSBAY29weXJpZ2h0IENvcHlyaWdodCAoYykgMjAxOCBKb2huIE1vbGFrdm/DpiA8c2tqbmxkc3ZAcHJvdG9ubWFpbC5jb20+XG4gIC1cbiAgLSBAYXV0aG9yIEpvaG4gTW9sYWt2b8OmIDxza2pubGRzdkBwcm90b25tYWlsLmNvbT5cbiAgLVxuICAtIEBsaWNlbnNlIEdOVSBBR1BMIHZlcnNpb24gMyBvciBhbnkgbGF0ZXIgdmVyc2lvblxuICAtXG4gIC0gVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAgLSBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBBZmZlcm8gR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhc1xuICAtIHB1Ymxpc2hlZCBieSB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZVxuICAtIExpY2Vuc2UsIG9yIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gIC1cbiAgLSBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAgLSBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICAtIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gIFNlZSB0aGVcbiAgLSBHTlUgQWZmZXJvIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAgLVxuICAtIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBBZmZlcm8gR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICAtIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSA8aHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLz4uXG4gIC1cbiAgLS0+XG5cbjx0ZW1wbGF0ZT5cblx0PGRpdiBpZD1cImNvbnRhY3RzLWxpc3RcIiA6Y2xhc3M9XCJ7J2ljb24tbG9hZGluZyc6IGxvYWRpbmd9XCIgY2xhc3M9XCJhcHAtY29udGVudC1saXN0XCI+XG5cdFx0PCEtLSBzYW1lIHVpZCBjYW4gY29leGlzdHMgYmV0d2VlbiBkaWZmZXJlbnQgYWRkcmVzc2Jvb2tzXG5cdFx0XHRzbyB3ZSBuZWVkIHRvIHVzZSB0aGUgYWRkcmVzc2Jvb2sgaWQgYXMga2V5IGFzIHdlbGwgLS0+XG5cdFx0PGNvbnRlbnQtbGlzdC1pdGVtIHYtZm9yPVwiY29udGFjdCBpbiBsaXN0XCIgOmtleT1cImNvbnRhY3Qua2V5XCIgOmNvbnRhY3Q9XCJjb250YWN0XCIgLz5cblx0PC9kaXY+XG48L3RlbXBsYXRlPlxuXG48c2NyaXB0PlxuaW1wb3J0IGNvbnRlbnRMaXN0SXRlbSBmcm9tICcuL2NvbnRlbnRMaXN0L2NvbnRlbnRMaXN0SXRlbSdcblxuZXhwb3J0IGRlZmF1bHQge1xuXHRuYW1lOiAnQ29udGVudExpc3QnLFxuXHRjb21wb25lbnRzOiB7XG5cdFx0J2NvbnRlbnQtbGlzdC1pdGVtJzogY29udGVudExpc3RJdGVtXG5cdH0sXG5cdHByb3BzOiB7XG5cdFx0bGlzdDoge1xuXHRcdFx0dHlwZTogT2JqZWN0LFxuXHRcdFx0cmVxdWlyZWQ6IHRydWVcblx0XHR9LFxuXHRcdGxvYWRpbmc6IHtcblx0XHRcdHR5cGU6IEJvb2xlYW4sXG5cdFx0XHRkZWZhdWx0OiB0cnVlXG5cdFx0fVxuXHR9XG59XG48L3NjcmlwdD5cbiJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/contentList.vue?vue&type=script&lang=js\n");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _contentListItem = __webpack_require__(/*! ./contentList/contentListItem */ \"./src/components/contentList/contentListItem.vue\");\n\nvar _contentListItem2 = _interopRequireDefault(_contentListItem);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = {\n\tname: 'ContentList',\n\tcomponents: {\n\t\t'content-list-item': _contentListItem2.default\n\t},\n\tprops: {\n\t\tlist: {\n\t\t\ttype: Array,\n\t\t\trequired: true\n\t\t},\n\t\tcontacts: {\n\t\t\ttype: Object,\n\t\t\trequired: true\n\t\t},\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t}\n\t}\n}; //\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vc3JjL2NvbXBvbmVudHMvY29udGVudExpc3QudnVlPzBlOGIiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBK0JBOzs7Ozs7a0JBRUE7QUFDQSxvQkFEQTtBQUVBO0FBQ0E7QUFEQSxFQUZBO0FBS0E7QUFDQTtBQUNBLGNBREE7QUFFQTtBQUZBLEdBREE7QUFLQTtBQUNBLGVBREE7QUFFQTtBQUZBLEdBTEE7QUFTQTtBQUNBLGdCQURBO0FBRUE7QUFGQTtBQVRBO0FBTEEsQyIsImZpbGUiOiIuL25vZGVfbW9kdWxlcy9iYWJlbC1sb2FkZXIvbGliL2luZGV4LmpzIS4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2luZGV4LmpzPyEuL3NyYy9jb21wb25lbnRzL2NvbnRlbnRMaXN0LnZ1ZT92dWUmdHlwZT1zY3JpcHQmbGFuZz1qcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIjwhLS1cbiAgLSBAY29weXJpZ2h0IENvcHlyaWdodCAoYykgMjAxOCBKb2huIE1vbGFrdm/DpiA8c2tqbmxkc3ZAcHJvdG9ubWFpbC5jb20+XG4gIC1cbiAgLSBAYXV0aG9yIEpvaG4gTW9sYWt2b8OmIDxza2pubGRzdkBwcm90b25tYWlsLmNvbT5cbiAgLVxuICAtIEBsaWNlbnNlIEdOVSBBR1BMIHZlcnNpb24gMyBvciBhbnkgbGF0ZXIgdmVyc2lvblxuICAtXG4gIC0gVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAgLSBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBBZmZlcm8gR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhc1xuICAtIHB1Ymxpc2hlZCBieSB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZVxuICAtIExpY2Vuc2UsIG9yIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gIC1cbiAgLSBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAgLSBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICAtIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gIFNlZSB0aGVcbiAgLSBHTlUgQWZmZXJvIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAgLVxuICAtIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBBZmZlcm8gR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICAtIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSA8aHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLz4uXG4gIC1cbiAgLS0+XG5cbjx0ZW1wbGF0ZT5cblx0PGRpdiBpZD1cImNvbnRhY3RzLWxpc3RcIiA6Y2xhc3M9XCJ7J2ljb24tbG9hZGluZyc6IGxvYWRpbmd9XCIgY2xhc3M9XCJhcHAtY29udGVudC1saXN0XCI+XG5cdFx0PCEtLSBzYW1lIHVpZCBjYW4gY29leGlzdHMgYmV0d2VlbiBkaWZmZXJlbnQgYWRkcmVzc2Jvb2tzXG5cdFx0XHRzbyB3ZSBuZWVkIHRvIHVzZSB0aGUgYWRkcmVzc2Jvb2sgaWQgYXMga2V5IGFzIHdlbGwgLS0+XG5cdFx0PGNvbnRlbnQtbGlzdC1pdGVtIHYtZm9yPVwiY29udGFjdCBpbiBsaXN0XCIgOmtleT1cImNvbnRhY3Qua2V5XCIgOmNvbnRhY3Q9XCJjb250YWN0c1tjb250YWN0LmtleV1cIiAvPlxuXHQ8L2Rpdj5cbjwvdGVtcGxhdGU+XG5cbjxzY3JpcHQ+XG5pbXBvcnQgY29udGVudExpc3RJdGVtIGZyb20gJy4vY29udGVudExpc3QvY29udGVudExpc3RJdGVtJ1xuXG5leHBvcnQgZGVmYXVsdCB7XG5cdG5hbWU6ICdDb250ZW50TGlzdCcsXG5cdGNvbXBvbmVudHM6IHtcblx0XHQnY29udGVudC1saXN0LWl0ZW0nOiBjb250ZW50TGlzdEl0ZW1cblx0fSxcblx0cHJvcHM6IHtcblx0XHRsaXN0OiB7XG5cdFx0XHR0eXBlOiBBcnJheSxcblx0XHRcdHJlcXVpcmVkOiB0cnVlXG5cdFx0fSxcblx0XHRjb250YWN0czoge1xuXHRcdFx0dHlwZTogT2JqZWN0LFxuXHRcdFx0cmVxdWlyZWQ6IHRydWVcblx0XHR9LFxuXHRcdGxvYWRpbmc6IHtcblx0XHRcdHR5cGU6IEJvb2xlYW4sXG5cdFx0XHRkZWZhdWx0OiB0cnVlXG5cdFx0fVxuXHR9XG59XG48L3NjcmlwdD5cbiJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/contentList.vue?vue&type=script&lang=js\n");
 
 /***/ }),
 
@@ -166,7 +166,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexports.default = {\n\tname: 'ContentlistItem',\n\tfilters: {\n\t\tfirstLetter: function firstLetter(value) {\n\t\t\treturn value.charAt(0);\n\t\t}\n\t},\n\tprops: {\n\t\tcontact: {\n\t\t\ttype: Object,\n\t\t\trequired: true\n\t\t}\n\t},\n\tcomputed: {\n\t\tselectedGroup: function selectedGroup() {\n\t\t\treturn this.$route.params.selectedGroup;\n\t\t},\n\t\tselectedContact: function selectedContact() {\n\t\t\treturn this.$route.params.selectedContact;\n\t\t},\n\t\tcolorAvatar: function colorAvatar() {\n\t\t\ttry {\n\t\t\t\tvar color = this.contact.uid.toRgb();\n\t\t\t\treturn 'rgb(' + color.r + ', ' + color.g + ', ' + color.b + ')';\n\t\t\t} catch (e) {\n\t\t\t\treturn 'grey';\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\ttoggleSelect: function toggleSelect() {\n\t\t\t// toggle checkbox here because we stop the propagation to not trigger selectContact\n\t\t\tthis.$refs.selected.checked = !this.$refs.selected.checked;\n\t\t},\n\t\tdeleteContact: function deleteContact() {\n\t\t\tthis.$store.dispatch('deleteContact', this.contact);\n\t\t},\n\t\tselectContact: function selectContact() {\n\t\t\t// change url with router\n\t\t\tthis.$router.push({ name: 'contact', params: { selectedGroup: this.selectedGroup, selectedContact: this.contact.key } });\n\t\t}\n\t}\n};\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vc3JjL2NvbXBvbmVudHMvY29udGVudExpc3QvY29udGVudExpc3RJdGVtLnZ1ZT8yYTMxIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7a0JBY0E7QUFDQSx3QkFEQTtBQUVBO0FBQ0EsYUFEQSx1QkFDQSxLQURBLEVBQ0E7QUFDQTtBQUNBO0FBSEEsRUFGQTtBQU9BO0FBQ0E7QUFDQSxlQURBO0FBRUE7QUFGQTtBQURBLEVBUEE7QUFhQTtBQUNBLGVBREEsMkJBQ0E7QUFDQTtBQUNBLEdBSEE7QUFJQSxpQkFKQSw2QkFJQTtBQUNBO0FBQ0EsR0FOQTtBQU9BLGFBUEEseUJBT0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUhBLENBR0E7QUFDQTtBQUNBO0FBQ0E7QUFkQSxFQWJBO0FBNkJBO0FBQ0EsY0FEQSwwQkFDQTtBQUNBO0FBQ0E7QUFDQSxHQUpBO0FBS0EsZUFMQSwyQkFLQTtBQUNBO0FBQ0EsR0FQQTtBQVFBLGVBUkEsMkJBUUE7QUFDQTtBQUNBO0FBQ0E7QUFYQTtBQTdCQSxDIiwiZmlsZSI6Ii4vbm9kZV9tb2R1bGVzL2JhYmVsLWxvYWRlci9saWIvaW5kZXguanMhLi9ub2RlX21vZHVsZXMvdnVlLWxvYWRlci9saWIvaW5kZXguanM/IS4vc3JjL2NvbXBvbmVudHMvY29udGVudExpc3QvY29udGVudExpc3RJdGVtLnZ1ZT92dWUmdHlwZT1zY3JpcHQmbGFuZz1qcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIjx0ZW1wbGF0ZT5cblx0PGEgOmNsYXNzPVwie2FjdGl2ZTogc2VsZWN0ZWRDb250YWN0ID09PSBjb250YWN0LmtleX1cIiBocmVmPVwiXCIgY2xhc3M9XCJhcHAtY29udGVudC1saXN0LWl0ZW1cIlxuXHRcdEBjbGljay5wcmV2ZW50LnN0b3A9XCJzZWxlY3RDb250YWN0XCI+XG5cdFx0PGlucHV0IHJlZj1cInNlbGVjdGVkXCIgOmlkPVwiY29udGFjdC51aWRcIiB0eXBlPVwiY2hlY2tib3hcIlxuXHRcdFx0Y2xhc3M9XCJhcHAtY29udGVudC1saXN0LWl0ZW0tY2hlY2tib3ggY2hlY2tib3hcIj5cblx0XHQ8bGFiZWwgOmZvcj1cImNvbnRhY3QudWlkXCIgQGNsaWNrLnByZXZlbnQuc3RvcD1cInRvZ2dsZVNlbGVjdFwiIC8+XG5cdFx0PGRpdiA6c3R5bGU9XCJ7ICdiYWNrZ3JvdW5kQ29sb3InOiBjb2xvckF2YXRhciB9XCIgY2xhc3M9XCJhcHAtY29udGVudC1saXN0LWl0ZW0taWNvblwiPnt7IGNvbnRhY3QuZGlzcGxheU5hbWUgfCBmaXJzdExldHRlciB9fTwvZGl2PlxuXHRcdDxkaXYgY2xhc3M9XCJhcHAtY29udGVudC1saXN0LWl0ZW0tbGluZS1vbmVcIj57eyBjb250YWN0LmRpc3BsYXlOYW1lIH19PC9kaXY+XG5cdFx0PGRpdiB2LWlmPVwiY29udGFjdC5lbWFpbFwiIGNsYXNzPVwiYXBwLWNvbnRlbnQtbGlzdC1pdGVtLWxpbmUtdHdvXCI+e3sgY29udGFjdC5lbWFpbCB9fTwvZGl2PlxuXHRcdDxkaXYgY2xhc3M9XCJpY29uLWRlbGV0ZVwiIEBjbGljay5wcmV2ZW50LnN0b3A9XCJkZWxldGVDb250YWN0XCIgLz5cblx0PC9hPlxuPC90ZW1wbGF0ZT5cblxuPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcblx0bmFtZTogJ0NvbnRlbnRsaXN0SXRlbScsXG5cdGZpbHRlcnM6IHtcblx0XHRmaXJzdExldHRlcih2YWx1ZSkge1xuXHRcdFx0cmV0dXJuIHZhbHVlLmNoYXJBdCgwKVxuXHRcdH1cblx0fSxcblx0cHJvcHM6IHtcblx0XHRjb250YWN0OiB7XG5cdFx0XHR0eXBlOiBPYmplY3QsXG5cdFx0XHRyZXF1aXJlZDogdHJ1ZVxuXHRcdH1cblx0fSxcblx0Y29tcHV0ZWQ6IHtcblx0XHRzZWxlY3RlZEdyb3VwKCkge1xuXHRcdFx0cmV0dXJuIHRoaXMuJHJvdXRlLnBhcmFtcy5zZWxlY3RlZEdyb3VwXG5cdFx0fSxcblx0XHRzZWxlY3RlZENvbnRhY3QoKSB7XG5cdFx0XHRyZXR1cm4gdGhpcy4kcm91dGUucGFyYW1zLnNlbGVjdGVkQ29udGFjdFxuXHRcdH0sXG5cdFx0Y29sb3JBdmF0YXIoKSB7XG5cdFx0XHR0cnkge1xuXHRcdFx0XHRsZXQgY29sb3IgPSB0aGlzLmNvbnRhY3QudWlkLnRvUmdiKClcblx0XHRcdFx0cmV0dXJuIGByZ2IoJHtjb2xvci5yfSwgJHtjb2xvci5nfSwgJHtjb2xvci5ifSlgXG5cdFx0XHR9IGNhdGNoIChlKSB7XG5cdFx0XHRcdHJldHVybiAnZ3JleSdcblx0XHRcdH1cblx0XHR9XG5cdH0sXG5cdG1ldGhvZHM6IHtcblx0XHR0b2dnbGVTZWxlY3QoKSB7XG5cdFx0XHQvLyB0b2dnbGUgY2hlY2tib3ggaGVyZSBiZWNhdXNlIHdlIHN0b3AgdGhlIHByb3BhZ2F0aW9uIHRvIG5vdCB0cmlnZ2VyIHNlbGVjdENvbnRhY3Rcblx0XHRcdHRoaXMuJHJlZnMuc2VsZWN0ZWQuY2hlY2tlZCA9ICF0aGlzLiRyZWZzLnNlbGVjdGVkLmNoZWNrZWRcblx0XHR9LFxuXHRcdGRlbGV0ZUNvbnRhY3QoKSB7XG5cdFx0XHR0aGlzLiRzdG9yZS5kaXNwYXRjaCgnZGVsZXRlQ29udGFjdCcsIHRoaXMuY29udGFjdClcblx0XHR9LFxuXHRcdHNlbGVjdENvbnRhY3QoKSB7XG5cdFx0XHQvLyBjaGFuZ2UgdXJsIHdpdGggcm91dGVyXG5cdFx0XHR0aGlzLiRyb3V0ZXIucHVzaCh7IG5hbWU6ICdjb250YWN0JywgcGFyYW1zOiB7IHNlbGVjdGVkR3JvdXA6IHRoaXMuc2VsZWN0ZWRHcm91cCwgc2VsZWN0ZWRDb250YWN0OiB0aGlzLmNvbnRhY3Qua2V5IH0gfSlcblx0XHR9XG5cdH1cbn1cbjwvc2NyaXB0PlxuIl0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/contentList/contentListItem.vue?vue&type=script&lang=js\n");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexports.default = {\n\tname: 'ContentlistItem',\n\tfilters: {\n\t\tfirstLetter: function firstLetter(value) {\n\t\t\treturn value.charAt(0);\n\t\t}\n\t},\n\tprops: {\n\t\tcontact: {\n\t\t\ttype: Object,\n\t\t\trequired: true\n\t\t}\n\t},\n\tcomputed: {\n\t\tselectedGroup: function selectedGroup() {\n\t\t\treturn this.$route.params.selectedGroup;\n\t\t},\n\t\tselectedContact: function selectedContact() {\n\t\t\treturn this.$route.params.selectedContact;\n\t\t},\n\t\tcolorAvatar: function colorAvatar() {\n\t\t\ttry {\n\t\t\t\tvar color = this.contact.uid.toRgb();\n\t\t\t\treturn 'rgb(' + color.r + ', ' + color.g + ', ' + color.b + ')';\n\t\t\t} catch (e) {\n\t\t\t\treturn 'grey';\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\ttoggleSelect: function toggleSelect() {\n\t\t\t// toggle checkbox here because we stop the propagation to not trigger selectContact\n\t\t\tthis.$refs.selected.checked = !this.$refs.selected.checked;\n\t\t},\n\t\tdeleteContact: function deleteContact() {\n\t\t\tthis.$store.dispatch('deleteContact', this.contact);\n\t\t},\n\t\tselectContact: function selectContact() {\n\t\t\t// change url with router\n\t\t\tthis.$router.push({ name: 'contact', params: { selectedGroup: this.selectedGroup, selectedContact: this.contact.key } });\n\t\t}\n\t}\n};\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vc3JjL2NvbXBvbmVudHMvY29udGVudExpc3QvY29udGVudExpc3RJdGVtLnZ1ZT8yYTMxIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7a0JBY0E7QUFDQSx3QkFEQTtBQUVBO0FBQ0EsYUFEQSx1QkFDQSxLQURBLEVBQ0E7QUFDQTtBQUNBO0FBSEEsRUFGQTtBQU9BO0FBQ0E7QUFDQSxlQURBO0FBRUE7QUFGQTtBQURBLEVBUEE7QUFhQTtBQUNBLGVBREEsMkJBQ0E7QUFDQTtBQUNBLEdBSEE7QUFJQSxpQkFKQSw2QkFJQTtBQUNBO0FBQ0EsR0FOQTtBQU9BLGFBUEEseUJBT0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxJQUhBLENBR0E7QUFDQTtBQUNBO0FBQ0E7QUFkQSxFQWJBO0FBNkJBO0FBQ0EsY0FEQSwwQkFDQTtBQUNBO0FBQ0E7QUFDQSxHQUpBO0FBS0EsZUFMQSwyQkFLQTtBQUNBO0FBQ0EsR0FQQTtBQVFBLGVBUkEsMkJBUUE7QUFDQTtBQUNBO0FBQ0E7QUFYQTtBQTdCQSxDIiwiZmlsZSI6Ii4vbm9kZV9tb2R1bGVzL2JhYmVsLWxvYWRlci9saWIvaW5kZXguanMhLi9ub2RlX21vZHVsZXMvdnVlLWxvYWRlci9saWIvaW5kZXguanM/IS4vc3JjL2NvbXBvbmVudHMvY29udGVudExpc3QvY29udGVudExpc3RJdGVtLnZ1ZT92dWUmdHlwZT1zY3JpcHQmbGFuZz1qcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIjx0ZW1wbGF0ZT5cblx0PGEgOmNsYXNzPVwie2FjdGl2ZTogc2VsZWN0ZWRDb250YWN0ID09PSBjb250YWN0LmtleX1cIiBocmVmPVwiXCIgY2xhc3M9XCJhcHAtY29udGVudC1saXN0LWl0ZW1cIlxuXHRcdEBjbGljay5wcmV2ZW50LnN0b3A9XCJzZWxlY3RDb250YWN0XCI+XG5cdFx0PGlucHV0IHJlZj1cInNlbGVjdGVkXCIgOmlkPVwiY29udGFjdC51aWRcIiB0eXBlPVwiY2hlY2tib3hcIlxuXHRcdFx0Y2xhc3M9XCJhcHAtY29udGVudC1saXN0LWl0ZW0tY2hlY2tib3ggY2hlY2tib3hcIj5cblx0XHQ8bGFiZWwgOmZvcj1cImNvbnRhY3QudWlkXCIgQGNsaWNrLnByZXZlbnQuc3RvcD1cInRvZ2dsZVNlbGVjdFwiIC8+XG5cdFx0PGRpdiA6c3R5bGU9XCJ7ICdiYWNrZ3JvdW5kQ29sb3InOiBjb2xvckF2YXRhciB9XCIgY2xhc3M9XCJhcHAtY29udGVudC1saXN0LWl0ZW0taWNvblwiPnt7IGNvbnRhY3QuZGlzcGxheU5hbWUgfCBmaXJzdExldHRlciB9fTwvZGl2PlxuXHRcdDxkaXYgY2xhc3M9XCJhcHAtY29udGVudC1saXN0LWl0ZW0tbGluZS1vbmVcIj57eyBjb250YWN0LmRpc3BsYXlOYW1lIH19PC9kaXY+XG5cdFx0PGRpdiB2LWlmPVwiY29udGFjdC5lbWFpbFwiIGNsYXNzPVwiYXBwLWNvbnRlbnQtbGlzdC1pdGVtLWxpbmUtdHdvXCI+e3sgY29udGFjdC5lbWFpbCB9fTwvZGl2PlxuXHRcdDxkaXYgdi1pZj1cImNvbnRhY3QuYWRkcmVzc2Jvb2suZW5hYmxlZFwiIGNsYXNzPVwiaWNvbi1kZWxldGVcIiBAY2xpY2sucHJldmVudC5zdG9wPVwiZGVsZXRlQ29udGFjdFwiIC8+XG5cdDwvYT5cbjwvdGVtcGxhdGU+XG5cbjxzY3JpcHQ+XG5leHBvcnQgZGVmYXVsdCB7XG5cdG5hbWU6ICdDb250ZW50bGlzdEl0ZW0nLFxuXHRmaWx0ZXJzOiB7XG5cdFx0Zmlyc3RMZXR0ZXIodmFsdWUpIHtcblx0XHRcdHJldHVybiB2YWx1ZS5jaGFyQXQoMClcblx0XHR9XG5cdH0sXG5cdHByb3BzOiB7XG5cdFx0Y29udGFjdDoge1xuXHRcdFx0dHlwZTogT2JqZWN0LFxuXHRcdFx0cmVxdWlyZWQ6IHRydWVcblx0XHR9XG5cdH0sXG5cdGNvbXB1dGVkOiB7XG5cdFx0c2VsZWN0ZWRHcm91cCgpIHtcblx0XHRcdHJldHVybiB0aGlzLiRyb3V0ZS5wYXJhbXMuc2VsZWN0ZWRHcm91cFxuXHRcdH0sXG5cdFx0c2VsZWN0ZWRDb250YWN0KCkge1xuXHRcdFx0cmV0dXJuIHRoaXMuJHJvdXRlLnBhcmFtcy5zZWxlY3RlZENvbnRhY3Rcblx0XHR9LFxuXHRcdGNvbG9yQXZhdGFyKCkge1xuXHRcdFx0dHJ5IHtcblx0XHRcdFx0bGV0IGNvbG9yID0gdGhpcy5jb250YWN0LnVpZC50b1JnYigpXG5cdFx0XHRcdHJldHVybiBgcmdiKCR7Y29sb3Iucn0sICR7Y29sb3IuZ30sICR7Y29sb3IuYn0pYFxuXHRcdFx0fSBjYXRjaCAoZSkge1xuXHRcdFx0XHRyZXR1cm4gJ2dyZXknXG5cdFx0XHR9XG5cdFx0fVxuXHR9LFxuXHRtZXRob2RzOiB7XG5cdFx0dG9nZ2xlU2VsZWN0KCkge1xuXHRcdFx0Ly8gdG9nZ2xlIGNoZWNrYm94IGhlcmUgYmVjYXVzZSB3ZSBzdG9wIHRoZSBwcm9wYWdhdGlvbiB0byBub3QgdHJpZ2dlciBzZWxlY3RDb250YWN0XG5cdFx0XHR0aGlzLiRyZWZzLnNlbGVjdGVkLmNoZWNrZWQgPSAhdGhpcy4kcmVmcy5zZWxlY3RlZC5jaGVja2VkXG5cdFx0fSxcblx0XHRkZWxldGVDb250YWN0KCkge1xuXHRcdFx0dGhpcy4kc3RvcmUuZGlzcGF0Y2goJ2RlbGV0ZUNvbnRhY3QnLCB0aGlzLmNvbnRhY3QpXG5cdFx0fSxcblx0XHRzZWxlY3RDb250YWN0KCkge1xuXHRcdFx0Ly8gY2hhbmdlIHVybCB3aXRoIHJvdXRlclxuXHRcdFx0dGhpcy4kcm91dGVyLnB1c2goeyBuYW1lOiAnY29udGFjdCcsIHBhcmFtczogeyBzZWxlY3RlZEdyb3VwOiB0aGlzLnNlbGVjdGVkR3JvdXAsIHNlbGVjdGVkQ29udGFjdDogdGhpcy5jb250YWN0LmtleSB9IH0pXG5cdFx0fVxuXHR9XG59XG48L3NjcmlwdD5cbiJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/contentList/contentListItem.vue?vue&type=script&lang=js\n");
 
 /***/ }),
 
@@ -202,7 +202,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _appNavigation = __webpack_require__(/*! ../components/appNavigation */ \"./src/components/appNavigation.vue\");\n\nvar _appNavigation2 = _interopRequireDefault(_appNavigation);\n\nvar _contentList = __webpack_require__(/*! ../components/contentList */ \"./src/components/contentList.vue\");\n\nvar _contentList2 = _interopRequireDefault(_contentList);\n\nvar _contentDetails = __webpack_require__(/*! ../components/contentDetails */ \"./src/components/contentDetails.vue\");\n\nvar _contentDetails2 = _interopRequireDefault(_contentDetails);\n\nvar _addressBook = __webpack_require__(/*! ../components/addressBook */ \"./src/components/addressBook.vue\");\n\nvar _addressBook2 = _interopRequireDefault(_addressBook);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step(\"next\", value); }, function (err) { step(\"throw\", err); }); } } return step(\"next\"); }); }; } //\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexports.default = {\n\tcomponents: {\n\t\tappNavigation: _appNavigation2.default,\n\t\tcontentList: _contentList2.default,\n\t\tcontentDetails: _contentDetails2.default,\n\t\taddressBook: _addressBook2.default\n\t},\n\t// passed by the router\n\tprops: {\n\t\tselectedGroup: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t\trequired: true\n\t\t},\n\t\tselectedContact: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined\n\t\t}\n\t},\n\tdata: function data() {\n\t\treturn {\n\t\t\tloading: true,\n\t\t\torderKey: 'displayName'\n\t\t};\n\t},\n\n\tcomputed: {\n\t\t// store getters\n\t\taddressbooks: function addressbooks() {\n\t\t\treturn this.$store.getters.getAddressbooks;\n\t\t},\n\t\tcontacts: function contacts() {\n\t\t\treturn this.$store.getters.getContacts;\n\t\t},\n\t\tgroups: function groups() {\n\t\t\treturn this.$store.getters.getGroups;\n\t\t},\n\t\tcontactsLength: function contactsLength() {\n\t\t\treturn Object.keys(this.contacts);\n\t\t},\n\n\n\t\t// building the main menu\n\t\tmenu: function menu() {\n\t\t\treturn {\n\t\t\t\tid: 'groups-list',\n\t\t\t\tnew: {\n\t\t\t\t\tid: 'new-contact-button',\n\t\t\t\t\ttext: t('contacts', 'New contact'),\n\t\t\t\t\ticon: 'icon-add',\n\t\t\t\t\taction: this.newContact\n\t\t\t\t},\n\t\t\t\titems: this.allGroup.concat(this.groups)\n\t\t\t};\n\t\t},\n\n\t\t// default group for every contacts\n\t\tallGroup: function allGroup() {\n\t\t\treturn [{\n\t\t\t\tid: 'everyone',\n\t\t\t\tkey: 'everyone',\n\t\t\t\ticon: 'icon-contacts-dark',\n\t\t\t\trouter: {\n\t\t\t\t\tname: 'group',\n\t\t\t\t\tparams: { selectedGroup: t('contacts', 'All contacts') }\n\t\t\t\t},\n\t\t\t\ttext: t('contacts', 'All contacts'),\n\t\t\t\tutils: {\n\t\t\t\t\tcounter: this.contactsLength\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\tid: 'everyone2',\n\t\t\t\tkey: 'everyone2',\n\t\t\t\ticon: 'icon-contacts-dark',\n\t\t\t\trouter: {\n\t\t\t\t\tname: 'group',\n\t\t\t\t\tparams: { selectedGroup: t('contacts', 'All contacts2') }\n\t\t\t\t},\n\t\t\t\ttext: t('contacts', 'All contacts2'),\n\t\t\t\tutils: {\n\t\t\t\t\tcounter: this.contactsLength\n\t\t\t\t}\n\t\t\t}];\n\t\t}\n\t},\n\twatch: {\n\t\t// watch url change and group select\n\t\tselectedGroup: function selectedGroup() {\n\t\t\tthis.selectFirstContactIfNone();\n\t\t},\n\t\t// watch url change and contact select\n\t\tselectedContact: function selectedContact() {\n\t\t\tthis.selectFirstContactIfNone();\n\t\t}\n\t},\n\tbeforeMount: function beforeMount() {\n\t\tvar _this = this;\n\n\t\t// get addressbooks then get contacts\n\t\tthis.$store.dispatch('getAddressbooks').then(function () {\n\t\t\tPromise.all(_this.addressbooks.map(function () {\n\t\t\t\tvar _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(addressbook) {\n\t\t\t\t\treturn regeneratorRuntime.wrap(function _callee$(_context) {\n\t\t\t\t\t\twhile (1) {\n\t\t\t\t\t\t\tswitch (_context.prev = _context.next) {\n\t\t\t\t\t\t\t\tcase 0:\n\t\t\t\t\t\t\t\t\t_context