Back to: Deeper Life (Clone)
*,
*:before,
*:after {
box-sizing: border-box;
}
.llms-lesson-preview {
display: inline-block;
margin-top: 15px;
max-width: 100%;
position: relative;
width: 40%;
margin-left: 4.3rem;
-webkit-transition: all .5s ease;
transition: all .5s ease;
text-decoration: none;
text-shadow: none;
}
.block-content:last-of-type {
padding-bottom: 10px;
}
.llms-lesson-preview .llms-lesson-link {
background: rgb(118, 197, 214) !important;
color: white !important;
display: block;
padding: 5px;
border-radius: 0px;
text-decoration: none;
}
.hide.hide {
display: none;
}
window.console = window.console || function(t) {};
if (document.location.search.match(/type=embed/gi)) {
window.parent.postMessage(“resize”, “*”);
}
![]()
console.clear();
// Filters
// =======
Vue.filter(‘time’, function (seconds) {
var minutes = Math.floor(seconds / 60),
seconds = Math.floor(seconds % 60);
if (seconds < 10) {
seconds = '0' + seconds;
}
return minutes + ':' + seconds;
});
Vue.filter('minutes', function (seconds) {
var minutes = Math.floor(seconds / 60);
return minutes;
});
// App
// =====
new Vue({
el: '.app',
data: function () {
return {
player: {
currentTrack: 0,
elapsed: 0,
playing: false,
repeat: false,
shuffle: true,
volume: 68 },
playlist: {
title: 'Deeper Life',
author: 'S R Manohar',
tracks: [{
title: 'The Main Purpose of our Lives',
artist: 'S R Manohar',
album: 'Deeper Life',
src: 'https://raysoflove.org/courses/dl/c7_01.mp3',
duration: 1501,
//duration: 274,
cover: {
small: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg',
large: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg' } },
{
title: 'Moving from faith to real experience',
artist: 'S R Manohar',
album: 'Deeper Life' ,
src: 'https://raysoflove.org/courses/dl/c7_02.mp3',
duration: 2499,
cover: {
small: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg',
large: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg' } },
{
title: 'Present Day Scenario of the Church',
artist: 'S R Manohar',
album: 'Deeper Life',
src: 'https://raysoflove.org/courses/dl/c7_03.mp3',
duration: 3302,
cover: {
small: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg',
large: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg' } },
{
title: 'Donx27t Miss Godx27s Time',
artist: 'S R Manohar',
album: 'Deeper Life',
src: 'https://raysoflove.org/courses/dl/c7_04.mp3',
duration: 2810,
cover: {
small: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg',
large: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg' } },
{
title: 'Glory of Christ – Jesus in Revelation – 1',
artist: 'S R Manohar',
album: 'Deeper Life',
src: 'https://raysoflove.org/courses/dl/c7_05.mp3',
duration: 2962,
cover: {
small: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg',
large: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg' } },
{
title: 'Glory of Christ – Jesus in Revelation – 2',
artist: 'S R Manohar',
album: 'Deeper Life',
src: 'https://raysoflove.org/courses/dl/c7_06.mp3',
duration: 3325,
cover: {
small: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg',
large: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg' } },
{
title: 'Glory of Christ – Jesus in Revelation – 3',
artist: 'S R Manohar',
album: 'Deeper Life',
src: 'https://raysoflove.org/courses/dl/c7_07.mp3',
duration: 2982,
cover: {
small: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg',
large: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg' } },
{
title: 'The path into Fullness of God',
artist: 'S R Manohar',
album: 'Deeper Life',
src: 'https://raysoflove.org/courses/dl/c7_08.mp3',
duration: 2566,
cover: {
small: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg',
large: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg' } },
{
title: 'Godx27s Secret to David',
artist: 'S R Manohar',
album: 'Deeper Life',
src: 'https://raysoflove.org/courses/dl/c7_09.mp3',
duration: 1820,
cover: {
small: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg',
large: 'https://raysoflove.org/wp-content/uploads/2019/04/Deeper-Life.jpg' } }
] } };
},
computed: {
currentTrack: function () {
return this.playlist.tracks[this.player.currentTrack];
},
playlistDuration: function () {
var duration = 0,
tracks = this.playlist.tracks,
i;
for (i = 0; i = _this.currentTrack.duration) {
//_this.$set(‘player.elapsed’, 0);
//_this.skipForward();
//}
//_this.player.elapsed += .1;
//}, 100);
this.$set(‘player.playing’, true);
//this.$set(‘timer’, timer);
},
selectTrack: function (id) {
this.$set(‘player.currentTrack’, id);
this.$set(‘player.elapsed’, 0);
this.enteredtrack = true;
this.play();
},
skipForward: function () {
var track = this.player.currentTrack + 1;
track = track % this.playlist.tracks.length;
this.selectTrack(track);
},
increaseVolume: function () {
},
skipBack: function () {
var track = this.player.currentTrack;
if (this.player.elapsed < 2) {
track = track – 1;
}
if (track < 0) {
track = 0;
}
this.selectTrack(track);
},
toggleRepeat: function () {
this.player.repeat = !this.player.repeat;
},
toggleShuffle: function () {
this.player.shuffle = !this.player.shuffle;
} } });
//# sourceURL=pen.js
No HTML was returned.
