[ADD/IMP] Added RTL support which depends on language direction(left-to-right/right-to-left), Display language flag icon in User profile
This commit is contained in:
parent
b2f2d45dc6
commit
5c5629ae10
9
addons/web/static/lib/rtl/bootstrap-rtl.min.css
vendored
Normal file
9
addons/web/static/lib/rtl/bootstrap-rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
0
addons/web/static/lib/rtl/flectra-rtl-custom.css
Normal file
0
addons/web/static/lib/rtl/flectra-rtl-custom.css
Normal file
|
@ -140,8 +140,10 @@ var UserProfile = Widget.extend({
|
||||||
});
|
});
|
||||||
return this._super.apply(this, arguments).then(function () {
|
return this._super.apply(this, arguments).then(function () {
|
||||||
var $avatar = self.$('.profile_pic img');
|
var $avatar = self.$('.profile_pic img');
|
||||||
|
var $lang_logo = self.$('img.profile_lang');
|
||||||
if (!session.uid) {
|
if (!session.uid) {
|
||||||
$avatar.attr('src', $avatar.data('default-src'));
|
$avatar.attr('src', $avatar.data('default-src'));
|
||||||
|
$lang_logo.attr('src', $lang_logo.data('default-src'));
|
||||||
return $.when();
|
return $.when();
|
||||||
}
|
}
|
||||||
self.$('.profile_name').text(session.name);
|
self.$('.profile_name').text(session.name);
|
||||||
|
@ -154,6 +156,37 @@ var UserProfile = Widget.extend({
|
||||||
field: 'image_small',
|
field: 'image_small',
|
||||||
id: session.uid,
|
id: session.uid,
|
||||||
});
|
});
|
||||||
|
self._rpc({
|
||||||
|
model: 'res.lang',
|
||||||
|
method: 'search_read',
|
||||||
|
args: [[["code", "=", session.user_context.lang]], ['name', 'direction']],
|
||||||
|
}).then(function(lang_data){
|
||||||
|
var img_src = session.url('/web/image', {
|
||||||
|
model:'res.lang',
|
||||||
|
field: 'image',
|
||||||
|
id: lang_data[0].id,
|
||||||
|
});
|
||||||
|
$lang_logo.attr('title', lang_data[0].name).attr('src', img_src).attr('data-lang-dir', lang_data[0].direction);
|
||||||
|
|
||||||
|
// Web RTL(Right to Left) Snippet
|
||||||
|
if (lang_data[0].direction == 'rtl') {
|
||||||
|
var head = document.getElementsByTagName('head')[0];
|
||||||
|
|
||||||
|
// BootStrap RTL CSS
|
||||||
|
var link = document.createElement('link');
|
||||||
|
link.rel = 'stylesheet';
|
||||||
|
link.type = 'text/css';
|
||||||
|
link.href = '/web/static/lib/rtl/bootstrap-rtl.min.css';
|
||||||
|
head.appendChild(link);
|
||||||
|
|
||||||
|
// Flectra RTL Custom CSS
|
||||||
|
var link1 = document.createElement('link');
|
||||||
|
link1.rel = 'stylesheet';
|
||||||
|
link1.type = 'text/css';
|
||||||
|
link1.href = '/web/static/lib/rtl/flectra-rtl-custom.css';
|
||||||
|
head.appendChild(link1);
|
||||||
|
}
|
||||||
|
});
|
||||||
$avatar.attr('src', avatar_src);
|
$avatar.attr('src', avatar_src);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
|
@ -51,6 +51,12 @@
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
> img {
|
||||||
|
position: absolute;
|
||||||
|
margin-top: -8px;
|
||||||
|
margin-left: -8px;
|
||||||
|
max-height: 30px;
|
||||||
|
}
|
||||||
.profile_info {
|
.profile_info {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
@ -1370,6 +1370,7 @@
|
||||||
|
|
||||||
<t t-name="UserProfile">
|
<t t-name="UserProfile">
|
||||||
<div class="user_profile close_profile">
|
<div class="user_profile close_profile">
|
||||||
|
<img class="profile_lang" t-att-src="_s + '/web/static/src/img/placeholder.png'"/>
|
||||||
<div class="profile_pic">
|
<div class="profile_pic">
|
||||||
<img class="img-circle" t-att-src="_s + '/web/static/src/img/user_menu_avatar.png'"/>
|
<img class="img-circle" t-att-src="_s + '/web/static/src/img/user_menu_avatar.png'"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user