Techsystech
/
web_techsystech
forked from Techsystech/web
3
0
Fork 0
Code Pull Requests Activity

[IMP] web_widget_model_viewer: black, isort, prettier

14.0
Marco Colombo 2021-10-07 13:22:00 +02:00
parent 495b040f12
commit 1e6942bd3f
5 changed files with 123 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
setup/web_widget_model_viewer/odoo/addons/web_widget_model_viewer 120000
View File

@ -0,0 +1 @@
../../../../web_widget_model_viewer

6
setup/web_widget_model_viewer/setup.py 100644
View File

@ -0,0 +1,6 @@
import setuptools
setuptools.setup(
setup_requires=['setuptools-odoo'],
odoo_addon=True,
)

87
web_widget_model_viewer/static/src/js/web_widget_model_viewer.js
View File

@ -1,34 +1,33 @@
// Copyright 2020 Lorenzo Battistini @ TAKOBI
// Copyright 2020 Andrea Piovesana @ Openindustry.it
odoo.define('web_widget_model_viewer.FieldBinaryModelViewer', function (require) {
odoo.define("web_widget_model_viewer.FieldBinaryModelViewer", function (require) {
"use strict";
var BasicFields = require('web.basic_fields');
var core = require('web.core');
var registry = require('web.field_registry');
var session = require('web.session');
var utils = require('web.utils');
var BasicFields = require("web.basic_fields");
var core = require("web.core");
var registry = require("web.field_registry");
var session = require("web.session");
var utils = require("web.utils");
var _t = core._t;
var qweb = core.qweb;
var FieldBinaryModelViewer = BasicFields.FieldBinaryFile.extend({
template: 'FieldBinaryModelViewer',
template: "FieldBinaryModelViewer",
events: _.extend({}, BasicFields.FieldBinaryFile.prototype.events, {
'click': function () {
click: function () {
if (this.mode === "readonly") {
this.trigger_up('bounce_edit');
this.trigger_up("bounce_edit");
}
},
'click #model-viewer-fullscreen': 'fullscreen',
"click #model-viewer-fullscreen": "fullscreen",
}),
supportedFieldTypes: ['binary'],
supportedFieldTypes: ["binary"],
init: function () {
this._super.apply(this, arguments);
var max_upload_size = this.attrs.max_upload_size;
if (max_upload_size) {
this.max_upload_size = parseInt(max_upload_size) * 1024 * 1024;
}
else {
} else {
this.max_upload_size = 250 * 1024 * 1024; // 250M
}
},
@ -37,61 +36,77 @@ odoo.define('web_widget_model_viewer.FieldBinaryModelViewer', function (require)
var url = "";
if (this.value) {
if (!utils.is_bin_size(this.value)) {
url = 'data:model/gltf-binary;base64,' + this.value;
url = "data:model/gltf-binary;base64," + this.value;
} else {
url = session.url('/web/content', {
url = session.url("/web/content", {
model: this.model,
id: JSON.stringify(this.res_id),
field: this.name,
});
}
}
var $glb = $(qweb.render("FieldBinaryModelViewer-glb", {widget: this, url: url}));
var $glb = $(
qweb.render("FieldBinaryModelViewer-glb", {widget: this, url: url})
);
var style = this.attrs.style;
if (style) {
$glb.attr('style', style);
$glb.attr("style", style);
}
this.$('> model-viewer').remove();
this.$("> model-viewer").remove();
this.$el.prepend($glb);
$glb.on('error', function () {
$glb.on("error", function () {
self._clearFile();
$glb.attr('src', "");
self.do_warn(_t("3D model"), _t("Could not display the selected model."));
$glb.attr("src", "");
self.do_warn(
_t("3D model"),
_t("Could not display the selected model.")
);
});
},
fullscreen: function (ev) {
var isFullscreenAvailable = document.fullscreenEnabled || document.mozFullScreenEnabled || document.webkitFullscreenEnabled || document.msFullscreenEnabled || false;
var isFullscreenAvailable =
document.fullscreenEnabled ||
document.mozFullScreenEnabled ||
document.webkitFullscreenEnabled ||
document.msFullscreenEnabled ||
false;
var modelViewerElem = ev.target.parentElement.parentElement.parentElement;
if (isFullscreenAvailable) {
var fullscreenElement = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement;
var fullscreenElement =
document.fullscreenElement ||
document.mozFullScreenElement ||
document.webkitFullscreenElement ||
document.msFullscreenElement;
if (fullscreenElement) {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) { /* Firefox */
} else if (document.mozCancelFullScreen) {
/* Firefox */
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
} else if (document.webkitExitFullscreen) {
/* Chrome, Safari and Opera */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) { /* IE/Edge */
} else if (document.msExitFullscreen) {
/* IE/Edge */
document.msExitFullscreen();
}
}
else {
if (modelViewerElem.requestFullscreen) {
} else if (modelViewerElem.requestFullscreen) {
modelViewerElem.requestFullscreen();
} else if (modelViewerElem.mozRequestFullScreen) { /* Firefox */
} else if (modelViewerElem.mozRequestFullScreen) {
/* Firefox */
modelViewerElem.mozRequestFullScreen();
} else if (modelViewerElem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
} else if (modelViewerElem.webkitRequestFullscreen) {
/* Chrome, Safari and Opera */
modelViewerElem.webkitRequestFullscreen();
} else if (modelViewerElem.msRequestFullscreen) { /* IE/Edge */
} else if (modelViewerElem.msRequestFullscreen) {
/* IE/Edge */
modelViewerElem.msRequestFullscreen();
}
}
}
else {
} else {
console.error("ERROR : full screen not supported by web browser");
}
},
});
registry.add('model_viewer', FieldBinaryModelViewer);
registry.add("model_viewer", FieldBinaryModelViewer);
});

28
web_widget_model_viewer/static/src/xml/web_widget_model_viewer.xml
View File

@ -1,11 +1,23 @@
<?xml version="1.0" encoding="UTF-8" ?>
<templates id="template" xml:space="preserve">
<t t-name="FieldBinaryModelViewer">
<div class="o_field_image" aria-atomic="true" style="background-color: #FFFFFF;">
<div
class="o_field_image"
aria-atomic="true"
style="background-color: #FFFFFF;"
>
<t t-if="widget.mode !== 'readonly'">
<div class="o_form_image_controls">
<button class="fa fa-pencil float-left o_select_file_button fa-2x" title="Edit" aria-label="Edit"/>
<button class="fa fa-trash-o float-right o_clear_file_button fa-2x" title="Clear" aria-label="Clear"/>
<button
class="fa fa-pencil float-left o_select_file_button fa-2x"
title="Edit"
aria-label="Edit"
/>
<button
class="fa fa-trash-o float-right o_clear_file_button fa-2x"
title="Clear"
aria-label="Clear"
/>
<span class="o_form_binary_progress">Uploading...</span>
<t t-call="HiddenInputFile">
@ -23,9 +35,15 @@
t-att-name="widget.name"
alt="3D model"
auto-rotate="1"
camera-controls="1">
camera-controls="1"
>
<div class="text-center mt-2 mb-2 mr-2">
<span id="model-viewer-fullscreen" title="View fullscreen" role="img" aria-label="Fullscreen">
<span
id="model-viewer-fullscreen"
title="View fullscreen"
role="img"
aria-label="Fullscreen"
>
<i class="fa fa-arrows-alt fa-2x" />
</span>
</div>

27
web_widget_model_viewer/views/assets.xml
View File

@ -1,14 +1,31 @@
<?xml version="1.0" encoding="utf-8" ?>
<odoo>
<template id="web_layout_model_viewer" name="Web layout Model viewer" inherit_id="web.layout">
<template
id="web_layout_model_viewer"
name="Web layout Model viewer"
inherit_id="web.layout"
>
<xpath expr="//meta[@name='viewport']" position="after">
<script type="module" src="/web_widget_model_viewer/static/lib/model-viewer.min.js" />
<script nomodule="1" src="/web_widget_model_viewer/static/lib/model-viewer-legacy.js" />
<script
type="module"
src="/web_widget_model_viewer/static/lib/model-viewer.min.js"
/>
<script
nomodule="1"
src="/web_widget_model_viewer/static/lib/model-viewer-legacy.js"
/>
</xpath>
</template>
<template id="assets_backend" name="web_widget_model_viewer assets" inherit_id="web.assets_backend">
<template
id="assets_backend"
name="web_widget_model_viewer assets"
inherit_id="web.assets_backend"
>
<xpath expr="." position="inside">
<script type="text/javascript" src="/web_widget_model_viewer/static/src/js/web_widget_model_viewer.js" />
<script
type="text/javascript"
src="/web_widget_model_viewer/static/src/js/web_widget_model_viewer.js"
/>
</xpath>
</template>
</odoo>