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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
|
odoo.define('website.s_facebook_page_options', function (require) {
'use strict';
const options = require('web_editor.snippets.options');
options.registry.facebookPage = options.Class.extend({
/**
* Initializes the required facebook page data to create the iframe.
*
* @override
*/
willStart: function () {
var defs = [this._super.apply(this, arguments)];
var defaults = {
href: '',
height: 215,
width: 350,
tabs: '',
small_header: true,
hide_cover: true,
show_facepile: false,
};
this.fbData = _.defaults(_.pick(this.$target.data(), _.keys(defaults)), defaults);
if (!this.fbData.href) {
// Fetches the default url for facebook page from website config
var self = this;
defs.push(this._rpc({
model: 'website',
method: 'search_read',
args: [[], ['social_facebook']],
limit: 1,
}).then(function (res) {
if (res) {
self.fbData.href = res[0].social_facebook || '';
}
}));
}
return Promise.all(defs).then(() => this._markFbElement()).then(() => this._refreshPublicWidgets());
},
//--------------------------------------------------------------------------
// Options
//--------------------------------------------------------------------------
/**
* Toggles a checkbox option.
*
* @see this.selectClass for parameters
* @param {String} optionName the name of the option to toggle
*/
toggleOption: function (previewMode, widgetValue, params) {
let optionName = params.optionName;
if (optionName.startsWith('tab.')) {
optionName = optionName.replace('tab.', '');
if (widgetValue) {
this.fbData.tabs = this.fbData.tabs
.split(',')
.filter(t => t !== '')
.concat([optionName])
.join(',');
} else {
this.fbData.tabs = this.fbData.tabs
.split(',')
.filter(t => t !== optionName)
.join(',');
}
} else {
if (optionName === 'show_cover') {
this.fbData.hide_cover = !widgetValue;
} else {
this.fbData[optionName] = widgetValue;
}
}
return this._markFbElement();
},
/**
* Sets the facebook page's URL.
*
* @see this.selectClass for parameters
*/
pageUrl: function (previewMode, widgetValue, params) {
this.fbData.href = widgetValue;
return this._markFbElement();
},
//--------------------------------------------------------------------------
// Private
//--------------------------------------------------------------------------
/**
* Sets the correct dataAttributes on the facebook iframe and refreshes it.
*
* @see this.selectClass for parameters
*/
_markFbElement: function () {
return this._checkURL().then(() => {
// Managing height based on options
if (this.fbData.tabs) {
this.fbData.height = this.fbData.tabs === 'events' ? 300 : 500;
} else if (this.fbData.small_header) {
this.fbData.height = this.fbData.show_facepile ? 165 : 70;
} else {
this.fbData.height = this.fbData.show_facepile ? 225 : 150;
}
_.each(this.fbData, (value, key) => {
this.$target.attr('data-' + key, value);
this.$target.data(key, value);
});
});
},
/**
* @override
*/
_computeWidgetState: function (methodName, params) {
const optionName = params.optionName;
switch (methodName) {
case 'toggleOption': {
if (optionName.startsWith('tab.')) {
return this.fbData.tabs.split(',').includes(optionName.replace(/^tab./, ''));
} else {
if (optionName === 'show_cover') {
return !this.fbData.hide_cover;
}
return this.fbData[optionName];
}
}
case 'pageUrl': {
return this._checkURL().then(() => this.fbData.href);
}
}
return this._super(...arguments);
},
/**
* @private
*/
_checkURL: function () {
const defaultURL = 'https://www.facebook.com/Odoo';
const match = this.fbData.href.match(/^(?:https?:\/\/)?(?:www\.)?(?:fb|facebook)\.com\/(?:([\w.]+)|[^/?#]+-([0-9]{15,16}))(?:$|[/?# ])/);
if (match) {
// Check if the page exists on Facebook or not
return new Promise((resolve, reject) => $.ajax({
url: 'https://graph.facebook.com/' + (match[2] || match[1]) + '/picture',
success: () => resolve(),
error: () => {
this.fbData.href = defaultURL;
resolve();
},
}));
}
this.fbData.href = defaultURL;
return Promise.resolve();
},
});
});
|
