diff --git a/addons/web/__manifest__.py b/addons/web/__manifest__.py index 23859771be8..c797b2571f3 100644 --- a/addons/web/__manifest__.py +++ b/addons/web/__manifest__.py @@ -267,6 +267,7 @@ This module provides the core of the Odoo Web Client. 'base/static/src/css/description.css', 'web/static/src/libs/fontawesome/css/font-awesome.css', + 'web/static/lib/odoo_ui_icons/*', 'web/static/fonts/fonts.scss', 'web/static/src/legacy/scss/report.scss', 'web/static/src/legacy/scss/layout_standard.scss', @@ -329,6 +330,7 @@ This module provides the core of the Odoo Web Client. 'web/static/lib/tempusdominus/tempusdominus.scss', 'web/static/lib/jquery.ui/jquery-ui.css', 'web/static/src/libs/fontawesome/css/font-awesome.css', + 'web/static/lib/odoo_ui_icons/*', 'web/static/lib/select2/select2.css', 'web/static/lib/select2-bootstrap-css/select2-bootstrap.css', 'web/static/lib/daterangepicker/daterangepicker.css', diff --git a/addons/web/static/lib/odoo_ui_icons/LICENSE.md b/addons/web/static/lib/odoo_ui_icons/LICENSE.md new file mode 100644 index 00000000000..45efb797c61 --- /dev/null +++ b/addons/web/static/lib/odoo_ui_icons/LICENSE.md @@ -0,0 +1,201 @@ + Apache License + Version 2.0, January 2004 + http://www.apache.org/licenses/ + +TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION + +1. Definitions. + + "License" shall mean the terms and conditions for use, reproduction, + and distribution as defined by Sections 1 through 9 of this document. + + "Licensor" shall mean the copyright owner or entity authorized by + the copyright owner that is granting the License. + + "Legal Entity" shall mean the union of the acting entity and all + other entities that control, are controlled by, or are under common + control with that entity. For the purposes of this definition, + "control" means (i) the power, direct or indirect, to cause the + direction or management of such entity, whether by contract or + otherwise, or (ii) ownership of fifty percent (50%) or more of the + outstanding shares, or (iii) beneficial ownership of such entity. + + "You" (or "Your") shall mean an individual or Legal Entity + exercising permissions granted by this License. + + "Source" form shall mean the preferred form for making modifications, + including but not limited to software source code, documentation + source, and configuration files. + + "Object" form shall mean any form resulting from mechanical + transformation or translation of a Source form, including but + not limited to compiled object code, generated documentation, + and conversions to other media types. + + "Work" shall mean the work of authorship, whether in Source or + Object form, made available under the License, as indicated by a + copyright notice that is included in or attached to the work + (an example is provided in the Appendix below). + + "Derivative Works" shall mean any work, whether in Source or Object + form, that is based on (or derived from) the Work and for which the + editorial revisions, annotations, elaborations, or other modifications + represent, as a whole, an original work of authorship. For the purposes + of this License, Derivative Works shall not include works that remain + separable from, or merely link (or bind by name) to the interfaces of, + the Work and Derivative Works thereof. + + "Contribution" shall mean any work of authorship, including + the original version of the Work and any modifications or additions + to that Work or Derivative Works thereof, that is intentionally + submitted to Licensor for inclusion in the Work by the copyright owner + or by an individual or Legal Entity authorized to submit on behalf of + the copyright owner. For the purposes of this definition, "submitted" + means any form of electronic, verbal, or written communication sent + to the Licensor or its representatives, including but not limited to + communication on electronic mailing lists, source code control systems, + and issue tracking systems that are managed by, or on behalf of, the + Licensor for the purpose of discussing and improving the Work, but + excluding communication that is conspicuously marked or otherwise + designated in writing by the copyright owner as "Not a Contribution." + + "Contributor" shall mean Licensor and any individual or Legal Entity + on behalf of whom a Contribution has been received by Licensor and + subsequently incorporated within the Work. + +2. Grant of Copyright License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + copyright license to reproduce, prepare Derivative Works of, + publicly display, publicly perform, sublicense, and distribute the + Work and such Derivative Works in Source or Object form. + +3. Grant of Patent License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + (except as stated in this section) patent license to make, have made, + use, offer to sell, sell, import, and otherwise transfer the Work, + where such license applies only to those patent claims licensable + by such Contributor that are necessarily infringed by their + Contribution(s) alone or by combination of their Contribution(s) + with the Work to which such Contribution(s) was submitted. If You + institute patent litigation against any entity (including a + cross-claim or counterclaim in a lawsuit) alleging that the Work + or a Contribution incorporated within the Work constitutes direct + or contributory patent infringement, then any patent licenses + granted to You under this License for that Work shall terminate + as of the date such litigation is filed. + +4. Redistribution. You may reproduce and distribute copies of the + Work or Derivative Works thereof in any medium, with or without + modifications, and in Source or Object form, provided that You + meet the following conditions: + + (a) You must give any other recipients of the Work or + Derivative Works a copy of this License; and + + (b) You must cause any modified files to carry prominent notices + stating that You changed the files; and + + (c) You must retain, in the Source form of any Derivative Works + that You distribute, all copyright, patent, trademark, and + attribution notices from the Source form of the Work, + excluding those notices that do not pertain to any part of + the Derivative Works; and + + (d) If the Work includes a "NOTICE" text file as part of its + distribution, then any Derivative Works that You distribute must + include a readable copy of the attribution notices contained + within such NOTICE file, excluding those notices that do not + pertain to any part of the Derivative Works, in at least one + of the following places: within a NOTICE text file distributed + as part of the Derivative Works; within the Source form or + documentation, if provided along with the Derivative Works; or, + within a display generated by the Derivative Works, if and + wherever such third-party notices normally appear. The contents + of the NOTICE file are for informational purposes only and + do not modify the License. You may add Your own attribution + notices within Derivative Works that You distribute, alongside + or as an addendum to the NOTICE text from the Work, provided + that such additional attribution notices cannot be construed + as modifying the License. + + You may add Your own copyright statement to Your modifications and + may provide additional or different license terms and conditions + for use, reproduction, or distribution of Your modifications, or + for any such Derivative Works as a whole, provided Your use, + reproduction, and distribution of the Work otherwise complies with + the conditions stated in this License. + +5. Submission of Contributions. Unless You explicitly state otherwise, + any Contribution intentionally submitted for inclusion in the Work + by You to the Licensor shall be under the terms and conditions of + this License, without any additional terms or conditions. + Notwithstanding the above, nothing herein shall supersede or modify + the terms of any separate license agreement you may have executed + with Licensor regarding such Contributions. + +6. Trademarks. This License does not grant permission to use the trade + names, trademarks, service marks, or product names of the Licensor, + except as required for reasonable and customary use in describing the + origin of the Work and reproducing the content of the NOTICE file. + +7. Disclaimer of Warranty. Unless required by applicable law or + agreed to in writing, Licensor provides the Work (and each + Contributor provides its Contributions) on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or + implied, including, without limitation, any warranties or conditions + of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A + PARTICULAR PURPOSE. You are solely responsible for determining the + appropriateness of using or redistributing the Work and assume any + risks associated with Your exercise of permissions under this License. + +8. Limitation of Liability. In no event and under no legal theory, + whether in tort (including negligence), contract, or otherwise, + unless required by applicable law (such as deliberate and grossly + negligent acts) or agreed to in writing, shall any Contributor be + liable to You for damages, including any direct, indirect, special, + incidental, or consequential damages of any character arising as a + result of this License or out of the use or inability to use the + Work (including but not limited to damages for loss of goodwill, + work stoppage, computer failure or malfunction, or any and all + other commercial damages or losses), even if such Contributor + has been advised of the possibility of such damages. + +9. Accepting Warranty or Additional Liability. While redistributing + the Work or Derivative Works thereof, You may choose to offer, + and charge a fee for, acceptance of support, warranty, indemnity, + or other liability obligations and/or rights consistent with this + License. However, in accepting such obligations, You may act only + on Your own behalf and on Your sole responsibility, not on behalf + of any other Contributor, and only if You agree to indemnify, + defend, and hold each Contributor harmless for any liability + incurred by, or claims asserted against, such Contributor by reason + of your accepting any such warranty or additional liability. + +END OF TERMS AND CONDITIONS + +APPENDIX: How to apply the Apache License to your work. + + To apply the Apache License to your work, attach the following + boilerplate notice, with the fields enclosed by brackets "{}" + replaced with your own identifying information. (Don't include + the brackets!) The text should be enclosed in the appropriate + comment syntax for the file format. We also recommend that a + file or class name and description of purpose be included on the + same "printed page" as the copyright notice for easier + identification within third-party archives. + +Copyright {yyyy} {name of copyright owner} + +Licensed under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. +You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software +distributed under the License is distributed on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +See the License for the specific language governing permissions and +limitations under the License. \ No newline at end of file diff --git a/addons/web/static/lib/odoo_ui_icons/Read Me.txt b/addons/web/static/lib/odoo_ui_icons/Read Me.txt new file mode 100755 index 00000000000..8868a6ee272 --- /dev/null +++ b/addons/web/static/lib/odoo_ui_icons/Read Me.txt @@ -0,0 +1,9 @@ +Odoo UI Icons - v1.2 + +Credits +- https://www.carbondesignsystem.com/guidelines/icons/library/ +- https://github.com/carbon-design-system/carbon-icons +- https://github.com/google/material-design-icons + + +Created by SRI using IconMoon (https://icomoon.io/) diff --git a/addons/web/static/lib/odoo_ui_icons/fonts/odoo_ui_icons.woff b/addons/web/static/lib/odoo_ui_icons/fonts/odoo_ui_icons.woff new file mode 100644 index 00000000000..5b17be18e0f Binary files /dev/null and b/addons/web/static/lib/odoo_ui_icons/fonts/odoo_ui_icons.woff differ diff --git a/addons/web/static/lib/odoo_ui_icons/fonts/odoo_ui_icons.woff2 b/addons/web/static/lib/odoo_ui_icons/fonts/odoo_ui_icons.woff2 new file mode 100644 index 00000000000..055a566c23f Binary files /dev/null and b/addons/web/static/lib/odoo_ui_icons/fonts/odoo_ui_icons.woff2 differ diff --git a/addons/web/static/lib/odoo_ui_icons/style.css b/addons/web/static/lib/odoo_ui_icons/style.css new file mode 100644 index 00000000000..d2d1d314548 --- /dev/null +++ b/addons/web/static/lib/odoo_ui_icons/style.css @@ -0,0 +1,341 @@ +@font-face { + font-family: 'odoo_ui_icons'; + src: url('fonts/odoo_ui_icons.woff2') format('woff2'), url('fonts/odoo_ui_icons.woff?wpto0f') format('woff'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +.oi { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'odoo_ui_icons' !important; + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.oi-odoo:before { + content: "\e900"; +} +.oi-studio--filled:before { + content: "\e901"; +} +.oi-studio:before { + content: "\e902"; +} +.oi-apps:before { + content: "\e910"; +} +.oi-discuss:before { + content: "\e90f"; +} +.oi-chart--area--filled:before { + content: "\e90d"; +} +.oi-chart--cohort:before { + content: "\e90e"; +} +.oi-filter--filled:before { + content: "\e90c"; +} +.oi-message--filled:before { + content: "\e909"; +} +.oi-message:before { + content: "\e90a"; +} +.oi-chevron-right--thick:before { + content: "\e907"; +} +.oi-chevron-left--thick:before { + content: "\e908"; +} +.oi-pencil:before { + content: "\e903"; +} +.oi-mobile:before { + content: "\e904"; +} +.oi-add--thick:before { + content: "\e905"; +} +.oi-subtract--thick:before { + content: "\e906"; +} +.oi-add:before { + content: "\e90b"; +} +.oi-alarm--add:before { + content: "\e915"; +} +.oi-align--vertical-top:before { + content: "\e91d"; +} +.oi-arrow--down:before { + content: "\e93a"; +} +.oi-arrow--left:before { + content: "\e93b"; +} +.oi-arrow--right:before { + content: "\e93c"; +} +.oi-arrow--up:before { + content: "\e93f"; +} +.oi-attachment:before { + content: "\e94c"; +} +.oi-calendar--heat-map:before { + content: "\e992"; +} +.oi-calendar:before { + content: "\e995"; +} +.oi-caret--down:before { + content: "\e99c"; +} +.oi-caret--left:before { + content: "\e99d"; +} +.oi-caret--right:before { + content: "\e99e"; +} +.oi-caret--sort--down:before { + content: "\e99f"; +} +.oi-caret--sort--up:before { + content: "\e9a0"; +} +.oi-caret--sort:before { + content: "\e9a1"; +} +.oi-caret--up:before { + content: "\e9a2"; +} +.oi-chart--bullet:before { + content: "\e9c3"; +} +.oi-chart--column:before { + content: "\e9c8"; +} +.oi-chart--line-smooth:before { + content: "\e9d2"; +} +.oi-chart--pie:before { + content: "\e9dc"; +} +.oi-chart--stacked:before { + content: "\e9e7"; +} +.oi-chat--launch:before { + content: "\e9f0"; +} +.oi-chat:before { + content: "\e9f4"; +} +.oi-checkmark:before { + content: "\ea02"; +} +.oi-chevron--down:before { + content: "\ea05"; +} +.oi-chevron--left:before { + content: "\ea06"; +} +.oi-chevron--mini:before { + content: "\ea07"; +} +.oi-chevron--right:before { + content: "\ea08"; +} +.oi-chevron--up:before { + content: "\ea0c"; +} +.oi-close:before { + content: "\ea22"; +} +.oi-connection--two-way:before { + content: "\ea51"; +} +.oi-container-software:before { + content: "\ea57"; +} +.oi-contrast:before { + content: "\ea5c"; +} +.oi-cross-tab:before { + content: "\ea6d"; +} +.oi-dashboard:before { + content: "\ea85"; +} +.oi-data--base:before { + content: "\ea89"; +} +.oi-data--check:before { + content: "\ea8b"; +} +.oi-debug:before { + content: "\eaa8"; +} +.oi-document--download:before { + content: "\eae6"; +} +.oi-event--schedule:before { + content: "\eb1d"; +} +.oi-event:before { + content: "\eb1e"; +} +.oi-filter:before { + content: "\eb42"; +} +.oi-headphones:before { + content: "\ebaa"; +} +.oi-headset:before { + content: "\ebab"; +} +.oi-launch:before { + content: "\ec06"; +} +.oi-layers:before { + content: "\ec07"; +} +.oi-map:before { + content: "\ec60"; +} +.oi-maximize:before { + content: "\ec63"; +} +.oi-menu:before { + content: "\ec6a"; +} +.oi-microphone--filled:before { + content: "\ec6e"; +} +.oi-microphone--off--filled:before { + content: "\ec6f"; +} +.oi-microphone--off:before { + content: "\ec70"; +} +.oi-microphone:before { + content: "\ec71"; +} +.oi-open-panel--filled--right:before { + content: "\ecd5"; +} +.oi-overflow-menu--horizontal:before { + content: "\ece0"; +} +.oi-overflow-menu--vertical:before { + content: "\ece1"; +} +.oi-pen:before { + content: "\ed04"; +} +.oi-phone--application:before { + content: "\ed0c"; +} +.oi-phone--filled:before { + content: "\ed0f"; +} +.oi-phone--voice--filled:before { + content: "\ed1c"; +} +.oi-phone--voice:before { + content: "\ed1d"; +} +.oi-phone:before { + content: "\ed1e"; +} +.oi-printer:before { + content: "\ed3e"; +} +.oi-reminder:before { + content: "\ed62"; +} +.oi-screen:before { + content: "\edab"; +} +.oi-search:before { + content: "\edb1"; +} +.oi-settings--adjust:before { + content: "\edc2"; +} +.oi-settings:before { + content: "\edc6"; +} +.oi-show-data--cards:before { + content: "\edd7"; +} +.oi-sort--ascending:before { + content: "\ee03"; +} +.oi-sort--descending:before { + content: "\ee04"; +} +.oi-star--filled:before { + content: "\ee0d"; +} +.oi-star--half:before { + content: "\ee0e"; +} +.oi-star:before { + content: "\ee10"; +} +.oi-subtract:before { + content: "\ee26"; +} +.oi-table--split:before { + content: "\ee35"; +} +.oi-table:before { + content: "\ee37"; +} +.oi-trash-can:before { + content: "\eeb5"; +} +.oi-user--follow:before { + content: "\eee2"; +} +.oi-user--multiple:before { + content: "\eee5"; +} +.oi-user:before { + content: "\eeef"; +} +.oi-video--filled:before { + content: "\eefe"; +} +.oi-video:before { + content: "\ef01"; +} +.oi-view-next:before { + content: "\ef07"; +} +.oi-volume--mute--filled:before { + content: "\ef1b"; +} +.oi-volume--mute:before { + content: "\ef1c"; +} +.oi-volume--up--filled:before { + content: "\ef20"; +} +.oi-volume--up:before { + content: "\ef21"; +} +.oi-alarm:before { + content: "\e917"; +} diff --git a/addons/web/static/src/webclient/icons.scss b/addons/web/static/src/webclient/icons.scss new file mode 100644 index 00000000000..87dc1e75d9a --- /dev/null +++ b/addons/web/static/src/webclient/icons.scss @@ -0,0 +1,72 @@ +// = Icons +// ============================================================================ + + +// Sizes +// ---------------------------------------------------------------------------- + +$oi-default-size: 1em; + +$oi-sizes: ( + 'small': ( + 'font-size': .8em, + 'vertical-align': 2%, + ), + 'normal': ( + 'font-size': $oi-default-size, + ), + 'large': ( + 'font-size': 1.2em, + ), + 'larger': ( + 'font-size': 1.77em, + ), +); + +// Define base-classes' properties using CSS variables. +// Allows to dinamically update rules according to the context and eventual +// utility classes. +// ---------------------------------------------------------------------------- +.oi::before { + font-size: var(--oi-font-size, $oi-default-size); + vertical-align: var(--oi-vertical-align, 0); + text-rendering: geometricPrecision; +} + +.oi-fw:before { + display: inline-block; + width: var(--oi-fw-width, $oi-default-size * 1.3); + text-align: center; +} + +// Print CSS variables for each size/breakpoint +// ---------------------------------------------------------------------------- +@each $breakpoint in map-keys($grid-breakpoints) { + @include media-breakpoint-up($breakpoint) { + $-infix: breakpoint-infix($breakpoint, $grid-breakpoints); + + @each $-key, $-values in $oi-sizes { + .oi#{$-infix}-#{$-key} { + &:before { + @each $-rule, $-value in $-values { + @include print-variable('oi-#{$-rule}', $-value); + } + } + + &.oi-fw:before { + @include print-variable('oi-fw-width', map-get($-values, 'font-size') * 1.3); + } + } + } + } +} + +// Rely on animations already defined by FontAwesome +// ---------------------------------------------------------------------------- +.oi-spin { + animation: fa-spin 2s infinite linear; +} + +.oi-pulse { + animation: fa-spin 1s infinite steps(8); +}