publish muk_web_utils - 12.0

muk_web_utils/__manifest__.py

@@ -20,7 +20,7 @@
 {
     "name": "MuK Web Utils",
     "summary": """Utility Features""",
-    "version": "12.0.2.4.11",
+    "version": "12.0.2.5.0",
     "category": "Extra Tools",
     "license": "AGPL-3",
     "author": "MuK IT",

muk_web_utils/doc/changelog.rst

@@ -1,3 +1,8 @@
+`2.5.0`
+-------
+
+- Added color field widget
+
 `2.4.0`
 -------
 

muk_web_utils/static/src/js/fields/color.js

@@ -0,0 +1,58 @@
+/**********************************************************************************
+* 
+*    Copyright (C) 2017 MuK IT GmbH
+*
+*    This program is free software: you can redistribute it and/or modify
+*    it under the terms of the GNU Affero General Public License as
+*    published by the Free Software Foundation, either version 3 of the
+*    License, or (at your option) any later version.
+*
+*    This program is distributed in the hope that it will be useful,
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*    GNU Affero General Public License for more details.
+*
+*    You should have received a copy of the GNU Affero General Public License
+*    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*
+**********************************************************************************/
+
+odoo.define('muk_web_utils.ColorChar', function (require) {
+"use strict";
+
+var core = require('web.core');
+var fields = require('web.basic_fields');
+var registry = require('web.field_registry');
+var colorpicker = require('web.colorpicker');
+
+var _t = core._t;
+var QWeb = core.qweb;
+
+var FieldColor = fields.DebouncedField.extend({
+	events: _.extend({}, fields.FieldChar.prototype.events, {
+		"click .mk_field_color_button": "_onCustomColorButtonClick",
+    }),
+    template: "muk_web_utils.FieldColor",
+    supportedFieldTypes: ['char'],
+    _renderEdit: function () {
+        this.$('.mk_field_color_input').val(this._formatValue(this.value));
+    },
+    _renderReadonly: function () {
+        this.$el.text(this._formatValue(this.value));
+    },
+    _onCustomColorButtonClick: function () {
+        var ColorpickerDialog = new colorpicker(this, {
+        	dialogClass: 'mk_field_color_picker'
+        });
+        ColorpickerDialog.on('colorpicker:saved', this, function (event) {
+        	this._setValue(event.data.hex);
+        });
+        ColorpickerDialog.open();
+    },
+});
+
+registry.add('color', FieldColor);
+
+return FieldColor;
+
+});

muk_web_utils/static/src/scss/color.scss

@@ -0,0 +1,42 @@
+/**********************************************************************************
+* 
+*    Copyright (C) 2017 MuK IT GmbH
+*
+*    This program is free software: you can redistribute it and/or modify
+*    it under the terms of the GNU Affero General Public License as
+*    published by the Free Software Foundation, either version 3 of the
+*    License, or (at your option) any later version.
+*
+*    This program is distributed in the hope that it will be useful,
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*    GNU Affero General Public License for more details.
+*
+*    You should have received a copy of the GNU Affero General Public License
+*    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*
+**********************************************************************************/
+
+.mk_field_color_picker {
+	.o_opacity_slider {
+		display: none ! important;
+	}
+	input#opacity {
+		display: none ! important;
+	}
+	label[for="opacity"] {
+		display: none ! important;
+	}
+}
+
+.o_field_widget.mk_field_color {
+	.mk_field_color_input {
+	    width: auto;
+		display: inline-block;
+    }
+    .mk_field_color_button {
+		display: inline-block;
+		margin-bottom: 0.25rem;
+    	line-height: 1.42rem;
+    }
+}

muk_web_utils/static/src/xml/color.xml

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--     
+	Copyright (C) 2018 MuK IT GmbH
+	
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as
+    published by the Free Software Foundation, either version 3 of the
+    License, or (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>. 
+-->
+
+<templates id="template" xml:space="preserve">
+
+<t t-name="muk_web_utils.FieldColor">
+    <span t-if="widget.mode === 'readonly'" class="mk_field_color"/>
+    <div t-if="widget.mode !== 'readonly'" class="mk_field_color">
+        <input type="text" class="o_input mk_field_color_input"
+        	t-att-name="widget.name"
+            t-att-tabindex="widget.attrs.tabindex"
+        	t-att-autocomplete="widget.attrs.autocomplete"
+            t-att-placeholder="widget.attrs.placeholder"
+            t-att-autofocus="widget.attrs.autofocus"/>
+	    <button class="btn btn-sm btn-outline-primary mk_field_color_button" type="button">
+		    <span class="fa fa-paint-brush"></span>
+		</button>
+    </div>
+</t>
+
+</templates>

muk_web_utils/template/assets.xml

@@ -35,6 +35,7 @@
 			<link rel="stylesheet" type="text/scss" href="/muk_web_utils/static/src/scss/switch.scss" />
 			<link rel="stylesheet" type="text/scss" href="/muk_web_utils/static/src/scss/dropzone.scss" />
 			<link rel="stylesheet" type="text/scss" href="/muk_web_utils/static/src/scss/module.scss" />
+			<link rel="stylesheet" type="text/scss" href="/muk_web_utils/static/src/scss/color.scss" />
 			<link rel="stylesheet" type="text/scss" href="/muk_web_utils/static/src/scss/image.scss" />
 			<link rel="stylesheet" type="text/scss" href="/muk_web_utils/static/src/scss/copy.scss" />
 			<link rel="stylesheet" type="text/scss" href="/muk_web_utils/static/src/scss/share.scss" />
@@ -48,6 +49,7 @@
 			<script type="text/javascript" src="/muk_web_utils/static/src/js/core/dialog.js" />
 			<script type="text/javascript" src="/muk_web_utils/static/src/js/services/notification_service.js" />
 			<script type="text/javascript" src="/muk_web_utils/static/src/js/widgets/notification.js" />
+			<script type="text/javascript" src="/muk_web_utils/static/src/js/fields/color.js" />
 			<script type="text/javascript" src="/muk_web_utils/static/src/js/fields/image.js" />
 			<script type="text/javascript" src="/muk_web_utils/static/src/js/fields/copy.js" />
 			<script type="text/javascript" src="/muk_web_utils/static/src/js/fields/share.js" />