media_soundcloud.fromurl.js
4.22 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
/**
* @file
* Create the 'SoundCloud' tab for the WYSIWYG plugins.
*/
// (function ($) {
// namespace('Drupal.media.browser.plugin');
//
// Drupal.media.browser.plugin.media_soundcloud = function(mediaBrowser, options) {
// return {
// init: function() {
// tabset = mediaBrowser.getTabset();
// tabset.tabs('add', '#media_soundcloud', 'SoundCloud');
// mediaBrowser.listen('tabs.show', function (e, id) {
// if (id == 'media_soundcloud') {
// // We only need to set this once.
// // We probably could set it upon load.
// if (mediaBrowser.getActivePanel().html() == '') {
// mediaBrowser.getActivePanel().html(options.media_soundcloud);
// }
// }
// });
// }
// }
// };
//
// // For now, I guess self registration makes sense.
// // Really though, we should be doing it via drupal_add_js and some settings
// // from the drupal variable.
// //@todo: needs a review.
// Drupal.media.browser.register('media_soundcloud', Drupal.media.browser.plugin.media_soundcloud, {});
// })(jQuery);
(function ($) {
namespace('media.browser.plugin');
Drupal.media.browser.plugin.soundcloud_library = function(mediaBrowser, options) {
return {
mediaFiles: [],
init: function() {
tabset = mediaBrowser.getTabset();
tabset.tabs('add', '#soundcloud_library', 'SoundCloud');
var that = this;
mediaBrowser.listen('tabs.show', function (e, id) {
if (id == 'soundcloud_library') {
// This is kinda rough, I'm not sure who should delegate what here.
mediaBrowser.getActivePanel().addClass('throbber');
mediaBrowser.getActivePanel().html('');
//mediaBrowser.getActivePanel().addClass('throbber');
// Assumes we have to refresh everytime.
// Remove any existing content
mediaBrowser.getActivePanel().append('<ul></ul>');
that.browser = $('ul', mediaBrowser.getActivePanel());
that.browser.addClass('clearfix');
that.getMedia();
}
});
},
getStreams: function () {
return ['soundcloud://'];
},
getConditions: function () {
return {};
//return this.settings.conditions;
},
getMedia: function() {
var that = this;
var callback = mediaBrowser.getCallbackUrl('getMedia');
var params = {
conditions: JSON.stringify(this.getConditions()),
streams: JSON.stringify(this.getStreams())
};
jQuery.get(
callback,
params,
function(data, status) {
that.mediaFiles = data.media;
that.emptyMessage = data.empty;
that.pager = data.pager;
that.render();
},
'json'
);
},
render: function() {
var that = this;
mediaBrowser.getActivePanel().removeClass('throbber');
if (this.mediaFiles.length < 1) {
jQuery('<div id="media-empty-message" class="media-empty-message"></div>').appendTo(this.browser)
.html(this.emptyMessage);
return;
}
for (var m in this.mediaFiles) {
mediaFile = this.mediaFiles[m];
var listItem = jQuery('<li></li>').appendTo(this.browser)
.attr('id', 'media-file-' + mediaFile.fid)
.addClass('media-file');
var imgLink = jQuery('<a href="#"></a>').appendTo(listItem)
.html(mediaFile.preview)
.bind('click', mediaFile, function(e) {
// Notify the main browser
//this.selectedMedia = mediaFile;
$('div.media-thumbnail img').removeClass('selected');
$('div.media-thumbnail img', $(this)).addClass('selected');
mediaBrowser.notify('mediaSelected', {mediaFiles: [e.data]});
//that.settings.onSelect(mediaFile);
return false;
});
}
jQuery('<div id="media-pager" class="media-pager"></div>').appendTo(this.browser)
.html(this.pager);
}
};
};
Drupal.media.browser.register('soundcloud_library', Drupal.media.browser.plugin.soundcloud_library);
})(jQuery);