diff --git a/aircox/static/aircox/admin.css b/aircox/static/aircox/admin.css index 31f2b87..498d7d8 100644 --- a/aircox/static/aircox/admin.css +++ b/aircox/static/aircox/admin.css @@ -7411,10 +7411,20 @@ a.navbar-item.is-active { .player { box-shadow: 0em 1.5em 2.5em rgba(0, 0, 0, 0.6); } + .player .player-panels { + height: 0%; + transition: height 3s; } + .player .player-panels.is-open { + height: auto; } .player .player-panel { margin: 0.4em; max-height: 80%; overflow-y: auto; } + .player .progress { + margin: 0em; + padding: 0em; + border-color: #209cee; + border-style: 'solid'; } .player .player-bar { border-top: 1px #b5b5b5 solid; } .player .player-bar > .media-left:not(:last-child) { @@ -7431,7 +7441,10 @@ a.navbar-item.is-active { font-size: 1.5rem !important; height: 2.5em; min-width: 2.5em; - border-radius: 0px; } + border-radius: 0px; + transition: background-color 1s; } + .player .player-bar .button:focus { + background-color: #209cee; } .player .player-bar .title { margin: 0em; } diff --git a/aircox/static/aircox/admin.js b/aircox/static/aircox/admin.js index f8aca18..9dad1eb 100644 --- a/aircox/static/aircox/admin.js +++ b/aircox/static/aircox/admin.js @@ -330,7 +330,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getCsrf\", function() { return getCsrf; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return Model; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Set\", function() { return Set; });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n\n\nfunction getCookie(name) {\n if(document.cookie && document.cookie !== '') {\n const cookie = document.cookie.split(';')\n .find(c => c.trim().startsWith(name + '='))\n return cookie ? decodeURIComponent(cookie.split('=')[1]) : null;\n }\n return null;\n}\n\nvar csrfToken = null;\n\nfunction getCsrf() {\n if(csrfToken === null)\n csrfToken = getCookie('csrftoken')\n return csrfToken;\n}\n\n\n// TODO: prevent duplicate simple fetch\nclass Model {\n constructor(data, {url=null}={}) {\n this.url = url;\n this.commit(data);\n }\n\n /**\n * Get instance id from its data\n */\n static getId(data) {\n return data.id;\n }\n\n /**\n * Return fetch options\n */\n static getOptions(options) {\n return {\n headers: {\n 'Content-Type': 'application/json',\n 'Accept': 'application/json',\n 'X-CSRFToken': getCsrf(),\n },\n ...options,\n }\n }\n\n /**\n * Fetch item from server\n */\n static fetch(url, options=null, args=null) {\n options = this.getOptions(options)\n return fetch(url, options)\n .then(response => response.json())\n .then(data => new this(data, {url: url, ...args}));\n }\n\n /**\n * Fetch data from server.\n */\n fetch(options) {\n options = this.constructor.getOptions(options)\n return fetch(this.url, options)\n .then(response => response.json())\n .then(data => this.commit(data));\n }\n\n /**\n * Call API action on object.\n */\n action(path, options, commit=false) {\n options = this.constructor.getOptions(options)\n const promise = fetch(this.url + path, options);\n return commit ? promise.then(data => data.json())\n .then(data => { this.commit(data); this.data })\n : promise;\n }\n\n /**\n * Update instance's data with provided data. Return None\n */\n commit(data) {\n this.id = this.constructor.getId(data);\n vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(this, 'data', data);\n }\n\n /**\n * Save instance into localStorage.\n */\n store(key) {\n window.localStorage.setItem(key, JSON.stringify(this.data));\n }\n\n /**\n * Load model instance from localStorage.\n */\n static storeLoad(key) {\n let item = window.localStorage.getItem(key);\n return item === null ? item : new this(JSON.parse(item));\n }\n}\n\n\n/**\n * List of models\n */\nclass Set {\n constructor(model, {items=[],url=null,args={},unique=null,max=null,storeKey=null}={}) {\n this.items = [];\n this.model = model;\n this.url = url;\n this.unique = unique;\n this.max = max;\n this.storeKey = storeKey;\n\n for(var item of items)\n this.push(item, {args: args, save: false});\n }\n\n get length() { return this.items.length }\n get(index) { return this.items[index] }\n\n /**\n * Fetch multiple items from server\n */\n static fetch(url, options=null, args=null) {\n options = this.getOptions(options)\n return fetch(url, options)\n .then(response => response.json())\n .then(data => (data instanceof Array ? data : data.results)\n .map(d => new this.model(d, {url: url, ...args})))\n }\n\n /**\n * Load list from localStorage\n */\n static storeLoad(model, key, args={}) {\n let items = window.localStorage.getItem(key);\n return new this(model, {...args, storeKey: key, items: items ? JSON.parse(items) : []});\n }\n\n /**\n * Store list into localStorage\n */\n store() {\n this.storeKey && window.localStorage.setItem(this.storeKey, JSON.stringify(\n this.items.map(i => i.data)));\n }\n\n /**\n * Save item\n */\n save() {\n this.storeKey && this.store();\n }\n\n /**\n * Find item by id\n */\n find(item) {\n return this.items.find(x => x.id == item.id);\n }\n\n /**\n * Find item index by id\n */\n findIndex(item) {\n return this.items.findIndex(x => x.id == item.id);\n }\n\n /**\n * Add item to set\n */\n push(item, {args={},save=true}={}) {\n item = item instanceof this.model ? item : new this.model(item, args);\n if(this.unique) {\n let index = this.findIndex(item);\n if(index > -1)\n this.items.splice(index,1);\n }\n if(this.max && this.items.length >= this.max)\n this.items.splice(0,this.items.length-this.max)\n\n this.items.push(item);\n save && this.save();\n }\n\n /**\n * Remove item from set by index\n */\n remove(index, {save=true}={}) {\n this.items.splice(index,1);\n save && this.save();\n }\n}\n\nSet[Symbol.iterator] = function () {\n return this.items[Symbol.iterator]();\n}\n\n\n\n//# sourceURL=webpack:///./assets/public/model.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getCsrf\", function() { return getCsrf; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return Model; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Set\", function() { return Set; });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n\n\nfunction getCookie(name) {\n if(document.cookie && document.cookie !== '') {\n const cookie = document.cookie.split(';')\n .find(c => c.trim().startsWith(name + '='))\n return cookie ? decodeURIComponent(cookie.split('=')[1]) : null;\n }\n return null;\n}\n\nvar csrfToken = null;\n\nfunction getCsrf() {\n if(csrfToken === null)\n csrfToken = getCookie('csrftoken')\n return csrfToken;\n}\n\n\n// TODO: prevent duplicate simple fetch\nclass Model {\n constructor(data, {url=null}={}) {\n this.url = url;\n this.commit(data);\n }\n\n /**\n * Get instance id from its data\n */\n static getId(data) {\n return data.id;\n }\n\n /**\n * Return fetch options\n */\n static getOptions(options) {\n return {\n headers: {\n 'Content-Type': 'application/json',\n 'Accept': 'application/json',\n 'X-CSRFToken': getCsrf(),\n },\n ...options,\n }\n }\n\n /**\n * Fetch item from server\n */\n static fetch(url, options=null, args=null) {\n options = this.getOptions(options)\n return fetch(url, options)\n .then(response => response.json())\n .then(data => new this(data, {url: url, ...args}));\n }\n\n /**\n * Fetch data from server.\n */\n fetch(options) {\n options = this.constructor.getOptions(options)\n return fetch(this.url, options)\n .then(response => response.json())\n .then(data => this.commit(data));\n }\n\n /**\n * Call API action on object.\n */\n action(path, options, commit=false) {\n options = this.constructor.getOptions(options)\n const promise = fetch(this.url + path, options);\n return commit ? promise.then(data => data.json())\n .then(data => { this.commit(data); this.data })\n : promise;\n }\n\n /**\n * Update instance's data with provided data. Return None\n */\n commit(data) {\n this.id = this.constructor.getId(data);\n vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(this, 'data', data);\n }\n\n /**\n * Save instance into localStorage.\n */\n store(key) {\n window.localStorage.setItem(key, JSON.stringify(this.data));\n }\n\n /**\n * Load model instance from localStorage.\n */\n static storeLoad(key) {\n let item = window.localStorage.getItem(key);\n return item === null ? item : new this(JSON.parse(item));\n }\n}\n\n\n/**\n * List of models\n */\nclass Set {\n constructor(model, {items=[],url=null,args={},unique=null,max=null,storeKey=null}={}) {\n this.items = [];\n this.model = model;\n this.url = url;\n this.unique = unique;\n this.max = max;\n this.storeKey = storeKey;\n\n for(var item of items)\n this.push(item, {args: args, save: false});\n }\n\n get length() { return this.items.length }\n\n /**\n * Fetch multiple items from server\n */\n static fetch(url, options=null, args=null) {\n options = this.getOptions(options)\n return fetch(url, options)\n .then(response => response.json())\n .then(data => (data instanceof Array ? data : data.results)\n .map(d => new this.model(d, {url: url, ...args})))\n }\n\n /**\n * Load list from localStorage\n */\n static storeLoad(model, key, args={}) {\n let items = window.localStorage.getItem(key);\n return new this(model, {...args, storeKey: key, items: items ? JSON.parse(items) : []});\n }\n\n /**\n * Store list into localStorage\n */\n store() {\n this.storeKey && window.localStorage.setItem(this.storeKey, JSON.stringify(\n this.items.map(i => i.data)));\n }\n\n /**\n * Save item\n */\n save() {\n this.storeKey && this.store();\n }\n\n /**\n * Get item at index\n */\n get(index) { return this.items[index] }\n\n /**\n * Find an item by id or using a predicate function\n */\n find(pred) {\n return pred instanceof Function ? this.items.find(pred)\n : this.items.find(x => x.id == pred.id);\n }\n\n /**\n * Find item index by id or using a predicate function\n */\n findIndex(pred) {\n return pred instanceof Function ? this.items.findIndex(pred)\n : this.items.findIndex(x => x.id == pred.id);\n }\n\n /**\n * Add item to set\n */\n push(item, {args={},save=true}={}) {\n item = item instanceof this.model ? item : new this.model(item, args);\n if(this.unique) {\n let index = this.findIndex(item);\n if(index > -1)\n return;\n }\n if(this.max && this.items.length >= this.max)\n this.items.splice(0,this.items.length-this.max)\n\n this.items.push(item);\n save && this.save();\n }\n\n /**\n * Remove item from set by index\n */\n remove(index, {save=true}={}) {\n this.items.splice(index,1);\n save && this.save();\n }\n}\n\nSet[Symbol.iterator] = function () {\n return this.items[Symbol.iterator]();\n}\n\n\n\n//# sourceURL=webpack:///./assets/public/model.js?"); /***/ }), @@ -338,11 +338,11 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /*!**********************************!*\ !*** ./assets/public/player.vue ***! \**********************************/ -/*! no static exports found */ +/*! exports provided: State, default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _player_vue_vue_type_template_id_42a56ec9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./player.vue?vue&type=template&id=42a56ec9& */ \"./assets/public/player.vue?vue&type=template&id=42a56ec9&\");\n/* harmony import */ var _player_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./player.vue?vue&type=script&lang=js& */ \"./assets/public/player.vue?vue&type=script&lang=js&\");\n/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _player_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__) if([\"default\"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _player_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__));\n/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(\n _player_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n _player_vue_vue_type_template_id_42a56ec9___WEBPACK_IMPORTED_MODULE_0__[\"render\"],\n _player_vue_vue_type_template_id_42a56ec9___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"],\n false,\n null,\n null,\n null\n \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"assets/public/player.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./assets/public/player.vue?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _player_vue_vue_type_template_id_42a56ec9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./player.vue?vue&type=template&id=42a56ec9& */ \"./assets/public/player.vue?vue&type=template&id=42a56ec9&\");\n/* harmony import */ var _player_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./player.vue?vue&type=script&lang=js& */ \"./assets/public/player.vue?vue&type=script&lang=js&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"State\", function() { return _player_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"State\"]; });\n\n/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(\n _player_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n _player_vue_vue_type_template_id_42a56ec9___WEBPACK_IMPORTED_MODULE_0__[\"render\"],\n _player_vue_vue_type_template_id_42a56ec9___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"],\n false,\n null,\n null,\n null\n \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"assets/public/player.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./assets/public/player.vue?"); /***/ }), @@ -350,7 +350,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _pla /*!***********************************************************!*\ !*** ./assets/public/player.vue?vue&type=script&lang=js& ***! \***********************************************************/ -/*! no static exports found */ +/*! exports provided: default, State */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; @@ -370,42 +370,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod /***/ }), -/***/ "./assets/public/playerProgress.vue": -/*!******************************************!*\ - !*** ./assets/public/playerProgress.vue ***! - \******************************************/ -/*! no static exports found */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _playerProgress_vue_vue_type_template_id_a8a834d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./playerProgress.vue?vue&type=template&id=a8a834d4& */ \"./assets/public/playerProgress.vue?vue&type=template&id=a8a834d4&\");\n/* harmony import */ var _playerProgress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./playerProgress.vue?vue&type=script&lang=js& */ \"./assets/public/playerProgress.vue?vue&type=script&lang=js&\");\n/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _playerProgress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__) if([\"default\"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _playerProgress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__));\n/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(\n _playerProgress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n _playerProgress_vue_vue_type_template_id_a8a834d4___WEBPACK_IMPORTED_MODULE_0__[\"render\"],\n _playerProgress_vue_vue_type_template_id_a8a834d4___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"],\n false,\n null,\n null,\n null\n \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"assets/public/playerProgress.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./assets/public/playerProgress.vue?"); - -/***/ }), - -/***/ "./assets/public/playerProgress.vue?vue&type=script&lang=js&": -/*!*******************************************************************!*\ - !*** ./assets/public/playerProgress.vue?vue&type=script&lang=js& ***! - \*******************************************************************/ -/*! no static exports found */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_loader_lib_index_js_vue_loader_options_playerProgress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/vue-loader/lib??vue-loader-options!./playerProgress.vue?vue&type=script&lang=js& */ \"./node_modules/vue-loader/lib/index.js?!./assets/public/playerProgress.vue?vue&type=script&lang=js&\");\n/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_vue_loader_lib_index_js_vue_loader_options_playerProgress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[\"default\"]); \n\n//# sourceURL=webpack:///./assets/public/playerProgress.vue?"); - -/***/ }), - -/***/ "./assets/public/playerProgress.vue?vue&type=template&id=a8a834d4&": -/*!*************************************************************************!*\ - !*** ./assets/public/playerProgress.vue?vue&type=template&id=a8a834d4& ***! - \*************************************************************************/ -/*! exports provided: render, staticRenderFns */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_playerProgress_vue_vue_type_template_id_a8a834d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../node_modules/vue-loader/lib??vue-loader-options!./playerProgress.vue?vue&type=template&id=a8a834d4& */ \"./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./assets/public/playerProgress.vue?vue&type=template&id=a8a834d4&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_playerProgress_vue_vue_type_template_id_a8a834d4___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_playerProgress_vue_vue_type_template_id_a8a834d4___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack:///./assets/public/playerProgress.vue?"); - -/***/ }), - /***/ "./assets/public/playlist.vue": /*!************************************!*\ !*** ./assets/public/playlist.vue ***! @@ -442,6 +406,42 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod /***/ }), +/***/ "./assets/public/progress.vue": +/*!************************************!*\ + !*** ./assets/public/progress.vue ***! + \************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _progress_vue_vue_type_template_id_b07047d6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./progress.vue?vue&type=template&id=b07047d6& */ \"./assets/public/progress.vue?vue&type=template&id=b07047d6&\");\n/* harmony import */ var _progress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./progress.vue?vue&type=script&lang=js& */ \"./assets/public/progress.vue?vue&type=script&lang=js&\");\n/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(\n _progress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n _progress_vue_vue_type_template_id_b07047d6___WEBPACK_IMPORTED_MODULE_0__[\"render\"],\n _progress_vue_vue_type_template_id_b07047d6___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"],\n false,\n null,\n null,\n null\n \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"assets/public/progress.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./assets/public/progress.vue?"); + +/***/ }), + +/***/ "./assets/public/progress.vue?vue&type=script&lang=js&": +/*!*************************************************************!*\ + !*** ./assets/public/progress.vue?vue&type=script&lang=js& ***! + \*************************************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_loader_lib_index_js_vue_loader_options_progress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/vue-loader/lib??vue-loader-options!./progress.vue?vue&type=script&lang=js& */ \"./node_modules/vue-loader/lib/index.js?!./assets/public/progress.vue?vue&type=script&lang=js&\");\n/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_vue_loader_lib_index_js_vue_loader_options_progress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[\"default\"]); \n\n//# sourceURL=webpack:///./assets/public/progress.vue?"); + +/***/ }), + +/***/ "./assets/public/progress.vue?vue&type=template&id=b07047d6&": +/*!*******************************************************************!*\ + !*** ./assets/public/progress.vue?vue&type=template&id=b07047d6& ***! + \*******************************************************************/ +/*! exports provided: render, staticRenderFns */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_progress_vue_vue_type_template_id_b07047d6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../node_modules/vue-loader/lib??vue-loader-options!./progress.vue?vue&type=template&id=b07047d6& */ \"./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./assets/public/progress.vue?vue&type=template&id=b07047d6&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_progress_vue_vue_type_template_id_b07047d6___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_progress_vue_vue_type_template_id_b07047d6___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack:///./assets/public/progress.vue?"); + +/***/ }), + /***/ "./assets/public/sound.js": /*!********************************!*\ !*** ./assets/public/sound.js ***! @@ -545,7 +545,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var loda /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n data() {\n return {\n selectedIndex: this.defaultIndex,\n }\n },\n\n props: {\n listClass: String,\n itemClass: String,\n defaultIndex: { type: Number, default: -1},\n set: Object,\n },\n\n computed: {\n model() { return this.set.model },\n items() { return this.set.items },\n length() { return this.set.length },\n\n selected() {\n return this.selectedIndex > -1 && this.items.length > this.selectedIndex > -1\n ? this.items[this.selectedIndex] : null;\n },\n },\n\n methods: {\n get(index) { return this.set.get(index) },\n find(item) { return this.set.find(item) },\n findIndex(item) { return this.set.findIndex(item) },\n\n push(...items) {\n let index = this.set.length;\n for(var item of items)\n this.set.push(item);\n },\n\n remove(index, select=False) {\n this.set.remove(index);\n if(index < this.selectedIndex)\n this.selectedIndex--;\n if(select && this.selectedIndex == index)\n this.select(index)\n },\n\n select(index) {\n this.selectedIndex = index > -1 && this.items.length ? index % this.items.length : -1;\n this.$emit('select', { item: this.selected, index: this.selectedIndex });\n return this.selectedIndex;\n },\n\n\n },\n});\n\n\n//# sourceURL=webpack:///./assets/public/list.vue?./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n data() {\n return {\n selectedIndex: this.defaultIndex,\n }\n },\n\n props: {\n listClass: String,\n itemClass: String,\n defaultIndex: { type: Number, default: -1},\n set: Object,\n },\n\n computed: {\n model() { return this.set.model },\n items() { return this.set.items },\n length() { return this.set.length },\n\n selected() {\n return this.selectedIndex > -1 && this.items.length > this.selectedIndex > -1\n ? this.items[this.selectedIndex] : null;\n },\n },\n\n methods: {\n get(index) { return this.set.get(index) },\n find(pred) { return this.set.find(pred) },\n findIndex(pred) { return this.set.findIndex(pred) },\n\n push(...items) {\n for(var item of items)\n this.set.push(item);\n },\n\n remove(index, select=False) {\n this.set.remove(index);\n if(index < this.selectedIndex)\n this.selectedIndex--;\n if(select && this.selectedIndex == index)\n this.select(index)\n },\n\n select(index) {\n this.selectedIndex = index > -1 && this.items.length ? index % this.items.length : -1;\n this.$emit('select', { item: this.selected, index: this.selectedIndex });\n return this.selectedIndex;\n },\n\n unselect() {\n this.$emit('unselect', { item: this.selected, index: this.selectedIndex});\n this.selectedIndex = -1;\n },\n },\n});\n\n\n//# sourceURL=webpack:///./assets/public/list.vue?./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -557,19 +557,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"State\", function() { return State; });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n/* harmony import */ var _live__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./live */ \"./assets/public/live.js\");\n/* harmony import */ var _playlist__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./playlist */ \"./assets/public/playlist.vue\");\n/* harmony import */ var _playerProgress__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./playerProgress */ \"./assets/public/playerProgress.vue\");\n/* harmony import */ var _sound__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./sound */ \"./assets/public/sound.js\");\n/* harmony import */ var _model__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./model */ \"./assets/public/model.js\");\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\n\n\nconst State = {\n paused: 0,\n playing: 1,\n loading: 2,\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n data() {\n let audio = new Audio();\n audio.addEventListener('ended', e => this.onState(e));\n audio.addEventListener('pause', e => this.onState(e));\n audio.addEventListener('playing', e => this.onState(e));\n audio.addEventListener('timeupdate', e => {\n this.currentTime = this.audio.currentTime;\n });\n audio.addEventListener('durationchange', e => {\n this.duration = Number.isFinite(this.audio.duration) ? this.audio.duration : null;\n });\n\n return {\n audio, duration: 0, currentTime: 0,\n\n /// Live instance\n live: this.liveArgs ? new _live__WEBPACK_IMPORTED_MODULE_1__[\"default\"](this.liveArgs) : null,\n /// Loaded item\n loaded: null,\n //! Active panel name\n panel: null,\n //! current playing playlist component\n playlist: null,\n //! players' playlists' sets\n sets: {\n queue: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"playlist.queue\", { max: 30, unique: true }),\n pin: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"player.pin\", { max: 30, unique: true }),\n history: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"player.history\", { max: 30, unique: true }),\n }\n }\n },\n\n props: {\n buttonTitle: String,\n liveArgs: Object,\n },\n\n computed: {\n self() { return this; },\n paused() { return this.state == State.paused; },\n playing() { return this.state == State.playing; },\n loading() { return this.state == State.loading; },\n\n current() {\n return this.loaded || this.live && this.live.current;\n },\n\n buttonStyle() {\n if(!this.current)\n return;\n return { backgroundImage: `url(${this.current.cover})` }\n },\n },\n\n methods: {\n displayTime(seconds) {\n seconds = parseInt(seconds);\n let s = seconds % 60;\n seconds = (seconds - s) / 60;\n let m = seconds % 60;\n let h = (seconds - m) / 60;\n return h ? `${h}:${m}:${s}` : `${m}:${s}`;\n },\n\n playlistButtonClass(name) {\n let set = this.sets[name];\n return (set ? (set.length ? \"\" : \"has-text-grey-light \")\n + (this.panel == name ? \"is-info \"\n : this.playlist && this.playlist == this.$refs[name] ? 'is-primary '\n : '') : '')\n + \"button has-text-weight-bold\";\n },\n\n /// Show/hide panel\n togglePanel(panel) {\n this.panel = this.panel == panel ? null : panel;\n },\n\n /// Return True if item is loaded\n isLoaded(item) {\n return this.loaded && this.loaded.src == item.src;\n },\n\n /// Return True if item is loaded\n isPlaying(item) {\n return this.isLoaded(item) && !this.player.paused;\n },\n\n load(playlist, {src=null, item=null}={}) {\n src = src || item.src;\n this.loaded = item;\n this.playlist = playlist ? this.$refs[playlist] : null;\n\n const audio = this.audio;\n if(src instanceof Array) {\n audio.innerHTML = '';\n for(var s of src) {\n let source = document.createElement(source);\n source.setAttribute('src', s);\n audio.appendChild(source)\n }\n }\n else {\n audio.src = src;\n }\n audio.load();\n },\n\n /// Play a playlist's sound (by playlist name, and sound index)\n play(playlist=null, index=0) {\n if(index < 0)\n return;\n\n if(!playlist)\n playlist = 'queue';\n\n console.log('play', playlist, index, this.audio);\n let item = this.$refs[playlist].get(index);\n if(item) {\n this.load(playlist, {item: item});\n this.sets.history.push(item);\n this.audio.play().catch(e => console.error(e))\n }\n else\n throw `No sound at index ${index} for playlist ${playlist}`;\n },\n\n /// Push items to playlist (by name)\n push(playlist, ...items) {\n this.$refs[playlist].push(...items);\n },\n\n /// Push and play items\n playItems(playlist, ...items) {\n this.push(playlist, ...items);\n\n let index = this.$refs[playlist].findIndex(items[0]);\n this.$refs[playlist].selectedIndex = index;\n this.play(playlist, index);\n },\n\n /// Play live stream\n playLive() {\n this.load(null, {src: this.live.src});\n this.audio.play().catch(e => console.error(e))\n this.panel = '';\n },\n\n /// Pause\n pause() {\n this.audio.pause()\n },\n\n //! Play/pause\n togglePlay() {\n if(this.paused)\n this.audio.play().catch(e => console.error(e))\n else\n this.pause()\n },\n\n //! Pin/Unpin an item\n togglePin(item) {\n let index = this.sets.pin.findIndex(item);\n if(index > -1)\n this.sets.pin.remove(index);\n else {\n this.sets.pin.push(item);\n if(!this.panel)\n this.panel = 'pin';\n }\n },\n\n /// Audio player state change event\n onState(event) {\n const audio = this.audio;\n this.state = audio.paused ? State.paused : State.playing;\n\n if(event.type == 'ended' && (!this.playlist || this.playlist.selectNext() == -1))\n this.playLive();\n },\n },\n\n mounted() {\n this.sources = this.$slots.sources;\n },\n\n components: { Playlist: _playlist__WEBPACK_IMPORTED_MODULE_2__[\"default\"], Progress: _playerProgress__WEBPACK_IMPORTED_MODULE_3__[\"default\"] },\n});\n\n\n//# sourceURL=webpack:///./assets/public/player.vue?./node_modules/vue-loader/lib??vue-loader-options"); - -/***/ }), - -/***/ "./node_modules/vue-loader/lib/index.js?!./assets/public/playerProgress.vue?vue&type=script&lang=js&": -/*!*********************************************************************************************************************!*\ - !*** ./node_modules/vue-loader/lib??vue-loader-options!./assets/public/playerProgress.vue?vue&type=script&lang=js& ***! - \*********************************************************************************************************************/ -/*! exports provided: default */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n props: {\n value: Number,\n max: Number,\n format: { type: Function, default: x => x },\n progressClass: { default: 'has-background-primary' },\n vertical: { type: Boolean, default: false },\n },\n\n computed: {\n progressStyle() {\n if(!this.max)\n return null;\n return this.vertical ? { height: (this.max ? this.value * 100 / this.max : 0) + '%' }\n : { width: (this.max ? this.value * 100 / this.max : 0) + '%' };\n },\n },\n\n methods: {\n xToValue(x) { return x * this.max / this.$refs.bar.getBoundingClientRect().width },\n yToValue(y) { return y * this.max / this.$refs.bar.getBoundingClientRect().height },\n\n onClick(event) {\n let rect = event.currentTarget.getBoundingClientRect()\n this.$emit('select', this.vertical ? this.yToValue(event.clientY - rect.y)\n : this.xToValue(event.clientX - rect.x));\n },\n },\n});\n\n\n//# sourceURL=webpack:///./assets/public/playerProgress.vue?./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"State\", function() { return State; });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n/* harmony import */ var _live__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./live */ \"./assets/public/live.js\");\n/* harmony import */ var _playlist__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./playlist */ \"./assets/public/playlist.vue\");\n/* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./progress */ \"./assets/public/progress.vue\");\n/* harmony import */ var _sound__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./sound */ \"./assets/public/sound.js\");\n/* harmony import */ var _model__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./model */ \"./assets/public/model.js\");\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\nconst State = {\n paused: 0,\n playing: 1,\n loading: 2,\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n data() {\n let audio = new Audio();\n audio.addEventListener('ended', e => this.onState(e));\n audio.addEventListener('pause', e => this.onState(e));\n audio.addEventListener('playing', e => this.onState(e));\n audio.addEventListener('timeupdate', e => {\n this.currentTime = this.audio.currentTime;\n });\n audio.addEventListener('durationchange', e => {\n this.duration = Number.isFinite(this.audio.duration) ? this.audio.duration : null;\n });\n\n return {\n audio, duration: 0, currentTime: 0, state: State.paused,\n\n /// Live instance\n live: this.liveArgs ? new _live__WEBPACK_IMPORTED_MODULE_1__[\"default\"](this.liveArgs) : null,\n /// Loaded item\n loaded: null,\n //! Active panel name\n panel: null,\n //! current playing playlist component\n playlist: null,\n //! players' playlists' sets\n sets: {\n queue: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"playlist.queue\", { max: 30, unique: true }),\n pin: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"player.pin\", { max: 30, unique: true }),\n }\n }\n },\n\n props: {\n buttonTitle: String,\n liveArgs: Object,\n },\n\n computed: {\n self() { return this; },\n paused() { return this.state == State.paused; },\n playing() { return this.state == State.playing; },\n loading() { return this.state == State.loading; },\n\n current() {\n return this.loaded || this.live && this.live.current;\n },\n\n buttonStyle() {\n if(!this.current)\n return;\n return { backgroundImage: `url(${this.current.cover})` }\n },\n },\n\n methods: {\n displayTime(seconds) {\n seconds = parseInt(seconds);\n let s = seconds % 60;\n seconds = (seconds - s) / 60;\n let m = seconds % 60;\n let h = (seconds - m) / 60;\n\n let [ss,mm,hh] = [s.toString().padStart(2, '0'),\n m.toString().padStart(2, '0'),\n h.toString().padStart(2, '0')];\n return h ? `${hh}:${mm}:${ss}` : `${mm}:${ss}`;\n },\n\n playlistButtonClass(name) {\n let set = this.sets[name];\n return (set ? (set.length ? \"\" : \"has-text-grey-light \")\n + (this.panel == name ? \"is-info \"\n : this.playlist && this.playlist == this.$refs[name] ? 'is-primary '\n : '') : '')\n + \"button has-text-weight-bold\";\n },\n\n /// Show/hide panel\n togglePanel(panel) { this.panel = this.panel == panel ? null : panel },\n /// Return True if item is loaded\n isLoaded(item) { return this.loaded && this.loaded.id == item.id },\n /// Return True if item is loaded\n isPlaying(item) { return this.isLoaded(item) && !this.paused },\n\n _setPlaylist(playlist) {\n this.playlist = playlist ? this.$refs[playlist] : null;\n for(var p in this.sets)\n if(p != playlist)\n this.$refs[p].unselect();\n },\n\n load(playlist, {src=null, item=null}={}) {\n src = src || item.src;\n this.loaded = item;\n this._setPlaylist(playlist);\n\n const audio = this.audio;\n if(src instanceof Array) {\n audio.innerHTML = '';\n for(var s of src) {\n let source = document.createElement(source);\n source.setAttribute('src', s);\n audio.appendChild(source)\n }\n }\n else {\n audio.src = src;\n }\n audio.load();\n },\n\n /// Play a playlist's sound (by playlist name, and sound index)\n play(playlist=null, index=0) {\n if(index < 0)\n return;\n\n if(!playlist)\n playlist = 'queue';\n\n console.log('play', playlist, index, this.audio);\n let item = this.$refs[playlist].get(index);\n if(item) {\n this.load(playlist, {item});\n this.audio.play().catch(e => console.error(e))\n }\n else\n throw `No sound at index ${index} for playlist ${playlist}`;\n },\n\n /// Push items to playlist (by name)\n push(playlist, ...items) {\n this.$refs[playlist].push(...items);\n },\n\n /// Push and play items\n playItems(playlist, ...items) {\n this.push(playlist, ...items);\n\n let index = this.$refs[playlist].findIndex(items[0]);\n this.$refs[playlist].selectedIndex = index;\n this.play(playlist, index);\n },\n\n /// Play live stream\n playLive() {\n this.load(null, {src: this.live.src});\n this.audio.play().catch(e => console.error(e))\n this.panel = '';\n },\n\n /// Pause\n pause() {\n this.audio.pause()\n },\n\n //! Play/pause\n togglePlay() {\n if(this.paused)\n this.audio.play().catch(e => console.error(e))\n else\n this.pause()\n },\n\n //! Pin/Unpin an item\n togglePin(item) {\n let index = this.sets.pin.findIndex(item);\n if(index > -1)\n this.sets.pin.remove(index);\n else {\n this.sets.pin.push(item);\n this.$refs.pinPlaylistButton.focus();\n }\n },\n\n /// Audio player state change event\n onState(event) {\n const audio = this.audio;\n this.state = audio.paused ? State.paused : State.playing;\n\n if(event.type == 'ended' && (!this.playlist || this.playlist.selectNext() == -1))\n this.playLive();\n },\n },\n\n mounted() {\n this.sources = this.$slots.sources;\n },\n\n components: { Playlist: _playlist__WEBPACK_IMPORTED_MODULE_2__[\"default\"], Progress: _progress__WEBPACK_IMPORTED_MODULE_3__[\"default\"] },\n});\n\n\n//# sourceURL=webpack:///./assets/public/player.vue?./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -585,6 +573,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _lis /***/ }), +/***/ "./node_modules/vue-loader/lib/index.js?!./assets/public/progress.vue?vue&type=script&lang=js&": +/*!***************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib??vue-loader-options!./assets/public/progress.vue?vue&type=script&lang=js& ***! + \***************************************************************************************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n data() {\n return {\n hoverValue: null,\n }\n },\n\n props: {\n value: Number,\n max: Number,\n format: { type: Function, default: x => x },\n progressClass: { default: 'has-background-primary' },\n vertical: { type: Boolean, default: false },\n },\n\n computed: {\n valueDisplay() { return this.hoverValue === null ? this.value : this.hoverValue; },\n\n progressStyle() {\n if(!this.max)\n return null;\n let value = this.max ? this.valueDisplay * 100 / this.max : 0;\n return this.vertical ? { height: `${value}%` } : { width: `${value}%` };\n },\n },\n\n methods: {\n xToValue(x) { return x * this.max / this.$refs.bar.getBoundingClientRect().width },\n yToValue(y) { return y * this.max / this.$refs.bar.getBoundingClientRect().height },\n\n valueFromEvent(event) {\n let rect = event.currentTarget.getBoundingClientRect()\n return this.vertical ? this.yToValue(event.clientY - rect.y)\n : this.xToValue(event.clientX - rect.x);\n },\n\n onClick(event) {\n this.$emit('select', this.valueFromEvent(event));\n },\n\n onMouseMove(event) {\n if(event.type == 'mouseleave')\n this.hoverValue = null;\n else {\n this.hoverValue = this.valueFromEvent(event);\n }\n },\n },\n});\n\n\n//# sourceURL=webpack:///./assets/public/progress.vue?./node_modules/vue-loader/lib??vue-loader-options"); + +/***/ }), + /***/ "./node_modules/vue-loader/lib/index.js?!./assets/public/soundItem.vue?vue&type=script&lang=js&": /*!****************************************************************************************************************!*\ !*** ./node_modules/vue-loader/lib??vue-loader-options!./assets/public/soundItem.vue?vue&type=script&lang=js& ***! @@ -593,7 +593,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _lis /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _model__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./model */ \"./assets/public/model.js\");\n/* harmony import */ var _sound__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./sound */ \"./assets/public/sound.js\");\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/* harmony default export */ __webpack_exports__[\"default\"] = ({\n props: {\n data: {type: Object, default: x => {}},\n name: String,\n cover: String,\n player: Object,\n page_url: String,\n actions: {type:Array, default: x => []},\n index: {type:Number, default: null},\n },\n\n computed: {\n item() { return this.data instanceof _model__WEBPACK_IMPORTED_MODULE_0__[\"default\"] ? this.data : new _sound__WEBPACK_IMPORTED_MODULE_1__[\"default\"](this.data || {}); },\n loaded() { return this.player && this.player.isLoaded(this.item) },\n playing() { return this.player && this.player.playing && this.loaded },\n paused() { return this.player && this.player.paused && this.loaded },\n loading() { return this.player && this.player.loading && this.loaded },\n pinned() { return this.player && this.player.sets.pin.find(this.item) },\n },\n\n methods: {\n hasAction(action) {\n return this.actions && this.actions.indexOf(action) != -1;\n },\n }\n});\n\n\n//# sourceURL=webpack:///./assets/public/soundItem.vue?./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _model__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./model */ \"./assets/public/model.js\");\n/* harmony import */ var _sound__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./sound */ \"./assets/public/sound.js\");\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/* harmony default export */ __webpack_exports__[\"default\"] = ({\n props: {\n data: {type: Object, default: x => {}},\n name: String,\n cover: String,\n player: Object,\n page_url: String,\n actions: {type:Array, default: x => []},\n index: {type:Number, default: null},\n },\n\n computed: {\n item() { return this.data instanceof _model__WEBPACK_IMPORTED_MODULE_0__[\"default\"] ? this.data : new _sound__WEBPACK_IMPORTED_MODULE_1__[\"default\"](this.data || {}); },\n loaded() { return this.player && this.player.isLoaded(this.item) },\n playing() { return this.player && this.player.isPlaying(this.item) },\n paused() { return this.player && this.player.paused && this.loaded },\n pinned() { return this.player && this.player.sets.pin.find(this.item) },\n },\n\n methods: {\n hasAction(action) {\n return this.actions && this.actions.indexOf(action) != -1;\n },\n }\n});\n\n\n//# sourceURL=webpack:///./assets/public/soundItem.vue?./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -641,19 +641,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"player\" },\n [\n _c(\"Playlist\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.panel == \"history\",\n expression: \"panel == 'history'\"\n }\n ],\n ref: \"history\",\n staticClass: \"player-panel menu\",\n attrs: {\n name: \"History\",\n editable: true,\n player: _vm.self,\n set: _vm.sets.history,\n listClass: \"menu-list\",\n itemClass: \"menu-item\"\n },\n on: {\n select: function($event) {\n return _vm.play(\"pin\", $event.index)\n }\n },\n scopedSlots: _vm._u([\n {\n key: \"header\",\n fn: function() {\n return [\n _c(\"p\", { staticClass: \"menu-label\" }, [\n _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-clock\" })\n ]),\n _vm._v(\"\\n History\\n \")\n ])\n ]\n },\n proxy: true\n }\n ])\n }),\n _vm._v(\" \"),\n _c(\"Playlist\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.panel == \"pin\",\n expression: \"panel == 'pin'\"\n }\n ],\n ref: \"pin\",\n staticClass: \"player-panel menu\",\n attrs: {\n name: \"Pinned\",\n editable: true,\n player: _vm.self,\n set: _vm.sets.pin,\n listClass: \"menu-list\",\n itemClass: \"menu-item\"\n },\n on: {\n select: function($event) {\n return _vm.play(\"pin\", $event.index)\n }\n },\n scopedSlots: _vm._u([\n {\n key: \"header\",\n fn: function() {\n return [\n _c(\"p\", { staticClass: \"menu-label\" }, [\n _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-thumbtack\" })\n ]),\n _vm._v(\"\\n Pinned\\n \")\n ])\n ]\n },\n proxy: true\n }\n ])\n }),\n _vm._v(\" \"),\n _c(\"Playlist\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.panel == \"queue\",\n expression: \"panel == 'queue'\"\n }\n ],\n ref: \"queue\",\n staticClass: \"player-panel menu\",\n attrs: {\n editable: true,\n player: _vm.self,\n set: _vm.sets.queue,\n listClass: \"menu-list\",\n itemClass: \"menu-item\"\n },\n on: {\n select: function($event) {\n return _vm.play(\"queue\", $event.index)\n }\n },\n scopedSlots: _vm._u([\n {\n key: \"header\",\n fn: function() {\n return [\n _c(\"p\", { staticClass: \"menu-label\" }, [\n _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-list\" })\n ]),\n _vm._v(\"\\n Playlist\\n \")\n ])\n ]\n },\n proxy: true\n }\n ])\n }),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"player-bar media\" }, [\n _c(\n \"div\",\n { staticClass: \"media-left\" },\n [\n _c(\n \"div\",\n {\n staticClass: \"button\",\n attrs: {\n title: _vm.buttonTitle,\n \"aria-label\": _vm.buttonTitle\n },\n on: {\n click: function($event) {\n return _vm.togglePlay()\n }\n }\n },\n [\n _vm.playing\n ? _c(\"span\", { staticClass: \"fas fa-pause\" })\n : _c(\"span\", { staticClass: \"fas fa-play\" })\n ]\n ),\n _vm._v(\" \"),\n _vm._t(\"sources\")\n ],\n 2\n ),\n _vm._v(\" \"),\n _vm.current && _vm.current.cover\n ? _c(\"div\", { staticClass: \"media-left media-cover\" }, [\n _c(\"img\", {\n staticClass: \"cover\",\n attrs: { src: _vm.current.cover }\n })\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"media-content\" },\n [\n _vm._t(\"content\", null, { current: _vm.current }),\n _vm._v(\" \"),\n this.duration\n ? _c(\"Progress\", {\n attrs: {\n value: this.currentTime,\n max: this.duration,\n format: _vm.displayTime\n },\n on: {\n select: function($event) {\n _vm.audio.currentTime = $event\n }\n }\n })\n : _vm._e()\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"media-right\" }, [\n _vm.loaded\n ? _c(\n \"button\",\n {\n staticClass: \"button has-text-weight-bold\",\n on: {\n click: function($event) {\n return _vm.playLive()\n }\n }\n },\n [_vm._m(0), _vm._v(\" \"), _c(\"span\", [_vm._v(\"Live\")])]\n )\n : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"button\",\n {\n class: _vm.playlistButtonClass(\"history\"),\n on: {\n click: function($event) {\n return _vm.togglePanel(\"history\")\n }\n }\n },\n [\n _vm.sets.history.length\n ? _c(\"span\", { staticClass: \"mr-2 is-size-6\" }, [\n _vm._v(\n \"\\n \" + _vm._s(_vm.sets.history.length)\n )\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _vm._m(1)\n ]\n ),\n _vm._v(\" \"),\n _c(\n \"button\",\n {\n class: _vm.playlistButtonClass(\"pin\"),\n on: {\n click: function($event) {\n return _vm.togglePanel(\"pin\")\n }\n }\n },\n [\n _vm.sets.pin.length\n ? _c(\"span\", { staticClass: \"mr-2 is-size-6\" }, [\n _vm._v(\n \"\\n \" + _vm._s(_vm.sets.pin.length)\n )\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _vm._m(2)\n ]\n ),\n _vm._v(\" \"),\n _c(\n \"button\",\n {\n class: _vm.playlistButtonClass(\"queue\"),\n on: {\n click: function($event) {\n return _vm.togglePanel(\"queue\")\n }\n }\n },\n [\n _vm.sets.queue.length\n ? _c(\"span\", { staticClass: \"mr-2 is-size-6\" }, [\n _vm._v(\n \"\\n \" + _vm._s(_vm.sets.queue.length)\n )\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _vm._m(3)\n ]\n )\n ])\n ])\n ],\n 1\n )\n}\nvar staticRenderFns = [\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"span\", { staticClass: \"icon has-text-danger\" }, [\n _c(\"span\", { staticClass: \"fa fa-broadcast-tower\" })\n ])\n },\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-clock\" })\n ])\n },\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-thumbtack\" })\n ])\n },\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-list\" })\n ])\n }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./assets/public/player.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options"); - -/***/ }), - -/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./assets/public/playerProgress.vue?vue&type=template&id=a8a834d4&": -/*!*******************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./assets/public/playerProgress.vue?vue&type=template&id=a8a834d4& ***! - \*******************************************************************************************************************************************************************************************************/ -/*! exports provided: render, staticRenderFns */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"media\" }, [\n _c(\n \"div\",\n { staticClass: \"media-left\" },\n [\n _vm._t(\"value\", [_vm._v(_vm._s(_vm.format(_vm.value)))], {\n value: _vm.value,\n max: _vm.max\n })\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\n \"div\",\n {\n ref: \"bar\",\n staticClass: \"media-content\",\n on: {\n click: function($event) {\n $event.stopPropagation()\n return _vm.onClick($event)\n }\n }\n },\n [\n _c(\"div\", { class: _vm.progressClass, style: _vm.progressStyle }, [\n _vm._v(\" \")\n ])\n ]\n ),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"media-right\" },\n [\n _vm._t(\"value\", [_vm._v(_vm._s(_vm.format(_vm.max)))], {\n value: _vm.value,\n max: _vm.max\n })\n ],\n 2\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./assets/public/playerProgress.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"player\" }, [\n _c(\n \"div\",\n { class: [\"player-panels\", _vm.panel ? \"is-open\" : \"\"] },\n [\n _c(\"Playlist\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.panel == \"pin\",\n expression: \"panel == 'pin'\"\n }\n ],\n ref: \"pin\",\n staticClass: \"player-panel menu\",\n attrs: {\n name: \"Pinned\",\n editable: true,\n player: _vm.self,\n set: _vm.sets.pin,\n listClass: \"menu-list\",\n itemClass: \"menu-item\"\n },\n on: {\n select: function($event) {\n return _vm.play(\"pin\", $event.index)\n }\n },\n scopedSlots: _vm._u([\n {\n key: \"header\",\n fn: function() {\n return [\n _c(\"p\", { staticClass: \"menu-label\" }, [\n _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-thumbtack\" })\n ]),\n _vm._v(\"\\n Pinned\\n \")\n ])\n ]\n },\n proxy: true\n }\n ])\n }),\n _vm._v(\" \"),\n _c(\"Playlist\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.panel == \"queue\",\n expression: \"panel == 'queue'\"\n }\n ],\n ref: \"queue\",\n staticClass: \"player-panel menu\",\n attrs: {\n editable: true,\n player: _vm.self,\n set: _vm.sets.queue,\n listClass: \"menu-list\",\n itemClass: \"menu-item\"\n },\n on: {\n select: function($event) {\n return _vm.play(\"queue\", $event.index)\n }\n },\n scopedSlots: _vm._u([\n {\n key: \"header\",\n fn: function() {\n return [\n _c(\"p\", { staticClass: \"menu-label\" }, [\n _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-list\" })\n ]),\n _vm._v(\"\\n Playlist\\n \")\n ])\n ]\n },\n proxy: true\n }\n ])\n })\n ],\n 1\n ),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"player-bar media\" }, [\n _c(\n \"div\",\n { staticClass: \"media-left\" },\n [\n _c(\n \"div\",\n {\n staticClass: \"button\",\n attrs: { title: _vm.buttonTitle, \"aria-label\": _vm.buttonTitle },\n on: {\n click: function($event) {\n return _vm.togglePlay()\n }\n }\n },\n [\n _vm.playing\n ? _c(\"span\", { staticClass: \"fas fa-pause\" })\n : _c(\"span\", { staticClass: \"fas fa-play\" })\n ]\n ),\n _vm._v(\" \"),\n _vm._t(\"sources\")\n ],\n 2\n ),\n _vm._v(\" \"),\n _vm.current && _vm.current.cover\n ? _c(\"div\", { staticClass: \"media-left media-cover\" }, [\n _c(\"img\", {\n staticClass: \"cover\",\n attrs: { src: _vm.current.cover }\n })\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"media-content\" },\n [\n _vm._t(\"content\", null, { current: _vm.current }),\n _vm._v(\" \"),\n _vm.loaded && _vm.duration\n ? _c(\"Progress\", {\n attrs: {\n value: _vm.currentTime,\n max: this.duration,\n format: _vm.displayTime\n },\n on: {\n select: function($event) {\n _vm.audio.currentTime = $event\n }\n }\n })\n : _vm._e()\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"media-right\" }, [\n _vm.loaded\n ? _c(\n \"button\",\n {\n staticClass: \"button has-text-weight-bold\",\n on: {\n click: function($event) {\n return _vm.playLive()\n }\n }\n },\n [_vm._m(0), _vm._v(\" \"), _c(\"span\", [_vm._v(\"Live\")])]\n )\n : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"button\",\n {\n ref: \"pinPlaylistButton\",\n class: _vm.playlistButtonClass(\"pin\"),\n on: {\n click: function($event) {\n return _vm.togglePanel(\"pin\")\n }\n }\n },\n [\n _vm.sets.pin.length\n ? _c(\"span\", { staticClass: \"mr-2 is-size-6\" }, [\n _vm._v(\"\\n \" + _vm._s(_vm.sets.pin.length))\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _vm._m(1)\n ]\n ),\n _vm._v(\" \"),\n _c(\n \"button\",\n {\n class: _vm.playlistButtonClass(\"queue\"),\n on: {\n click: function($event) {\n return _vm.togglePanel(\"queue\")\n }\n }\n },\n [\n _vm.sets.queue.length\n ? _c(\"span\", { staticClass: \"mr-2 is-size-6\" }, [\n _vm._v(\n \"\\n \" + _vm._s(_vm.sets.queue.length)\n )\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _vm._m(2)\n ]\n )\n ])\n ])\n ])\n}\nvar staticRenderFns = [\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"span\", { staticClass: \"icon is-size-6 has-text-danger\" }, [\n _c(\"span\", { staticClass: \"fa fa-circle\" })\n ])\n },\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-thumbtack\" })\n ])\n },\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-list\" })\n ])\n }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./assets/public/player.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -669,6 +657,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ }), +/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./assets/public/progress.vue?vue&type=template&id=b07047d6&": +/*!*************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./assets/public/progress.vue?vue&type=template&id=b07047d6& ***! + \*************************************************************************************************************************************************************************************************/ +/*! exports provided: render, staticRenderFns */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"media\" }, [\n _c(\n \"div\",\n { staticClass: \"media-left\" },\n [\n _vm._t(\"value\", [_vm._v(_vm._s(_vm.format(_vm.valueDisplay)))], {\n value: _vm.valueDisplay,\n max: _vm.max\n })\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\n \"div\",\n {\n ref: \"bar\",\n staticClass: \"media-content\",\n on: {\n click: function($event) {\n $event.stopPropagation()\n return _vm.onClick($event)\n },\n mouseleave: function($event) {\n $event.stopPropagation()\n return _vm.onMouseMove($event)\n },\n mousemove: function($event) {\n $event.stopPropagation()\n return _vm.onMouseMove($event)\n }\n }\n },\n [\n _c(\"div\", { class: _vm.progressClass, style: _vm.progressStyle }, [\n _vm._v(\" \")\n ])\n ]\n ),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"media-right\" },\n [\n _vm._t(\"value\", [_vm._v(_vm._s(_vm.format(_vm.max)))], {\n value: _vm.valueDisplay,\n max: _vm.max\n })\n ],\n 2\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./assets/public/progress.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options"); + +/***/ }), + /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./assets/public/soundItem.vue?vue&type=template&id=4dfee2ec&": /*!**************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./assets/public/soundItem.vue?vue&type=template&id=4dfee2ec& ***! @@ -677,7 +677,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"media\" }, [\n _vm.hasAction(\"play\")\n ? _c(\"div\", { staticClass: \"media-left\" }, [\n _c(\n \"button\",\n {\n staticClass: \"button\",\n on: {\n click: function($event) {\n return _vm.$emit(\"togglePlay\")\n }\n }\n },\n [\n _c(\"div\", { staticClass: \"icon\" }, [\n _vm.playing || _vm.loading\n ? _c(\"span\", { staticClass: \"fa fa-pause\" })\n : _c(\"span\", { staticClass: \"fa fa-play\" })\n ])\n ]\n )\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"media-content\" },\n [\n _vm._t(\n \"content\",\n [\n _c(\"h4\", { staticClass: \"title is-4 is-inline-block\" }, [\n _vm._v(\n \"\\n \" +\n _vm._s(_vm.name || _vm.item.name) +\n \"\\n \"\n )\n ])\n ],\n { player: _vm.player, item: _vm.item, loaded: _vm.loaded }\n )\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"media-right\" },\n [\n _vm.player.$refs.pin != _vm.$parent\n ? _c(\n \"button\",\n {\n staticClass: \"button\",\n on: {\n click: function($event) {\n $event.stopPropagation()\n return _vm.player.togglePin(_vm.item)\n }\n }\n },\n [\n _c(\"span\", { staticClass: \"icon is-small\" }, [\n _c(\"span\", {\n class:\n (_vm.pinned ? \"\" : \"has-text-grey-light \") +\n \"fa fa-thumbtack\"\n })\n ])\n ]\n )\n : _vm._e(),\n _vm._v(\" \"),\n _vm._t(\"actions\", null, {\n player: _vm.player,\n item: _vm.item,\n loaded: _vm.loaded\n })\n ],\n 2\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./assets/public/soundItem.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"media\" }, [\n _vm.hasAction(\"play\")\n ? _c(\"div\", { staticClass: \"media-left\" }, [\n _c(\n \"button\",\n {\n staticClass: \"button\",\n on: {\n click: function($event) {\n return _vm.$emit(\"togglePlay\")\n }\n }\n },\n [\n _c(\"div\", { staticClass: \"icon\" }, [\n _vm.playing\n ? _c(\"span\", { staticClass: \"fa fa-pause\" })\n : _c(\"span\", { staticClass: \"fa fa-play\" })\n ])\n ]\n )\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"media-content\" },\n [\n _vm._t(\n \"content\",\n [\n _c(\"h4\", { staticClass: \"title is-4 is-inline-block\" }, [\n _vm._v(\n \"\\n \" +\n _vm._s(_vm.name || _vm.item.name) +\n \"\\n \"\n )\n ])\n ],\n { player: _vm.player, item: _vm.item, loaded: _vm.loaded }\n )\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"media-right\" },\n [\n _vm.player.sets.pin != _vm.$parent.set\n ? _c(\n \"button\",\n {\n staticClass: \"button\",\n on: {\n click: function($event) {\n $event.stopPropagation()\n return _vm.player.togglePin(_vm.item)\n }\n }\n },\n [\n _c(\"span\", { staticClass: \"icon is-small\" }, [\n _c(\"span\", {\n class:\n (_vm.pinned ? \"\" : \"has-text-grey-light \") +\n \"fa fa-thumbtack\"\n })\n ])\n ]\n )\n : _vm._e(),\n _vm._v(\" \"),\n _vm._t(\"actions\", null, {\n player: _vm.player,\n item: _vm.item,\n loaded: _vm.loaded\n })\n ],\n 2\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./assets/public/soundItem.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }) diff --git a/aircox/static/aircox/main.css b/aircox/static/aircox/main.css index b71f99e..9cf8c4c 100644 --- a/aircox/static/aircox/main.css +++ b/aircox/static/aircox/main.css @@ -7390,10 +7390,20 @@ a.navbar-item.is-active { .player { box-shadow: 0em 1.5em 2.5em rgba(0, 0, 0, 0.6); } + .player .player-panels { + height: 0%; + transition: height 3s; } + .player .player-panels.is-open { + height: auto; } .player .player-panel { margin: 0.4em; max-height: 80%; overflow-y: auto; } + .player .progress { + margin: 0em; + padding: 0em; + border-color: #209cee; + border-style: 'solid'; } .player .player-bar { border-top: 1px #b5b5b5 solid; } .player .player-bar > .media-left:not(:last-child) { @@ -7410,7 +7420,10 @@ a.navbar-item.is-active { font-size: 1.5rem !important; height: 2.5em; min-width: 2.5em; - border-radius: 0px; } + border-radius: 0px; + transition: background-color 1s; } + .player .player-bar .button:focus { + background-color: #209cee; } .player .player-bar .title { margin: 0em; } diff --git a/aircox/static/aircox/main.js b/aircox/static/aircox/main.js index 4b455f5..64f63bf 100644 --- a/aircox/static/aircox/main.js +++ b/aircox/static/aircox/main.js @@ -271,7 +271,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getCsrf\", function() { return getCsrf; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return Model; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Set\", function() { return Set; });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n\n\nfunction getCookie(name) {\n if(document.cookie && document.cookie !== '') {\n const cookie = document.cookie.split(';')\n .find(c => c.trim().startsWith(name + '='))\n return cookie ? decodeURIComponent(cookie.split('=')[1]) : null;\n }\n return null;\n}\n\nvar csrfToken = null;\n\nfunction getCsrf() {\n if(csrfToken === null)\n csrfToken = getCookie('csrftoken')\n return csrfToken;\n}\n\n\n// TODO: prevent duplicate simple fetch\nclass Model {\n constructor(data, {url=null}={}) {\n this.url = url;\n this.commit(data);\n }\n\n /**\n * Get instance id from its data\n */\n static getId(data) {\n return data.id;\n }\n\n /**\n * Return fetch options\n */\n static getOptions(options) {\n return {\n headers: {\n 'Content-Type': 'application/json',\n 'Accept': 'application/json',\n 'X-CSRFToken': getCsrf(),\n },\n ...options,\n }\n }\n\n /**\n * Fetch item from server\n */\n static fetch(url, options=null, args=null) {\n options = this.getOptions(options)\n return fetch(url, options)\n .then(response => response.json())\n .then(data => new this(data, {url: url, ...args}));\n }\n\n /**\n * Fetch data from server.\n */\n fetch(options) {\n options = this.constructor.getOptions(options)\n return fetch(this.url, options)\n .then(response => response.json())\n .then(data => this.commit(data));\n }\n\n /**\n * Call API action on object.\n */\n action(path, options, commit=false) {\n options = this.constructor.getOptions(options)\n const promise = fetch(this.url + path, options);\n return commit ? promise.then(data => data.json())\n .then(data => { this.commit(data); this.data })\n : promise;\n }\n\n /**\n * Update instance's data with provided data. Return None\n */\n commit(data) {\n this.id = this.constructor.getId(data);\n vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(this, 'data', data);\n }\n\n /**\n * Save instance into localStorage.\n */\n store(key) {\n window.localStorage.setItem(key, JSON.stringify(this.data));\n }\n\n /**\n * Load model instance from localStorage.\n */\n static storeLoad(key) {\n let item = window.localStorage.getItem(key);\n return item === null ? item : new this(JSON.parse(item));\n }\n}\n\n\n/**\n * List of models\n */\nclass Set {\n constructor(model, {items=[],url=null,args={},unique=null,max=null,storeKey=null}={}) {\n this.items = [];\n this.model = model;\n this.url = url;\n this.unique = unique;\n this.max = max;\n this.storeKey = storeKey;\n\n for(var item of items)\n this.push(item, {args: args, save: false});\n }\n\n get length() { return this.items.length }\n get(index) { return this.items[index] }\n\n /**\n * Fetch multiple items from server\n */\n static fetch(url, options=null, args=null) {\n options = this.getOptions(options)\n return fetch(url, options)\n .then(response => response.json())\n .then(data => (data instanceof Array ? data : data.results)\n .map(d => new this.model(d, {url: url, ...args})))\n }\n\n /**\n * Load list from localStorage\n */\n static storeLoad(model, key, args={}) {\n let items = window.localStorage.getItem(key);\n return new this(model, {...args, storeKey: key, items: items ? JSON.parse(items) : []});\n }\n\n /**\n * Store list into localStorage\n */\n store() {\n this.storeKey && window.localStorage.setItem(this.storeKey, JSON.stringify(\n this.items.map(i => i.data)));\n }\n\n /**\n * Save item\n */\n save() {\n this.storeKey && this.store();\n }\n\n /**\n * Find item by id\n */\n find(item) {\n return this.items.find(x => x.id == item.id);\n }\n\n /**\n * Find item index by id\n */\n findIndex(item) {\n return this.items.findIndex(x => x.id == item.id);\n }\n\n /**\n * Add item to set\n */\n push(item, {args={},save=true}={}) {\n item = item instanceof this.model ? item : new this.model(item, args);\n if(this.unique) {\n let index = this.findIndex(item);\n if(index > -1)\n this.items.splice(index,1);\n }\n if(this.max && this.items.length >= this.max)\n this.items.splice(0,this.items.length-this.max)\n\n this.items.push(item);\n save && this.save();\n }\n\n /**\n * Remove item from set by index\n */\n remove(index, {save=true}={}) {\n this.items.splice(index,1);\n save && this.save();\n }\n}\n\nSet[Symbol.iterator] = function () {\n return this.items[Symbol.iterator]();\n}\n\n\n\n//# sourceURL=webpack:///./assets/public/model.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getCsrf\", function() { return getCsrf; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return Model; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Set\", function() { return Set; });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n\n\nfunction getCookie(name) {\n if(document.cookie && document.cookie !== '') {\n const cookie = document.cookie.split(';')\n .find(c => c.trim().startsWith(name + '='))\n return cookie ? decodeURIComponent(cookie.split('=')[1]) : null;\n }\n return null;\n}\n\nvar csrfToken = null;\n\nfunction getCsrf() {\n if(csrfToken === null)\n csrfToken = getCookie('csrftoken')\n return csrfToken;\n}\n\n\n// TODO: prevent duplicate simple fetch\nclass Model {\n constructor(data, {url=null}={}) {\n this.url = url;\n this.commit(data);\n }\n\n /**\n * Get instance id from its data\n */\n static getId(data) {\n return data.id;\n }\n\n /**\n * Return fetch options\n */\n static getOptions(options) {\n return {\n headers: {\n 'Content-Type': 'application/json',\n 'Accept': 'application/json',\n 'X-CSRFToken': getCsrf(),\n },\n ...options,\n }\n }\n\n /**\n * Fetch item from server\n */\n static fetch(url, options=null, args=null) {\n options = this.getOptions(options)\n return fetch(url, options)\n .then(response => response.json())\n .then(data => new this(data, {url: url, ...args}));\n }\n\n /**\n * Fetch data from server.\n */\n fetch(options) {\n options = this.constructor.getOptions(options)\n return fetch(this.url, options)\n .then(response => response.json())\n .then(data => this.commit(data));\n }\n\n /**\n * Call API action on object.\n */\n action(path, options, commit=false) {\n options = this.constructor.getOptions(options)\n const promise = fetch(this.url + path, options);\n return commit ? promise.then(data => data.json())\n .then(data => { this.commit(data); this.data })\n : promise;\n }\n\n /**\n * Update instance's data with provided data. Return None\n */\n commit(data) {\n this.id = this.constructor.getId(data);\n vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(this, 'data', data);\n }\n\n /**\n * Save instance into localStorage.\n */\n store(key) {\n window.localStorage.setItem(key, JSON.stringify(this.data));\n }\n\n /**\n * Load model instance from localStorage.\n */\n static storeLoad(key) {\n let item = window.localStorage.getItem(key);\n return item === null ? item : new this(JSON.parse(item));\n }\n}\n\n\n/**\n * List of models\n */\nclass Set {\n constructor(model, {items=[],url=null,args={},unique=null,max=null,storeKey=null}={}) {\n this.items = [];\n this.model = model;\n this.url = url;\n this.unique = unique;\n this.max = max;\n this.storeKey = storeKey;\n\n for(var item of items)\n this.push(item, {args: args, save: false});\n }\n\n get length() { return this.items.length }\n\n /**\n * Fetch multiple items from server\n */\n static fetch(url, options=null, args=null) {\n options = this.getOptions(options)\n return fetch(url, options)\n .then(response => response.json())\n .then(data => (data instanceof Array ? data : data.results)\n .map(d => new this.model(d, {url: url, ...args})))\n }\n\n /**\n * Load list from localStorage\n */\n static storeLoad(model, key, args={}) {\n let items = window.localStorage.getItem(key);\n return new this(model, {...args, storeKey: key, items: items ? JSON.parse(items) : []});\n }\n\n /**\n * Store list into localStorage\n */\n store() {\n this.storeKey && window.localStorage.setItem(this.storeKey, JSON.stringify(\n this.items.map(i => i.data)));\n }\n\n /**\n * Save item\n */\n save() {\n this.storeKey && this.store();\n }\n\n /**\n * Get item at index\n */\n get(index) { return this.items[index] }\n\n /**\n * Find an item by id or using a predicate function\n */\n find(pred) {\n return pred instanceof Function ? this.items.find(pred)\n : this.items.find(x => x.id == pred.id);\n }\n\n /**\n * Find item index by id or using a predicate function\n */\n findIndex(pred) {\n return pred instanceof Function ? this.items.findIndex(pred)\n : this.items.findIndex(x => x.id == pred.id);\n }\n\n /**\n * Add item to set\n */\n push(item, {args={},save=true}={}) {\n item = item instanceof this.model ? item : new this.model(item, args);\n if(this.unique) {\n let index = this.findIndex(item);\n if(index > -1)\n return;\n }\n if(this.max && this.items.length >= this.max)\n this.items.splice(0,this.items.length-this.max)\n\n this.items.push(item);\n save && this.save();\n }\n\n /**\n * Remove item from set by index\n */\n remove(index, {save=true}={}) {\n this.items.splice(index,1);\n save && this.save();\n }\n}\n\nSet[Symbol.iterator] = function () {\n return this.items[Symbol.iterator]();\n}\n\n\n\n//# sourceURL=webpack:///./assets/public/model.js?"); /***/ }), @@ -279,11 +279,11 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /*!**********************************!*\ !*** ./assets/public/player.vue ***! \**********************************/ -/*! no static exports found */ +/*! exports provided: State, default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _player_vue_vue_type_template_id_42a56ec9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./player.vue?vue&type=template&id=42a56ec9& */ \"./assets/public/player.vue?vue&type=template&id=42a56ec9&\");\n/* harmony import */ var _player_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./player.vue?vue&type=script&lang=js& */ \"./assets/public/player.vue?vue&type=script&lang=js&\");\n/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _player_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__) if([\"default\"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _player_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__));\n/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(\n _player_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n _player_vue_vue_type_template_id_42a56ec9___WEBPACK_IMPORTED_MODULE_0__[\"render\"],\n _player_vue_vue_type_template_id_42a56ec9___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"],\n false,\n null,\n null,\n null\n \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"assets/public/player.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./assets/public/player.vue?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _player_vue_vue_type_template_id_42a56ec9___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./player.vue?vue&type=template&id=42a56ec9& */ \"./assets/public/player.vue?vue&type=template&id=42a56ec9&\");\n/* harmony import */ var _player_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./player.vue?vue&type=script&lang=js& */ \"./assets/public/player.vue?vue&type=script&lang=js&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"State\", function() { return _player_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"State\"]; });\n\n/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(\n _player_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n _player_vue_vue_type_template_id_42a56ec9___WEBPACK_IMPORTED_MODULE_0__[\"render\"],\n _player_vue_vue_type_template_id_42a56ec9___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"],\n false,\n null,\n null,\n null\n \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"assets/public/player.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./assets/public/player.vue?"); /***/ }), @@ -291,7 +291,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _pla /*!***********************************************************!*\ !*** ./assets/public/player.vue?vue&type=script&lang=js& ***! \***********************************************************/ -/*! no static exports found */ +/*! exports provided: default, State */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; @@ -311,42 +311,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod /***/ }), -/***/ "./assets/public/playerProgress.vue": -/*!******************************************!*\ - !*** ./assets/public/playerProgress.vue ***! - \******************************************/ -/*! no static exports found */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _playerProgress_vue_vue_type_template_id_a8a834d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./playerProgress.vue?vue&type=template&id=a8a834d4& */ \"./assets/public/playerProgress.vue?vue&type=template&id=a8a834d4&\");\n/* harmony import */ var _playerProgress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./playerProgress.vue?vue&type=script&lang=js& */ \"./assets/public/playerProgress.vue?vue&type=script&lang=js&\");\n/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _playerProgress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__) if([\"default\"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _playerProgress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__));\n/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(\n _playerProgress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n _playerProgress_vue_vue_type_template_id_a8a834d4___WEBPACK_IMPORTED_MODULE_0__[\"render\"],\n _playerProgress_vue_vue_type_template_id_a8a834d4___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"],\n false,\n null,\n null,\n null\n \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"assets/public/playerProgress.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./assets/public/playerProgress.vue?"); - -/***/ }), - -/***/ "./assets/public/playerProgress.vue?vue&type=script&lang=js&": -/*!*******************************************************************!*\ - !*** ./assets/public/playerProgress.vue?vue&type=script&lang=js& ***! - \*******************************************************************/ -/*! no static exports found */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_loader_lib_index_js_vue_loader_options_playerProgress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/vue-loader/lib??vue-loader-options!./playerProgress.vue?vue&type=script&lang=js& */ \"./node_modules/vue-loader/lib/index.js?!./assets/public/playerProgress.vue?vue&type=script&lang=js&\");\n/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_vue_loader_lib_index_js_vue_loader_options_playerProgress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[\"default\"]); \n\n//# sourceURL=webpack:///./assets/public/playerProgress.vue?"); - -/***/ }), - -/***/ "./assets/public/playerProgress.vue?vue&type=template&id=a8a834d4&": -/*!*************************************************************************!*\ - !*** ./assets/public/playerProgress.vue?vue&type=template&id=a8a834d4& ***! - \*************************************************************************/ -/*! exports provided: render, staticRenderFns */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_playerProgress_vue_vue_type_template_id_a8a834d4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../node_modules/vue-loader/lib??vue-loader-options!./playerProgress.vue?vue&type=template&id=a8a834d4& */ \"./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./assets/public/playerProgress.vue?vue&type=template&id=a8a834d4&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_playerProgress_vue_vue_type_template_id_a8a834d4___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_playerProgress_vue_vue_type_template_id_a8a834d4___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack:///./assets/public/playerProgress.vue?"); - -/***/ }), - /***/ "./assets/public/playlist.vue": /*!************************************!*\ !*** ./assets/public/playlist.vue ***! @@ -383,6 +347,42 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod /***/ }), +/***/ "./assets/public/progress.vue": +/*!************************************!*\ + !*** ./assets/public/progress.vue ***! + \************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _progress_vue_vue_type_template_id_b07047d6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./progress.vue?vue&type=template&id=b07047d6& */ \"./assets/public/progress.vue?vue&type=template&id=b07047d6&\");\n/* harmony import */ var _progress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./progress.vue?vue&type=script&lang=js& */ \"./assets/public/progress.vue?vue&type=script&lang=js&\");\n/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(\n _progress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n _progress_vue_vue_type_template_id_b07047d6___WEBPACK_IMPORTED_MODULE_0__[\"render\"],\n _progress_vue_vue_type_template_id_b07047d6___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"],\n false,\n null,\n null,\n null\n \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"assets/public/progress.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./assets/public/progress.vue?"); + +/***/ }), + +/***/ "./assets/public/progress.vue?vue&type=script&lang=js&": +/*!*************************************************************!*\ + !*** ./assets/public/progress.vue?vue&type=script&lang=js& ***! + \*************************************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_loader_lib_index_js_vue_loader_options_progress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/vue-loader/lib??vue-loader-options!./progress.vue?vue&type=script&lang=js& */ \"./node_modules/vue-loader/lib/index.js?!./assets/public/progress.vue?vue&type=script&lang=js&\");\n/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_vue_loader_lib_index_js_vue_loader_options_progress_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[\"default\"]); \n\n//# sourceURL=webpack:///./assets/public/progress.vue?"); + +/***/ }), + +/***/ "./assets/public/progress.vue?vue&type=template&id=b07047d6&": +/*!*******************************************************************!*\ + !*** ./assets/public/progress.vue?vue&type=template&id=b07047d6& ***! + \*******************************************************************/ +/*! exports provided: render, staticRenderFns */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_progress_vue_vue_type_template_id_b07047d6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../node_modules/vue-loader/lib??vue-loader-options!./progress.vue?vue&type=template&id=b07047d6& */ \"./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./assets/public/progress.vue?vue&type=template&id=b07047d6&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_progress_vue_vue_type_template_id_b07047d6___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_progress_vue_vue_type_template_id_b07047d6___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack:///./assets/public/progress.vue?"); + +/***/ }), + /***/ "./assets/public/sound.js": /*!********************************!*\ !*** ./assets/public/sound.js ***! @@ -474,7 +474,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var loda /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n data() {\n return {\n selectedIndex: this.defaultIndex,\n }\n },\n\n props: {\n listClass: String,\n itemClass: String,\n defaultIndex: { type: Number, default: -1},\n set: Object,\n },\n\n computed: {\n model() { return this.set.model },\n items() { return this.set.items },\n length() { return this.set.length },\n\n selected() {\n return this.selectedIndex > -1 && this.items.length > this.selectedIndex > -1\n ? this.items[this.selectedIndex] : null;\n },\n },\n\n methods: {\n get(index) { return this.set.get(index) },\n find(item) { return this.set.find(item) },\n findIndex(item) { return this.set.findIndex(item) },\n\n push(...items) {\n let index = this.set.length;\n for(var item of items)\n this.set.push(item);\n },\n\n remove(index, select=False) {\n this.set.remove(index);\n if(index < this.selectedIndex)\n this.selectedIndex--;\n if(select && this.selectedIndex == index)\n this.select(index)\n },\n\n select(index) {\n this.selectedIndex = index > -1 && this.items.length ? index % this.items.length : -1;\n this.$emit('select', { item: this.selected, index: this.selectedIndex });\n return this.selectedIndex;\n },\n\n\n },\n});\n\n\n//# sourceURL=webpack:///./assets/public/list.vue?./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n data() {\n return {\n selectedIndex: this.defaultIndex,\n }\n },\n\n props: {\n listClass: String,\n itemClass: String,\n defaultIndex: { type: Number, default: -1},\n set: Object,\n },\n\n computed: {\n model() { return this.set.model },\n items() { return this.set.items },\n length() { return this.set.length },\n\n selected() {\n return this.selectedIndex > -1 && this.items.length > this.selectedIndex > -1\n ? this.items[this.selectedIndex] : null;\n },\n },\n\n methods: {\n get(index) { return this.set.get(index) },\n find(pred) { return this.set.find(pred) },\n findIndex(pred) { return this.set.findIndex(pred) },\n\n push(...items) {\n for(var item of items)\n this.set.push(item);\n },\n\n remove(index, select=False) {\n this.set.remove(index);\n if(index < this.selectedIndex)\n this.selectedIndex--;\n if(select && this.selectedIndex == index)\n this.select(index)\n },\n\n select(index) {\n this.selectedIndex = index > -1 && this.items.length ? index % this.items.length : -1;\n this.$emit('select', { item: this.selected, index: this.selectedIndex });\n return this.selectedIndex;\n },\n\n unselect() {\n this.$emit('unselect', { item: this.selected, index: this.selectedIndex});\n this.selectedIndex = -1;\n },\n },\n});\n\n\n//# sourceURL=webpack:///./assets/public/list.vue?./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -486,19 +486,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"State\", function() { return State; });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n/* harmony import */ var _live__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./live */ \"./assets/public/live.js\");\n/* harmony import */ var _playlist__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./playlist */ \"./assets/public/playlist.vue\");\n/* harmony import */ var _playerProgress__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./playerProgress */ \"./assets/public/playerProgress.vue\");\n/* harmony import */ var _sound__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./sound */ \"./assets/public/sound.js\");\n/* harmony import */ var _model__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./model */ \"./assets/public/model.js\");\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\n\n\nconst State = {\n paused: 0,\n playing: 1,\n loading: 2,\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n data() {\n let audio = new Audio();\n audio.addEventListener('ended', e => this.onState(e));\n audio.addEventListener('pause', e => this.onState(e));\n audio.addEventListener('playing', e => this.onState(e));\n audio.addEventListener('timeupdate', e => {\n this.currentTime = this.audio.currentTime;\n });\n audio.addEventListener('durationchange', e => {\n this.duration = Number.isFinite(this.audio.duration) ? this.audio.duration : null;\n });\n\n return {\n audio, duration: 0, currentTime: 0,\n\n /// Live instance\n live: this.liveArgs ? new _live__WEBPACK_IMPORTED_MODULE_1__[\"default\"](this.liveArgs) : null,\n /// Loaded item\n loaded: null,\n //! Active panel name\n panel: null,\n //! current playing playlist component\n playlist: null,\n //! players' playlists' sets\n sets: {\n queue: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"playlist.queue\", { max: 30, unique: true }),\n pin: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"player.pin\", { max: 30, unique: true }),\n history: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"player.history\", { max: 30, unique: true }),\n }\n }\n },\n\n props: {\n buttonTitle: String,\n liveArgs: Object,\n },\n\n computed: {\n self() { return this; },\n paused() { return this.state == State.paused; },\n playing() { return this.state == State.playing; },\n loading() { return this.state == State.loading; },\n\n current() {\n return this.loaded || this.live && this.live.current;\n },\n\n buttonStyle() {\n if(!this.current)\n return;\n return { backgroundImage: `url(${this.current.cover})` }\n },\n },\n\n methods: {\n displayTime(seconds) {\n seconds = parseInt(seconds);\n let s = seconds % 60;\n seconds = (seconds - s) / 60;\n let m = seconds % 60;\n let h = (seconds - m) / 60;\n return h ? `${h}:${m}:${s}` : `${m}:${s}`;\n },\n\n playlistButtonClass(name) {\n let set = this.sets[name];\n return (set ? (set.length ? \"\" : \"has-text-grey-light \")\n + (this.panel == name ? \"is-info \"\n : this.playlist && this.playlist == this.$refs[name] ? 'is-primary '\n : '') : '')\n + \"button has-text-weight-bold\";\n },\n\n /// Show/hide panel\n togglePanel(panel) {\n this.panel = this.panel == panel ? null : panel;\n },\n\n /// Return True if item is loaded\n isLoaded(item) {\n return this.loaded && this.loaded.src == item.src;\n },\n\n /// Return True if item is loaded\n isPlaying(item) {\n return this.isLoaded(item) && !this.player.paused;\n },\n\n load(playlist, {src=null, item=null}={}) {\n src = src || item.src;\n this.loaded = item;\n this.playlist = playlist ? this.$refs[playlist] : null;\n\n const audio = this.audio;\n if(src instanceof Array) {\n audio.innerHTML = '';\n for(var s of src) {\n let source = document.createElement(source);\n source.setAttribute('src', s);\n audio.appendChild(source)\n }\n }\n else {\n audio.src = src;\n }\n audio.load();\n },\n\n /// Play a playlist's sound (by playlist name, and sound index)\n play(playlist=null, index=0) {\n if(index < 0)\n return;\n\n if(!playlist)\n playlist = 'queue';\n\n console.log('play', playlist, index, this.audio);\n let item = this.$refs[playlist].get(index);\n if(item) {\n this.load(playlist, {item: item});\n this.sets.history.push(item);\n this.audio.play().catch(e => console.error(e))\n }\n else\n throw `No sound at index ${index} for playlist ${playlist}`;\n },\n\n /// Push items to playlist (by name)\n push(playlist, ...items) {\n this.$refs[playlist].push(...items);\n },\n\n /// Push and play items\n playItems(playlist, ...items) {\n this.push(playlist, ...items);\n\n let index = this.$refs[playlist].findIndex(items[0]);\n this.$refs[playlist].selectedIndex = index;\n this.play(playlist, index);\n },\n\n /// Play live stream\n playLive() {\n this.load(null, {src: this.live.src});\n this.audio.play().catch(e => console.error(e))\n this.panel = '';\n },\n\n /// Pause\n pause() {\n this.audio.pause()\n },\n\n //! Play/pause\n togglePlay() {\n if(this.paused)\n this.audio.play().catch(e => console.error(e))\n else\n this.pause()\n },\n\n //! Pin/Unpin an item\n togglePin(item) {\n let index = this.sets.pin.findIndex(item);\n if(index > -1)\n this.sets.pin.remove(index);\n else {\n this.sets.pin.push(item);\n if(!this.panel)\n this.panel = 'pin';\n }\n },\n\n /// Audio player state change event\n onState(event) {\n const audio = this.audio;\n this.state = audio.paused ? State.paused : State.playing;\n\n if(event.type == 'ended' && (!this.playlist || this.playlist.selectNext() == -1))\n this.playLive();\n },\n },\n\n mounted() {\n this.sources = this.$slots.sources;\n },\n\n components: { Playlist: _playlist__WEBPACK_IMPORTED_MODULE_2__[\"default\"], Progress: _playerProgress__WEBPACK_IMPORTED_MODULE_3__[\"default\"] },\n});\n\n\n//# sourceURL=webpack:///./assets/public/player.vue?./node_modules/vue-loader/lib??vue-loader-options"); - -/***/ }), - -/***/ "./node_modules/vue-loader/lib/index.js?!./assets/public/playerProgress.vue?vue&type=script&lang=js&": -/*!*********************************************************************************************************************!*\ - !*** ./node_modules/vue-loader/lib??vue-loader-options!./assets/public/playerProgress.vue?vue&type=script&lang=js& ***! - \*********************************************************************************************************************/ -/*! exports provided: default */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n props: {\n value: Number,\n max: Number,\n format: { type: Function, default: x => x },\n progressClass: { default: 'has-background-primary' },\n vertical: { type: Boolean, default: false },\n },\n\n computed: {\n progressStyle() {\n if(!this.max)\n return null;\n return this.vertical ? { height: (this.max ? this.value * 100 / this.max : 0) + '%' }\n : { width: (this.max ? this.value * 100 / this.max : 0) + '%' };\n },\n },\n\n methods: {\n xToValue(x) { return x * this.max / this.$refs.bar.getBoundingClientRect().width },\n yToValue(y) { return y * this.max / this.$refs.bar.getBoundingClientRect().height },\n\n onClick(event) {\n let rect = event.currentTarget.getBoundingClientRect()\n this.$emit('select', this.vertical ? this.yToValue(event.clientY - rect.y)\n : this.xToValue(event.clientX - rect.x));\n },\n },\n});\n\n\n//# sourceURL=webpack:///./assets/public/playerProgress.vue?./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"State\", function() { return State; });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n/* harmony import */ var _live__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./live */ \"./assets/public/live.js\");\n/* harmony import */ var _playlist__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./playlist */ \"./assets/public/playlist.vue\");\n/* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./progress */ \"./assets/public/progress.vue\");\n/* harmony import */ var _sound__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./sound */ \"./assets/public/sound.js\");\n/* harmony import */ var _model__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./model */ \"./assets/public/model.js\");\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\nconst State = {\n paused: 0,\n playing: 1,\n loading: 2,\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n data() {\n let audio = new Audio();\n audio.addEventListener('ended', e => this.onState(e));\n audio.addEventListener('pause', e => this.onState(e));\n audio.addEventListener('playing', e => this.onState(e));\n audio.addEventListener('timeupdate', e => {\n this.currentTime = this.audio.currentTime;\n });\n audio.addEventListener('durationchange', e => {\n this.duration = Number.isFinite(this.audio.duration) ? this.audio.duration : null;\n });\n\n return {\n audio, duration: 0, currentTime: 0, state: State.paused,\n\n /// Live instance\n live: this.liveArgs ? new _live__WEBPACK_IMPORTED_MODULE_1__[\"default\"](this.liveArgs) : null,\n /// Loaded item\n loaded: null,\n //! Active panel name\n panel: null,\n //! current playing playlist component\n playlist: null,\n //! players' playlists' sets\n sets: {\n queue: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"playlist.queue\", { max: 30, unique: true }),\n pin: _model__WEBPACK_IMPORTED_MODULE_5__[\"Set\"].storeLoad(_sound__WEBPACK_IMPORTED_MODULE_4__[\"default\"], \"player.pin\", { max: 30, unique: true }),\n }\n }\n },\n\n props: {\n buttonTitle: String,\n liveArgs: Object,\n },\n\n computed: {\n self() { return this; },\n paused() { return this.state == State.paused; },\n playing() { return this.state == State.playing; },\n loading() { return this.state == State.loading; },\n\n current() {\n return this.loaded || this.live && this.live.current;\n },\n\n buttonStyle() {\n if(!this.current)\n return;\n return { backgroundImage: `url(${this.current.cover})` }\n },\n },\n\n methods: {\n displayTime(seconds) {\n seconds = parseInt(seconds);\n let s = seconds % 60;\n seconds = (seconds - s) / 60;\n let m = seconds % 60;\n let h = (seconds - m) / 60;\n\n let [ss,mm,hh] = [s.toString().padStart(2, '0'),\n m.toString().padStart(2, '0'),\n h.toString().padStart(2, '0')];\n return h ? `${hh}:${mm}:${ss}` : `${mm}:${ss}`;\n },\n\n playlistButtonClass(name) {\n let set = this.sets[name];\n return (set ? (set.length ? \"\" : \"has-text-grey-light \")\n + (this.panel == name ? \"is-info \"\n : this.playlist && this.playlist == this.$refs[name] ? 'is-primary '\n : '') : '')\n + \"button has-text-weight-bold\";\n },\n\n /// Show/hide panel\n togglePanel(panel) { this.panel = this.panel == panel ? null : panel },\n /// Return True if item is loaded\n isLoaded(item) { return this.loaded && this.loaded.id == item.id },\n /// Return True if item is loaded\n isPlaying(item) { return this.isLoaded(item) && !this.paused },\n\n _setPlaylist(playlist) {\n this.playlist = playlist ? this.$refs[playlist] : null;\n for(var p in this.sets)\n if(p != playlist)\n this.$refs[p].unselect();\n },\n\n load(playlist, {src=null, item=null}={}) {\n src = src || item.src;\n this.loaded = item;\n this._setPlaylist(playlist);\n\n const audio = this.audio;\n if(src instanceof Array) {\n audio.innerHTML = '';\n for(var s of src) {\n let source = document.createElement(source);\n source.setAttribute('src', s);\n audio.appendChild(source)\n }\n }\n else {\n audio.src = src;\n }\n audio.load();\n },\n\n /// Play a playlist's sound (by playlist name, and sound index)\n play(playlist=null, index=0) {\n if(index < 0)\n return;\n\n if(!playlist)\n playlist = 'queue';\n\n console.log('play', playlist, index, this.audio);\n let item = this.$refs[playlist].get(index);\n if(item) {\n this.load(playlist, {item});\n this.audio.play().catch(e => console.error(e))\n }\n else\n throw `No sound at index ${index} for playlist ${playlist}`;\n },\n\n /// Push items to playlist (by name)\n push(playlist, ...items) {\n this.$refs[playlist].push(...items);\n },\n\n /// Push and play items\n playItems(playlist, ...items) {\n this.push(playlist, ...items);\n\n let index = this.$refs[playlist].findIndex(items[0]);\n this.$refs[playlist].selectedIndex = index;\n this.play(playlist, index);\n },\n\n /// Play live stream\n playLive() {\n this.load(null, {src: this.live.src});\n this.audio.play().catch(e => console.error(e))\n this.panel = '';\n },\n\n /// Pause\n pause() {\n this.audio.pause()\n },\n\n //! Play/pause\n togglePlay() {\n if(this.paused)\n this.audio.play().catch(e => console.error(e))\n else\n this.pause()\n },\n\n //! Pin/Unpin an item\n togglePin(item) {\n let index = this.sets.pin.findIndex(item);\n if(index > -1)\n this.sets.pin.remove(index);\n else {\n this.sets.pin.push(item);\n this.$refs.pinPlaylistButton.focus();\n }\n },\n\n /// Audio player state change event\n onState(event) {\n const audio = this.audio;\n this.state = audio.paused ? State.paused : State.playing;\n\n if(event.type == 'ended' && (!this.playlist || this.playlist.selectNext() == -1))\n this.playLive();\n },\n },\n\n mounted() {\n this.sources = this.$slots.sources;\n },\n\n components: { Playlist: _playlist__WEBPACK_IMPORTED_MODULE_2__[\"default\"], Progress: _progress__WEBPACK_IMPORTED_MODULE_3__[\"default\"] },\n});\n\n\n//# sourceURL=webpack:///./assets/public/player.vue?./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -514,6 +502,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _lis /***/ }), +/***/ "./node_modules/vue-loader/lib/index.js?!./assets/public/progress.vue?vue&type=script&lang=js&": +/*!***************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib??vue-loader-options!./assets/public/progress.vue?vue&type=script&lang=js& ***! + \***************************************************************************************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n data() {\n return {\n hoverValue: null,\n }\n },\n\n props: {\n value: Number,\n max: Number,\n format: { type: Function, default: x => x },\n progressClass: { default: 'has-background-primary' },\n vertical: { type: Boolean, default: false },\n },\n\n computed: {\n valueDisplay() { return this.hoverValue === null ? this.value : this.hoverValue; },\n\n progressStyle() {\n if(!this.max)\n return null;\n let value = this.max ? this.valueDisplay * 100 / this.max : 0;\n return this.vertical ? { height: `${value}%` } : { width: `${value}%` };\n },\n },\n\n methods: {\n xToValue(x) { return x * this.max / this.$refs.bar.getBoundingClientRect().width },\n yToValue(y) { return y * this.max / this.$refs.bar.getBoundingClientRect().height },\n\n valueFromEvent(event) {\n let rect = event.currentTarget.getBoundingClientRect()\n return this.vertical ? this.yToValue(event.clientY - rect.y)\n : this.xToValue(event.clientX - rect.x);\n },\n\n onClick(event) {\n this.$emit('select', this.valueFromEvent(event));\n },\n\n onMouseMove(event) {\n if(event.type == 'mouseleave')\n this.hoverValue = null;\n else {\n this.hoverValue = this.valueFromEvent(event);\n }\n },\n },\n});\n\n\n//# sourceURL=webpack:///./assets/public/progress.vue?./node_modules/vue-loader/lib??vue-loader-options"); + +/***/ }), + /***/ "./node_modules/vue-loader/lib/index.js?!./assets/public/soundItem.vue?vue&type=script&lang=js&": /*!****************************************************************************************************************!*\ !*** ./node_modules/vue-loader/lib??vue-loader-options!./assets/public/soundItem.vue?vue&type=script&lang=js& ***! @@ -522,7 +522,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _lis /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _model__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./model */ \"./assets/public/model.js\");\n/* harmony import */ var _sound__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./sound */ \"./assets/public/sound.js\");\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/* harmony default export */ __webpack_exports__[\"default\"] = ({\n props: {\n data: {type: Object, default: x => {}},\n name: String,\n cover: String,\n player: Object,\n page_url: String,\n actions: {type:Array, default: x => []},\n index: {type:Number, default: null},\n },\n\n computed: {\n item() { return this.data instanceof _model__WEBPACK_IMPORTED_MODULE_0__[\"default\"] ? this.data : new _sound__WEBPACK_IMPORTED_MODULE_1__[\"default\"](this.data || {}); },\n loaded() { return this.player && this.player.isLoaded(this.item) },\n playing() { return this.player && this.player.playing && this.loaded },\n paused() { return this.player && this.player.paused && this.loaded },\n loading() { return this.player && this.player.loading && this.loaded },\n pinned() { return this.player && this.player.sets.pin.find(this.item) },\n },\n\n methods: {\n hasAction(action) {\n return this.actions && this.actions.indexOf(action) != -1;\n },\n }\n});\n\n\n//# sourceURL=webpack:///./assets/public/soundItem.vue?./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _model__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./model */ \"./assets/public/model.js\");\n/* harmony import */ var _sound__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./sound */ \"./assets/public/sound.js\");\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/* harmony default export */ __webpack_exports__[\"default\"] = ({\n props: {\n data: {type: Object, default: x => {}},\n name: String,\n cover: String,\n player: Object,\n page_url: String,\n actions: {type:Array, default: x => []},\n index: {type:Number, default: null},\n },\n\n computed: {\n item() { return this.data instanceof _model__WEBPACK_IMPORTED_MODULE_0__[\"default\"] ? this.data : new _sound__WEBPACK_IMPORTED_MODULE_1__[\"default\"](this.data || {}); },\n loaded() { return this.player && this.player.isLoaded(this.item) },\n playing() { return this.player && this.player.isPlaying(this.item) },\n paused() { return this.player && this.player.paused && this.loaded },\n pinned() { return this.player && this.player.sets.pin.find(this.item) },\n },\n\n methods: {\n hasAction(action) {\n return this.actions && this.actions.indexOf(action) != -1;\n },\n }\n});\n\n\n//# sourceURL=webpack:///./assets/public/soundItem.vue?./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -558,19 +558,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"player\" },\n [\n _c(\"Playlist\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.panel == \"history\",\n expression: \"panel == 'history'\"\n }\n ],\n ref: \"history\",\n staticClass: \"player-panel menu\",\n attrs: {\n name: \"History\",\n editable: true,\n player: _vm.self,\n set: _vm.sets.history,\n listClass: \"menu-list\",\n itemClass: \"menu-item\"\n },\n on: {\n select: function($event) {\n return _vm.play(\"pin\", $event.index)\n }\n },\n scopedSlots: _vm._u([\n {\n key: \"header\",\n fn: function() {\n return [\n _c(\"p\", { staticClass: \"menu-label\" }, [\n _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-clock\" })\n ]),\n _vm._v(\"\\n History\\n \")\n ])\n ]\n },\n proxy: true\n }\n ])\n }),\n _vm._v(\" \"),\n _c(\"Playlist\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.panel == \"pin\",\n expression: \"panel == 'pin'\"\n }\n ],\n ref: \"pin\",\n staticClass: \"player-panel menu\",\n attrs: {\n name: \"Pinned\",\n editable: true,\n player: _vm.self,\n set: _vm.sets.pin,\n listClass: \"menu-list\",\n itemClass: \"menu-item\"\n },\n on: {\n select: function($event) {\n return _vm.play(\"pin\", $event.index)\n }\n },\n scopedSlots: _vm._u([\n {\n key: \"header\",\n fn: function() {\n return [\n _c(\"p\", { staticClass: \"menu-label\" }, [\n _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-thumbtack\" })\n ]),\n _vm._v(\"\\n Pinned\\n \")\n ])\n ]\n },\n proxy: true\n }\n ])\n }),\n _vm._v(\" \"),\n _c(\"Playlist\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.panel == \"queue\",\n expression: \"panel == 'queue'\"\n }\n ],\n ref: \"queue\",\n staticClass: \"player-panel menu\",\n attrs: {\n editable: true,\n player: _vm.self,\n set: _vm.sets.queue,\n listClass: \"menu-list\",\n itemClass: \"menu-item\"\n },\n on: {\n select: function($event) {\n return _vm.play(\"queue\", $event.index)\n }\n },\n scopedSlots: _vm._u([\n {\n key: \"header\",\n fn: function() {\n return [\n _c(\"p\", { staticClass: \"menu-label\" }, [\n _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-list\" })\n ]),\n _vm._v(\"\\n Playlist\\n \")\n ])\n ]\n },\n proxy: true\n }\n ])\n }),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"player-bar media\" }, [\n _c(\n \"div\",\n { staticClass: \"media-left\" },\n [\n _c(\n \"div\",\n {\n staticClass: \"button\",\n attrs: {\n title: _vm.buttonTitle,\n \"aria-label\": _vm.buttonTitle\n },\n on: {\n click: function($event) {\n return _vm.togglePlay()\n }\n }\n },\n [\n _vm.playing\n ? _c(\"span\", { staticClass: \"fas fa-pause\" })\n : _c(\"span\", { staticClass: \"fas fa-play\" })\n ]\n ),\n _vm._v(\" \"),\n _vm._t(\"sources\")\n ],\n 2\n ),\n _vm._v(\" \"),\n _vm.current && _vm.current.cover\n ? _c(\"div\", { staticClass: \"media-left media-cover\" }, [\n _c(\"img\", {\n staticClass: \"cover\",\n attrs: { src: _vm.current.cover }\n })\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"media-content\" },\n [\n _vm._t(\"content\", null, { current: _vm.current }),\n _vm._v(\" \"),\n this.duration\n ? _c(\"Progress\", {\n attrs: {\n value: this.currentTime,\n max: this.duration,\n format: _vm.displayTime\n },\n on: {\n select: function($event) {\n _vm.audio.currentTime = $event\n }\n }\n })\n : _vm._e()\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"media-right\" }, [\n _vm.loaded\n ? _c(\n \"button\",\n {\n staticClass: \"button has-text-weight-bold\",\n on: {\n click: function($event) {\n return _vm.playLive()\n }\n }\n },\n [_vm._m(0), _vm._v(\" \"), _c(\"span\", [_vm._v(\"Live\")])]\n )\n : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"button\",\n {\n class: _vm.playlistButtonClass(\"history\"),\n on: {\n click: function($event) {\n return _vm.togglePanel(\"history\")\n }\n }\n },\n [\n _vm.sets.history.length\n ? _c(\"span\", { staticClass: \"mr-2 is-size-6\" }, [\n _vm._v(\n \"\\n \" + _vm._s(_vm.sets.history.length)\n )\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _vm._m(1)\n ]\n ),\n _vm._v(\" \"),\n _c(\n \"button\",\n {\n class: _vm.playlistButtonClass(\"pin\"),\n on: {\n click: function($event) {\n return _vm.togglePanel(\"pin\")\n }\n }\n },\n [\n _vm.sets.pin.length\n ? _c(\"span\", { staticClass: \"mr-2 is-size-6\" }, [\n _vm._v(\n \"\\n \" + _vm._s(_vm.sets.pin.length)\n )\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _vm._m(2)\n ]\n ),\n _vm._v(\" \"),\n _c(\n \"button\",\n {\n class: _vm.playlistButtonClass(\"queue\"),\n on: {\n click: function($event) {\n return _vm.togglePanel(\"queue\")\n }\n }\n },\n [\n _vm.sets.queue.length\n ? _c(\"span\", { staticClass: \"mr-2 is-size-6\" }, [\n _vm._v(\n \"\\n \" + _vm._s(_vm.sets.queue.length)\n )\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _vm._m(3)\n ]\n )\n ])\n ])\n ],\n 1\n )\n}\nvar staticRenderFns = [\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"span\", { staticClass: \"icon has-text-danger\" }, [\n _c(\"span\", { staticClass: \"fa fa-broadcast-tower\" })\n ])\n },\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-clock\" })\n ])\n },\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-thumbtack\" })\n ])\n },\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-list\" })\n ])\n }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./assets/public/player.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options"); - -/***/ }), - -/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./assets/public/playerProgress.vue?vue&type=template&id=a8a834d4&": -/*!*******************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./assets/public/playerProgress.vue?vue&type=template&id=a8a834d4& ***! - \*******************************************************************************************************************************************************************************************************/ -/*! exports provided: render, staticRenderFns */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"media\" }, [\n _c(\n \"div\",\n { staticClass: \"media-left\" },\n [\n _vm._t(\"value\", [_vm._v(_vm._s(_vm.format(_vm.value)))], {\n value: _vm.value,\n max: _vm.max\n })\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\n \"div\",\n {\n ref: \"bar\",\n staticClass: \"media-content\",\n on: {\n click: function($event) {\n $event.stopPropagation()\n return _vm.onClick($event)\n }\n }\n },\n [\n _c(\"div\", { class: _vm.progressClass, style: _vm.progressStyle }, [\n _vm._v(\" \")\n ])\n ]\n ),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"media-right\" },\n [\n _vm._t(\"value\", [_vm._v(_vm._s(_vm.format(_vm.max)))], {\n value: _vm.value,\n max: _vm.max\n })\n ],\n 2\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./assets/public/playerProgress.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"player\" }, [\n _c(\n \"div\",\n { class: [\"player-panels\", _vm.panel ? \"is-open\" : \"\"] },\n [\n _c(\"Playlist\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.panel == \"pin\",\n expression: \"panel == 'pin'\"\n }\n ],\n ref: \"pin\",\n staticClass: \"player-panel menu\",\n attrs: {\n name: \"Pinned\",\n editable: true,\n player: _vm.self,\n set: _vm.sets.pin,\n listClass: \"menu-list\",\n itemClass: \"menu-item\"\n },\n on: {\n select: function($event) {\n return _vm.play(\"pin\", $event.index)\n }\n },\n scopedSlots: _vm._u([\n {\n key: \"header\",\n fn: function() {\n return [\n _c(\"p\", { staticClass: \"menu-label\" }, [\n _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-thumbtack\" })\n ]),\n _vm._v(\"\\n Pinned\\n \")\n ])\n ]\n },\n proxy: true\n }\n ])\n }),\n _vm._v(\" \"),\n _c(\"Playlist\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.panel == \"queue\",\n expression: \"panel == 'queue'\"\n }\n ],\n ref: \"queue\",\n staticClass: \"player-panel menu\",\n attrs: {\n editable: true,\n player: _vm.self,\n set: _vm.sets.queue,\n listClass: \"menu-list\",\n itemClass: \"menu-item\"\n },\n on: {\n select: function($event) {\n return _vm.play(\"queue\", $event.index)\n }\n },\n scopedSlots: _vm._u([\n {\n key: \"header\",\n fn: function() {\n return [\n _c(\"p\", { staticClass: \"menu-label\" }, [\n _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-list\" })\n ]),\n _vm._v(\"\\n Playlist\\n \")\n ])\n ]\n },\n proxy: true\n }\n ])\n })\n ],\n 1\n ),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"player-bar media\" }, [\n _c(\n \"div\",\n { staticClass: \"media-left\" },\n [\n _c(\n \"div\",\n {\n staticClass: \"button\",\n attrs: { title: _vm.buttonTitle, \"aria-label\": _vm.buttonTitle },\n on: {\n click: function($event) {\n return _vm.togglePlay()\n }\n }\n },\n [\n _vm.playing\n ? _c(\"span\", { staticClass: \"fas fa-pause\" })\n : _c(\"span\", { staticClass: \"fas fa-play\" })\n ]\n ),\n _vm._v(\" \"),\n _vm._t(\"sources\")\n ],\n 2\n ),\n _vm._v(\" \"),\n _vm.current && _vm.current.cover\n ? _c(\"div\", { staticClass: \"media-left media-cover\" }, [\n _c(\"img\", {\n staticClass: \"cover\",\n attrs: { src: _vm.current.cover }\n })\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"media-content\" },\n [\n _vm._t(\"content\", null, { current: _vm.current }),\n _vm._v(\" \"),\n _vm.loaded && _vm.duration\n ? _c(\"Progress\", {\n attrs: {\n value: _vm.currentTime,\n max: this.duration,\n format: _vm.displayTime\n },\n on: {\n select: function($event) {\n _vm.audio.currentTime = $event\n }\n }\n })\n : _vm._e()\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"media-right\" }, [\n _vm.loaded\n ? _c(\n \"button\",\n {\n staticClass: \"button has-text-weight-bold\",\n on: {\n click: function($event) {\n return _vm.playLive()\n }\n }\n },\n [_vm._m(0), _vm._v(\" \"), _c(\"span\", [_vm._v(\"Live\")])]\n )\n : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"button\",\n {\n ref: \"pinPlaylistButton\",\n class: _vm.playlistButtonClass(\"pin\"),\n on: {\n click: function($event) {\n return _vm.togglePanel(\"pin\")\n }\n }\n },\n [\n _vm.sets.pin.length\n ? _c(\"span\", { staticClass: \"mr-2 is-size-6\" }, [\n _vm._v(\"\\n \" + _vm._s(_vm.sets.pin.length))\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _vm._m(1)\n ]\n ),\n _vm._v(\" \"),\n _c(\n \"button\",\n {\n class: _vm.playlistButtonClass(\"queue\"),\n on: {\n click: function($event) {\n return _vm.togglePanel(\"queue\")\n }\n }\n },\n [\n _vm.sets.queue.length\n ? _c(\"span\", { staticClass: \"mr-2 is-size-6\" }, [\n _vm._v(\n \"\\n \" + _vm._s(_vm.sets.queue.length)\n )\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _vm._m(2)\n ]\n )\n ])\n ])\n ])\n}\nvar staticRenderFns = [\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"span\", { staticClass: \"icon is-size-6 has-text-danger\" }, [\n _c(\"span\", { staticClass: \"fa fa-circle\" })\n ])\n },\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-thumbtack\" })\n ])\n },\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"span\", { staticClass: \"fa fa-list\" })\n ])\n }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./assets/public/player.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -586,6 +574,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ }), +/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./assets/public/progress.vue?vue&type=template&id=b07047d6&": +/*!*************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./assets/public/progress.vue?vue&type=template&id=b07047d6& ***! + \*************************************************************************************************************************************************************************************************/ +/*! exports provided: render, staticRenderFns */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"media\" }, [\n _c(\n \"div\",\n { staticClass: \"media-left\" },\n [\n _vm._t(\"value\", [_vm._v(_vm._s(_vm.format(_vm.valueDisplay)))], {\n value: _vm.valueDisplay,\n max: _vm.max\n })\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\n \"div\",\n {\n ref: \"bar\",\n staticClass: \"media-content\",\n on: {\n click: function($event) {\n $event.stopPropagation()\n return _vm.onClick($event)\n },\n mouseleave: function($event) {\n $event.stopPropagation()\n return _vm.onMouseMove($event)\n },\n mousemove: function($event) {\n $event.stopPropagation()\n return _vm.onMouseMove($event)\n }\n }\n },\n [\n _c(\"div\", { class: _vm.progressClass, style: _vm.progressStyle }, [\n _vm._v(\" \")\n ])\n ]\n ),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"media-right\" },\n [\n _vm._t(\"value\", [_vm._v(_vm._s(_vm.format(_vm.max)))], {\n value: _vm.valueDisplay,\n max: _vm.max\n })\n ],\n 2\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./assets/public/progress.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options"); + +/***/ }), + /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./assets/public/soundItem.vue?vue&type=template&id=4dfee2ec&": /*!**************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./assets/public/soundItem.vue?vue&type=template&id=4dfee2ec& ***! @@ -594,7 +594,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"media\" }, [\n _vm.hasAction(\"play\")\n ? _c(\"div\", { staticClass: \"media-left\" }, [\n _c(\n \"button\",\n {\n staticClass: \"button\",\n on: {\n click: function($event) {\n return _vm.$emit(\"togglePlay\")\n }\n }\n },\n [\n _c(\"div\", { staticClass: \"icon\" }, [\n _vm.playing || _vm.loading\n ? _c(\"span\", { staticClass: \"fa fa-pause\" })\n : _c(\"span\", { staticClass: \"fa fa-play\" })\n ])\n ]\n )\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"media-content\" },\n [\n _vm._t(\n \"content\",\n [\n _c(\"h4\", { staticClass: \"title is-4 is-inline-block\" }, [\n _vm._v(\n \"\\n \" +\n _vm._s(_vm.name || _vm.item.name) +\n \"\\n \"\n )\n ])\n ],\n { player: _vm.player, item: _vm.item, loaded: _vm.loaded }\n )\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"media-right\" },\n [\n _vm.player.$refs.pin != _vm.$parent\n ? _c(\n \"button\",\n {\n staticClass: \"button\",\n on: {\n click: function($event) {\n $event.stopPropagation()\n return _vm.player.togglePin(_vm.item)\n }\n }\n },\n [\n _c(\"span\", { staticClass: \"icon is-small\" }, [\n _c(\"span\", {\n class:\n (_vm.pinned ? \"\" : \"has-text-grey-light \") +\n \"fa fa-thumbtack\"\n })\n ])\n ]\n )\n : _vm._e(),\n _vm._v(\" \"),\n _vm._t(\"actions\", null, {\n player: _vm.player,\n item: _vm.item,\n loaded: _vm.loaded\n })\n ],\n 2\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./assets/public/soundItem.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"media\" }, [\n _vm.hasAction(\"play\")\n ? _c(\"div\", { staticClass: \"media-left\" }, [\n _c(\n \"button\",\n {\n staticClass: \"button\",\n on: {\n click: function($event) {\n return _vm.$emit(\"togglePlay\")\n }\n }\n },\n [\n _c(\"div\", { staticClass: \"icon\" }, [\n _vm.playing\n ? _c(\"span\", { staticClass: \"fa fa-pause\" })\n : _c(\"span\", { staticClass: \"fa fa-play\" })\n ])\n ]\n )\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"media-content\" },\n [\n _vm._t(\n \"content\",\n [\n _c(\"h4\", { staticClass: \"title is-4 is-inline-block\" }, [\n _vm._v(\n \"\\n \" +\n _vm._s(_vm.name || _vm.item.name) +\n \"\\n \"\n )\n ])\n ],\n { player: _vm.player, item: _vm.item, loaded: _vm.loaded }\n )\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"media-right\" },\n [\n _vm.player.sets.pin != _vm.$parent.set\n ? _c(\n \"button\",\n {\n staticClass: \"button\",\n on: {\n click: function($event) {\n $event.stopPropagation()\n return _vm.player.togglePin(_vm.item)\n }\n }\n },\n [\n _c(\"span\", { staticClass: \"icon is-small\" }, [\n _c(\"span\", {\n class:\n (_vm.pinned ? \"\" : \"has-text-grey-light \") +\n \"fa fa-thumbtack\"\n })\n ])\n ]\n )\n : _vm._e(),\n _vm._v(\" \"),\n _vm._t(\"actions\", null, {\n player: _vm.player,\n item: _vm.item,\n loaded: _vm.loaded\n })\n ],\n 2\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./assets/public/soundItem.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }) diff --git a/aircox/static/aircox/streamer.js b/aircox/static/aircox/streamer.js index 877bd36..750ad8d 100644 --- a/aircox/static/aircox/streamer.js +++ b/aircox/static/aircox/streamer.js @@ -175,7 +175,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getCsrf\", function() { return getCsrf; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return Model; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Set\", function() { return Set; });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n\n\nfunction getCookie(name) {\n if(document.cookie && document.cookie !== '') {\n const cookie = document.cookie.split(';')\n .find(c => c.trim().startsWith(name + '='))\n return cookie ? decodeURIComponent(cookie.split('=')[1]) : null;\n }\n return null;\n}\n\nvar csrfToken = null;\n\nfunction getCsrf() {\n if(csrfToken === null)\n csrfToken = getCookie('csrftoken')\n return csrfToken;\n}\n\n\n// TODO: prevent duplicate simple fetch\nclass Model {\n constructor(data, {url=null}={}) {\n this.url = url;\n this.commit(data);\n }\n\n /**\n * Get instance id from its data\n */\n static getId(data) {\n return data.id;\n }\n\n /**\n * Return fetch options\n */\n static getOptions(options) {\n return {\n headers: {\n 'Content-Type': 'application/json',\n 'Accept': 'application/json',\n 'X-CSRFToken': getCsrf(),\n },\n ...options,\n }\n }\n\n /**\n * Fetch item from server\n */\n static fetch(url, options=null, args=null) {\n options = this.getOptions(options)\n return fetch(url, options)\n .then(response => response.json())\n .then(data => new this(data, {url: url, ...args}));\n }\n\n /**\n * Fetch data from server.\n */\n fetch(options) {\n options = this.constructor.getOptions(options)\n return fetch(this.url, options)\n .then(response => response.json())\n .then(data => this.commit(data));\n }\n\n /**\n * Call API action on object.\n */\n action(path, options, commit=false) {\n options = this.constructor.getOptions(options)\n const promise = fetch(this.url + path, options);\n return commit ? promise.then(data => data.json())\n .then(data => { this.commit(data); this.data })\n : promise;\n }\n\n /**\n * Update instance's data with provided data. Return None\n */\n commit(data) {\n this.id = this.constructor.getId(data);\n vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(this, 'data', data);\n }\n\n /**\n * Save instance into localStorage.\n */\n store(key) {\n window.localStorage.setItem(key, JSON.stringify(this.data));\n }\n\n /**\n * Load model instance from localStorage.\n */\n static storeLoad(key) {\n let item = window.localStorage.getItem(key);\n return item === null ? item : new this(JSON.parse(item));\n }\n}\n\n\n/**\n * List of models\n */\nclass Set {\n constructor(model, {items=[],url=null,args={},unique=null,max=null,storeKey=null}={}) {\n this.items = [];\n this.model = model;\n this.url = url;\n this.unique = unique;\n this.max = max;\n this.storeKey = storeKey;\n\n for(var item of items)\n this.push(item, {args: args, save: false});\n }\n\n get length() { return this.items.length }\n get(index) { return this.items[index] }\n\n /**\n * Fetch multiple items from server\n */\n static fetch(url, options=null, args=null) {\n options = this.getOptions(options)\n return fetch(url, options)\n .then(response => response.json())\n .then(data => (data instanceof Array ? data : data.results)\n .map(d => new this.model(d, {url: url, ...args})))\n }\n\n /**\n * Load list from localStorage\n */\n static storeLoad(model, key, args={}) {\n let items = window.localStorage.getItem(key);\n return new this(model, {...args, storeKey: key, items: items ? JSON.parse(items) : []});\n }\n\n /**\n * Store list into localStorage\n */\n store() {\n this.storeKey && window.localStorage.setItem(this.storeKey, JSON.stringify(\n this.items.map(i => i.data)));\n }\n\n /**\n * Save item\n */\n save() {\n this.storeKey && this.store();\n }\n\n /**\n * Find item by id\n */\n find(item) {\n return this.items.find(x => x.id == item.id);\n }\n\n /**\n * Find item index by id\n */\n findIndex(item) {\n return this.items.findIndex(x => x.id == item.id);\n }\n\n /**\n * Add item to set\n */\n push(item, {args={},save=true}={}) {\n item = item instanceof this.model ? item : new this.model(item, args);\n if(this.unique) {\n let index = this.findIndex(item);\n if(index > -1)\n this.items.splice(index,1);\n }\n if(this.max && this.items.length >= this.max)\n this.items.splice(0,this.items.length-this.max)\n\n this.items.push(item);\n save && this.save();\n }\n\n /**\n * Remove item from set by index\n */\n remove(index, {save=true}={}) {\n this.items.splice(index,1);\n save && this.save();\n }\n}\n\nSet[Symbol.iterator] = function () {\n return this.items[Symbol.iterator]();\n}\n\n\n\n//# sourceURL=webpack:///./assets/public/model.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getCsrf\", function() { return getCsrf; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return Model; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Set\", function() { return Set; });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n\n\nfunction getCookie(name) {\n if(document.cookie && document.cookie !== '') {\n const cookie = document.cookie.split(';')\n .find(c => c.trim().startsWith(name + '='))\n return cookie ? decodeURIComponent(cookie.split('=')[1]) : null;\n }\n return null;\n}\n\nvar csrfToken = null;\n\nfunction getCsrf() {\n if(csrfToken === null)\n csrfToken = getCookie('csrftoken')\n return csrfToken;\n}\n\n\n// TODO: prevent duplicate simple fetch\nclass Model {\n constructor(data, {url=null}={}) {\n this.url = url;\n this.commit(data);\n }\n\n /**\n * Get instance id from its data\n */\n static getId(data) {\n return data.id;\n }\n\n /**\n * Return fetch options\n */\n static getOptions(options) {\n return {\n headers: {\n 'Content-Type': 'application/json',\n 'Accept': 'application/json',\n 'X-CSRFToken': getCsrf(),\n },\n ...options,\n }\n }\n\n /**\n * Fetch item from server\n */\n static fetch(url, options=null, args=null) {\n options = this.getOptions(options)\n return fetch(url, options)\n .then(response => response.json())\n .then(data => new this(data, {url: url, ...args}));\n }\n\n /**\n * Fetch data from server.\n */\n fetch(options) {\n options = this.constructor.getOptions(options)\n return fetch(this.url, options)\n .then(response => response.json())\n .then(data => this.commit(data));\n }\n\n /**\n * Call API action on object.\n */\n action(path, options, commit=false) {\n options = this.constructor.getOptions(options)\n const promise = fetch(this.url + path, options);\n return commit ? promise.then(data => data.json())\n .then(data => { this.commit(data); this.data })\n : promise;\n }\n\n /**\n * Update instance's data with provided data. Return None\n */\n commit(data) {\n this.id = this.constructor.getId(data);\n vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(this, 'data', data);\n }\n\n /**\n * Save instance into localStorage.\n */\n store(key) {\n window.localStorage.setItem(key, JSON.stringify(this.data));\n }\n\n /**\n * Load model instance from localStorage.\n */\n static storeLoad(key) {\n let item = window.localStorage.getItem(key);\n return item === null ? item : new this(JSON.parse(item));\n }\n}\n\n\n/**\n * List of models\n */\nclass Set {\n constructor(model, {items=[],url=null,args={},unique=null,max=null,storeKey=null}={}) {\n this.items = [];\n this.model = model;\n this.url = url;\n this.unique = unique;\n this.max = max;\n this.storeKey = storeKey;\n\n for(var item of items)\n this.push(item, {args: args, save: false});\n }\n\n get length() { return this.items.length }\n\n /**\n * Fetch multiple items from server\n */\n static fetch(url, options=null, args=null) {\n options = this.getOptions(options)\n return fetch(url, options)\n .then(response => response.json())\n .then(data => (data instanceof Array ? data : data.results)\n .map(d => new this.model(d, {url: url, ...args})))\n }\n\n /**\n * Load list from localStorage\n */\n static storeLoad(model, key, args={}) {\n let items = window.localStorage.getItem(key);\n return new this(model, {...args, storeKey: key, items: items ? JSON.parse(items) : []});\n }\n\n /**\n * Store list into localStorage\n */\n store() {\n this.storeKey && window.localStorage.setItem(this.storeKey, JSON.stringify(\n this.items.map(i => i.data)));\n }\n\n /**\n * Save item\n */\n save() {\n this.storeKey && this.store();\n }\n\n /**\n * Get item at index\n */\n get(index) { return this.items[index] }\n\n /**\n * Find an item by id or using a predicate function\n */\n find(pred) {\n return pred instanceof Function ? this.items.find(pred)\n : this.items.find(x => x.id == pred.id);\n }\n\n /**\n * Find item index by id or using a predicate function\n */\n findIndex(pred) {\n return pred instanceof Function ? this.items.findIndex(pred)\n : this.items.findIndex(x => x.id == pred.id);\n }\n\n /**\n * Add item to set\n */\n push(item, {args={},save=true}={}) {\n item = item instanceof this.model ? item : new this.model(item, args);\n if(this.unique) {\n let index = this.findIndex(item);\n if(index > -1)\n return;\n }\n if(this.max && this.items.length >= this.max)\n this.items.splice(0,this.items.length-this.max)\n\n this.items.push(item);\n save && this.save();\n }\n\n /**\n * Remove item from set by index\n */\n remove(index, {save=true}={}) {\n this.items.splice(index,1);\n save && this.save();\n }\n}\n\nSet[Symbol.iterator] = function () {\n return this.items[Symbol.iterator]();\n}\n\n\n\n//# sourceURL=webpack:///./assets/public/model.js?"); /***/ }), diff --git a/assets/public/list.vue b/assets/public/list.vue index 5d42b76..d5dcd9a 100644 --- a/assets/public/list.vue +++ b/assets/public/list.vue @@ -39,11 +39,10 @@ export default { methods: { get(index) { return this.set.get(index) }, - find(item) { return this.set.find(item) }, - findIndex(item) { return this.set.findIndex(item) }, + find(pred) { return this.set.find(pred) }, + findIndex(pred) { return this.set.findIndex(pred) }, push(...items) { - let index = this.set.length; for(var item of items) this.set.push(item); }, @@ -62,7 +61,10 @@ export default { return this.selectedIndex; }, - + unselect() { + this.$emit('unselect', { item: this.selected, index: this.selectedIndex}); + this.selectedIndex = -1; + }, }, } diff --git a/assets/public/model.js b/assets/public/model.js index 2a6e0b3..3053584 100644 --- a/assets/public/model.js +++ b/assets/public/model.js @@ -119,7 +119,6 @@ export class Set { } get length() { return this.items.length } - get(index) { return this.items[index] } /** * Fetch multiple items from server @@ -156,17 +155,24 @@ export class Set { } /** - * Find item by id + * Get item at index */ - find(item) { - return this.items.find(x => x.id == item.id); + get(index) { return this.items[index] } + + /** + * Find an item by id or using a predicate function + */ + find(pred) { + return pred instanceof Function ? this.items.find(pred) + : this.items.find(x => x.id == pred.id); } /** - * Find item index by id + * Find item index by id or using a predicate function */ - findIndex(item) { - return this.items.findIndex(x => x.id == item.id); + findIndex(pred) { + return pred instanceof Function ? this.items.findIndex(pred) + : this.items.findIndex(x => x.id == pred.id); } /** @@ -177,7 +183,7 @@ export class Set { if(this.unique) { let index = this.findIndex(item); if(index > -1) - this.items.splice(index,1); + return; } if(this.max && this.items.length >= this.max) this.items.splice(0,this.items.length-this.max) diff --git a/assets/public/player.vue b/assets/public/player.vue index 53fb33c..2e36d0b 100644 --- a/assets/public/player.vue +++ b/assets/public/player.vue @@ -1,37 +1,28 @@