nextcloud/apps/files_sharing/src/sharetabview.js

108 lines
2.6 KiB
JavaScript

/*
* Copyright (c) 2015
*
* This file is licensed under the Affero General Public License version 3
* or later.
*
* See the COPYING-README file.
*
*/
/* @global Handlebars */
(function() {
var TEMPLATE
= '<div>'
+ '<div class="dialogContainer"></div>'
+ '<div id="collaborationResources"></div>'
+ '</div>'
/**
* @memberof OCA.Sharing
*/
var ShareTabView = OCA.Files.DetailTabView.extend(
/** @lends OCA.Sharing.ShareTabView.prototype */ {
id: 'shareTabView',
className: 'tab shareTabView',
initialize: function(name, options) {
OCA.Files.DetailTabView.prototype.initialize.call(this, name, options)
OC.Plugins.attach('OCA.Sharing.ShareTabView', this)
},
template: function(params) {
return TEMPLATE
},
getLabel: function() {
return t('files_sharing', 'Sharing')
},
getIcon: function() {
return 'icon-shared'
},
/**
* Renders this details view
*/
render: function() {
var self = this
if (this._dialog) {
// remove/destroy older instance
this._dialog.model.off()
this._dialog.remove()
this._dialog = null
}
if (this.model) {
this.$el.html(this.template())
if (_.isUndefined(this.model.get('sharePermissions'))) {
this.model.set('sharePermissions', OCA.Sharing.Util.getSharePermissions(this.model.attributes))
}
// TODO: the model should read these directly off the passed fileInfoModel
var attributes = {
itemType: this.model.isDirectory() ? 'folder' : 'file',
itemSource: this.model.get('id'),
possiblePermissions: this.model.get('sharePermissions')
}
var configModel = new OC.Share.ShareConfigModel()
var shareModel = new OC.Share.ShareItemModel(attributes, {
configModel: configModel,
fileInfoModel: this.model
})
this._dialog = new OC.Share.ShareDialogView({
configModel: configModel,
model: shareModel
})
this.$el.find('.dialogContainer').append(this._dialog.$el)
this._dialog.render()
this._dialog.model.fetch()
this._dialog.model.on('change', function() {
self.trigger('sharesChanged', shareModel)
})
import('./collaborationresources').then((Resources) => {
var vm = new Resources.Vue({
el: '#collaborationResources',
render: h => h(Resources.View),
data: {
model: this.model.toJSON()
}
})
this.model.on('change', () => { vm.data = this.model.toJSON() })
})
} else {
this.$el.empty()
// TODO: render placeholder text?
}
this.trigger('rendered')
}
})
OCA.Sharing.ShareTabView = ShareTabView
})()