Merge branch 'fix-video-field'

Author: tabacitu

CHANGELOG.md

@@ -8,6 +8,12 @@ All Notable changes to `Backpack CRUD` will be documented in this file.
 
 -----------
 
+## 4.0.41 - 2020-02-16
+
+### Fixed
+- merged #2450 - video field now has customizable youtube api key;
+
+
 ## 4.0.40 - 2020-02-10
 
 ### Fixed

src/resources/views/crud/fields/video.blade.php

@@ -12,10 +12,12 @@
     $value = $value;
 }
 
+$field['youtube_api_key'] = $field['youtube_api_key'] ?? 'AIzaSyDQa76EpdNPzfeTAoZUut2AnvBA0jkx3FI';
+
 ?>
 
 
-<div data-video data-init-function="bpFieldInitVideoElement" @include('crud::inc.field_wrapper_attributes') >
+<div data-video data-init-function="bpFieldInitVideoElement" data-youtube-api-key="{{$field['youtube_api_key']}}" @include('crud::inc.field_wrapper_attributes') >
     <label for="{{ $field['name'] }}_link">{!! $field['label'] !!}</label>
     @include('crud::inc.field_translatable_icon')
     <input class="video-json" type="hidden" name="{{ $field['name'] }}" value="{{ $value }}">
@@ -145,9 +147,9 @@
             return id;
         };
 
-        var fetchYouTube = function( videoId, callback ){
+        var fetchYouTube = function( videoId, callback, apiKey ){
 
-            var api = 'https://www.googleapis.com/youtube/v3/videos?id='+videoId+'&key=AIzaSyDQa76EpdNPzfeTAoZUut2AnvBA0jkx3FI&part=snippet';
+            var api = 'https://www.googleapis.com/youtube/v3/videos?id='+videoId+'&key='+apiKey+'&part=snippet';
 
             var video = {
                 provider: 'youtube',
@@ -199,7 +201,7 @@
             });
         };
 
-        var parseVideoLink = function( link, callback ){
+        var parseVideoLink = function( link, callback, apiKey ){
 
             var response = {success: false, message: 'unknown error occured, please try again', data: [] };
 
@@ -211,7 +213,7 @@
             }
 
 
-            var id = tryYouTube(link);
+            var id = tryYouTube(link, apiKey);
 
             if( id ){
 
@@ -224,7 +226,7 @@
                     }
 
                     callback(response);
-                });
+                },apiKey);
             }
             else {
 
@@ -281,7 +283,8 @@ function bpFieldInitVideoElement(element) {
                 jsonField = $this.find('.video-json'),
                 linkField = $this.find('.video-link'),
                 pDummy = $this.find('.video-dummy'),
-                pWrap = $this.find('.video-preview');
+                pWrap = $this.find('.video-preview'),
+                apiKey = $this.attr('data-youtube-api-key');
 
                 try {
                     var videoJson = JSON.parse(jsonField.val());
@@ -325,7 +328,7 @@ function bpFieldInitVideoElement(element) {
                             }
 
                             videoParsing = false;
-                        });
+                        },apiKey);
                     }
                     else {
                         videoParsing = false;