PHP Classes

File: resources/js/components/DetailField.vue

Recommend this page to a friend!
  Classes of Naif Alshaye   Laravel Nova PHP Soundcloud Player   resources/js/components/DetailField.vue   Download  
File: resources/js/components/DetailField.vue
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Laravel Nova PHP Soundcloud Player
Embed an audio player to play a Soundcloud track
Author: By
Last change:
Date: 5 years ago
Size: 799 bytes
 

Contents

Class file image Download
<template> <table> <tr> <td id="field_name" style="color:#7C858E; width:300px; text-align: left;"></td> <td style="width:560px;"> <iframe id="track_name" width="400" height="20" scrolling="no" frameborder="no" src=""> </iframe> </td> </tr> </table> </template> <script> export default { props: ['resource', 'resourceName', 'resourceId', 'field'], mounted() { document.getElementById('field_name').innerHTML = this.field.name; document.getElementById('track_name').src = 'https://w.soundcloud.com/player/?url=https://soundcloud.com/'+this.field.value+'&color=%23ff5500&auto_play=false&hide_related=false&show_comments=false&show_user=false&show_reposts=false&show_teaser=false'; }, } </script>