[IMP] web: domain & field selector usability (+ design)

+ Document and refactor the files using the new guidelines

* Now only non-technical names are used when building field chains and
  domains (technical names can be used in debug mode).
* Better warnings are displayed when using the field and/or domain
  selector widgets (also checks domain validity in both domain field
  AND domain selector widget).

Also improve design (thanks to original work of @stefanorigano):
- Hovering 'remove' highlights the element that will be removed
- Hovering 'add node' btns shows where the new node will be created
- Restyle debug domain input field (make it similar to a text editor)
- Improve design and layout
- Resize inner fields

1 files changed, 1 insertions, 0 deletions

diff --git a/addons/web/static/src/js/fields/basic_fields.js b/addons/web/static/src/js/fields/basic_fields.js
index 136b9cc55df..3a2aa23e0e0 100644
--- a/addons/web/static/src/js/fields/basic_fields.js
+++ b/addons/web/static/src/js/fields/basic_fields.js
@@ -1570,6 +1570,7 @@ var FieldDomain = AbstractField.extend({
     isValid: function () {
         return (
             this._super.apply(this, arguments)
+            && (!this.domainSelector || this.domainSelector.isValid())
             && this._isValidForModel
         );
     },