-
-
-
- <%
- String[] labels = map.get("brc_labels", String[].class);
- if (labels != null) {
- for (int i = 0; i < labels.length; i++) {
- %>
-
- data-foundation-validation="" data-validation="" is="coral-textfield"
- class="coral3-Textfield" aria-invalid="false">
-
-
- <%
- }
- }
- %>
-
-
-
-
-
-
-
-
diff --git a/current/ui.apps/src/main/content/jcr_root/apps/brightcove/components/tools/brightcoveadmin/brightcoveadmin.html b/current/ui.apps/src/main/content/jcr_root/apps/brightcove/components/tools/brightcoveadmin/brightcoveadmin.html
index 027453a..2246870 100644
--- a/current/ui.apps/src/main/content/jcr_root/apps/brightcove/components/tools/brightcoveadmin/brightcoveadmin.html
+++ b/current/ui.apps/src/main/content/jcr_root/apps/brightcove/components/tools/brightcoveadmin/brightcoveadmin.html
@@ -228,9 +228,11 @@
Video Preview + class="btn btn-primary btn-block">Video Preview
+Variants: +
N/A
Duration:
Video ID: @@ -241,6 +243,12 @@
Tags: +
+ + Labels: + Edit + +
Related Link:
diff --git a/current/ui.apps/src/main/content/jcr_root/apps/brightcove/components/tools/brightcoveadmin/clientlibs/css/style.css b/current/ui.apps/src/main/content/jcr_root/apps/brightcove/components/tools/brightcoveadmin/clientlibs/css/style.css index 7613185..18a1c15 100644 --- a/current/ui.apps/src/main/content/jcr_root/apps/brightcove/components/tools/brightcoveadmin/clientlibs/css/style.css +++ b/current/ui.apps/src/main/content/jcr_root/apps/brightcove/components/tools/brightcoveadmin/clientlibs/css/style.css @@ -1,35 +1,3 @@ -/* - Adobe AEM Brightcove Connector - - Copyright (C) 2018 Coresecure Inc. - - Authors: - Alessandro Bonfatti - Yan Kisen - Pablo Kropilnicki - - This program is free software: you can redistribute it and/or modify - it under the terms of the GNU General Public License as published by - the Free Software Foundation, either version 3 of the License, or - (at your option) any later version. - - This program is distributed in the hope that it will be useful, - but WITHOUT ANY WARRANTY; without even the implied warranty of - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - GNU General Public License for more details. - - You should have received a copy of the GNU General Public License - along with this program. If not, see
Please enter a name for your playlist:
') - .append($('')); + .append($('')); showPopup('Create Playlist', $message.prop('outerHTML'), 'Create', 'Cancel', function(dialog) { - // call the API here. - // now reload the view - Load(getAllPlaylistsURL()); + // do something here }, function(dialog) { // do nothing here @@ -139,6 +136,10 @@ $(function () { $(event.target).parents('li').remove(); }) + $('.pml-dialog_content').on('click', '.label-listing li a', function(event) { + $(event.target).parents('li').remove(); + }) + $('#tbData').on('click', '.playlist-actions a', function(event) { event.preventDefault(); var playlist = { @@ -165,6 +166,7 @@ $(function () { // do something here? } }); + dialog.hide(); Load(getAllPlaylistsURL()); }, function(dialog) { @@ -197,6 +199,31 @@ $(function () { }; }); + $('.pml-dialog').on('keyup', '.label-add-input input', function(event) { + var query = $(event.target).val(); + var $parent = $(event.target).parents('.label-add-input'); + if (query) { + // perform an AJAX video search + var data = { + a: 'list_labels', + query: query, + start: 0, + limit: 3, + callback: 'suggestLabelsForVideo' + }; + $.ajax({ + type: 'GET', + url: '/bin/brightcove/api.js', + data: data, + async: true, + success: function (data) + { + // do something here? + } + }); + }; + }); + $('.folder-selector .menu-options').on('click', 'li', function(event) { var folderId = $(event.target).data('folder-id'); $.each(paging.selectedVideos, function (i, n) { @@ -255,6 +282,42 @@ $(function () { $('.butDiv').toggle(paging.selectedVideos.length > 0); }); + $('body').on('click', '.variant', function(event) { + event.preventDefault(); + var variantId = $(event.target).attr('data-variant-id'); + var videoId = $(event.target).attr('data-video-idx'); + var variant = oCurrentVideoList[videoId].variants[variantId]; + + var content = "";
+ content += "
";
+
+ showPopup('Variant Details for Language: ' + variant.language,
+ content,
+ 'OK',
+ '',
+ function(dialog) {
+ dialog.hide();
+ });
+ });
+
});
function showPopup(title, message, btnPrimaryText, btnSecondaryText, onSuccess, onCancel) {
@@ -268,7 +331,6 @@ function showPopup(title, message, btnPrimaryText, btnSecondaryText, onSuccess,
event.preventDefault();
if (onSuccess)
onSuccess($popup);
- $popup.hide();
});
if (btnSecondaryText) {
$popup.find('.pml-dialog_footer .btn-secondary')
@@ -288,6 +350,39 @@ function showPopup(title, message, btnPrimaryText, btnSecondaryText, onSuccess,
$popup.show();
}
+function suggestLabelsForVideo(data) {
+ $('.pml-dialog .autocomplete').empty();
+ if (data.items.length > 0) {
+ $.each(data.items, function(i, n) {
+ if (n.includes($('.label-add-input input').val())) {
+ $('.pml-dialog .autocomplete')
+ .append(
+ $('Video Name:
" + variant.language + "
Description:
" + variant.description + "
Long Description:
" + variant.long_description + "
Custom Fields:
"; + for (const prop in variant.custom_fields) { + content += ""
+ content += "
";
+ }
+ }
+
+ content += "" + prop + "
"; + content += "" + variant.custom_fields[prop] + "
"; + content += "
Label Name:
') + .append($('')); + showPopup('Create New Label', + $message.prop('outerHTML'), + 'Create', + 'Cancel', + function(dialog) { + + // do some basic validationå + var labelName = $('.input-label-name').val(); + if (labelName == '' || !labelName.startsWith('/')) { + $('.input-label-name').addClass('error'); + } else { + $('.input-label-name').removeClass('error'); + // call the API here. + var data = { + a: 'create_label', + label: labelName + }; + $.ajax({ + type: 'GET', + url: '/bin/brightcove/api.js', + data: data, + async: true, + success: function (data) + { + // do something here? + } + }); + dialog.hide(); + location.reload(); + } + }, + function(dialog) { + // do nothing here + triggerLabelClick('all'); + }) } else { console.log('search videos by label=' + selected); Load(getLabelListingUrl(selected)); @@ -419,13 +559,62 @@ function loadLabels() { }); } +function editLabels(event) { + var data = { + videoId: document.getElementById('divMeta.previewDiv').value, + items: $(document.getElementById('divMeta.labels')).find('a').map(function() { + return $(this).text() + }) + .get() + }; + console.log(data.items); + var $search = $('').prop('outerHTML'); + var $message = $('- ');
+ data.items.forEach(function(item, index) {
+ $message
+ .append($('
- '+item+''));
+ });
+ showPopup('Edit Labels', $search + $message.prop('outerHTML'), 'Update', 'Cancel', function(event) {
+ var playlistData = {
+ a: 'update_labels',
+ labels: $('#edit-labels-sortable')
+ .find('li')
+ .map(function(item) { return $(this).text() }).get(),
+ videoId: data.videoId
+ };
+
+ $.ajax({
+ type: 'GET',
+ url: '/bin/brightcove/api.js',
+ data: $.param(playlistData, true),
+ async: true,
+ success: function (data)
+ {
+ location.reload();
+ }
+ });
+
+ event.hide();
+ }, null);
+ var el = document.getElementById("edit-labels-sortable");
+ $sortable = Sortable.create(el);
+}
+
+function callback(data) {
+ // generic callback
+}
+
function loadLabelCallback(data) {
var $label_select = $('#label_list');
$.each(data.items, function (i, n) {
- console.log(n);
$label_select
- .append($('