Add new icons for bimView toggle button

app/assets/stylesheets/fonts/_openproject_icon_definitions.scss

@@ -1426,93 +1426,99 @@
 .icon-view-list:before {
 	content: "\f1ed";
 }
-@mixin icon-mixin-view-split {
+@mixin icon-mixin-view-model {
     content: "\f1ee";
 }
-.icon-view-split:before {
+.icon-view-model:before {
 	content: "\f1ee";
 }
-@mixin icon-mixin-view-split2 {
+@mixin icon-mixin-view-split {
     content: "\f1ef";
 }
-.icon-view-split2:before {
+.icon-view-split:before {
 	content: "\f1ef";
 }
-@mixin icon-mixin-view-timeline {
+@mixin icon-mixin-view-split2 {
     content: "\f1f0";
 }
-.icon-view-timeline:before {
+.icon-view-split2:before {
 	content: "\f1f0";
 }
-@mixin icon-mixin-warning {
+@mixin icon-mixin-view-timeline {
     content: "\f1f1";
 }
-.icon-warning:before {
+.icon-view-timeline:before {
 	content: "\f1f1";
 }
-@mixin icon-mixin-watched {
+@mixin icon-mixin-warning {
     content: "\f1f2";
 }
-.icon-watched:before {
+.icon-warning:before {
 	content: "\f1f2";
 }
-@mixin icon-mixin-wiki-edit {
+@mixin icon-mixin-watched {
     content: "\f1f3";
 }
-.icon-wiki-edit:before {
+.icon-watched:before {
 	content: "\f1f3";
 }
-@mixin icon-mixin-wiki {
+@mixin icon-mixin-wiki-edit {
     content: "\f1f4";
 }
-.icon-wiki:before {
+.icon-wiki-edit:before {
 	content: "\f1f4";
 }
-@mixin icon-mixin-wiki2 {
+@mixin icon-mixin-wiki {
     content: "\f1f5";
 }
-.icon-wiki2:before {
+.icon-wiki:before {
 	content: "\f1f5";
 }
-@mixin icon-mixin-work-packages {
+@mixin icon-mixin-wiki2 {
     content: "\f1f6";
 }
-.icon-work-packages:before {
+.icon-wiki2:before {
 	content: "\f1f6";
 }
-@mixin icon-mixin-workflow {
+@mixin icon-mixin-work-packages {
     content: "\f1f7";
 }
-.icon-workflow:before {
+.icon-work-packages:before {
 	content: "\f1f7";
 }
-@mixin icon-mixin-yes {
+@mixin icon-mixin-workflow {
     content: "\f1f8";
 }
-.icon-yes:before {
+.icon-workflow:before {
 	content: "\f1f8";
 }
-@mixin icon-mixin-zen-mode {
+@mixin icon-mixin-yes {
     content: "\f1f9";
 }
-.icon-zen-mode:before {
+.icon-yes:before {
 	content: "\f1f9";
 }
-@mixin icon-mixin-zoom-auto {
+@mixin icon-mixin-zen-mode {
     content: "\f1fa";
 }
-.icon-zoom-auto:before {
+.icon-zen-mode:before {
 	content: "\f1fa";
 }
-@mixin icon-mixin-zoom-in {
+@mixin icon-mixin-zoom-auto {
     content: "\f1fb";
 }
-.icon-zoom-in:before {
+.icon-zoom-auto:before {
 	content: "\f1fb";
 }
-@mixin icon-mixin-zoom-out {
+@mixin icon-mixin-zoom-in {
     content: "\f1fc";
 }
-.icon-zoom-out:before {
+.icon-zoom-in:before {
 	content: "\f1fc";
 }
+@mixin icon-mixin-zoom-out {
+    content: "\f1fd";
+}
+.icon-zoom-out:before {
+	content: "\f1fd";
+}

app/assets/stylesheets/fonts/_openproject_icon_font.lsg

@@ -240,6 +240,7 @@
 <li><span class="icon icon-view-card"></span>view-card</li>
 <li><span class="icon icon-view-fullscreen"></span>view-fullscreen</li>
 <li><span class="icon icon-view-list"></span>view-list</li>
+<li><span class="icon icon-view-model"></span>view-model</li>
 <li><span class="icon icon-view-split"></span>view-split</li>
 <li><span class="icon icon-view-split2"></span>view-split2</li>
 <li><span class="icon icon-view-timeline"></span>view-timeline</li>

frontend/src/app/modules/bim/ifc_models/pages/viewer/bim-view.service.ts

@@ -52,7 +52,7 @@ export class BimViewService implements OnDestroy {
 
   public icon:any = {
     list: 'icon-view-card',
-    viewer: 'icon-modules',
+    viewer: 'icon-view-model',
     split: 'icon-view-split2'
   };
 

vendor/openproject-icon-font/src/view-card.svg

@@ -1,10 +1,3 @@
-<svg viewBox="0 0 512 512" width="512" height="512" xmlns="http://www.w3.org/2000/svg">
- <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
- <g>
-  <title>Layer 1</title>
-  <rect id="svg_3" height="192" width="245" y="53" x="0" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="#000000"/>
-  <rect id="svg_5" height="192" width="245" y="53" x="267" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="#000000"/>
-  <rect id="svg_6" height="192" width="245" y="276" x="0" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="#000000"/>
-  <rect id="svg_7" height="192" width="245" y="276" x="267" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="#000000"/>
- </g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512" width="512" height="512"><defs><path d="M238.93 17.07C238.93 17.07 238.93 17.07 238.93 17.07C238.93 98.99 238.93 144.5 238.93 153.6C238.93 153.6 238.93 153.6 238.93 153.6C95.57 153.6 15.93 153.6 0 153.6C0 153.6 0 153.6 0 153.6C0 71.68 0 26.17 0 17.07C0 17.07 0 17.07 0 17.07C143.36 17.07 223 17.07 238.93 17.07Z" id="bXCUbIQNd"></path><path d="M238.93 187.73C238.93 187.73 238.93 187.73 238.93 187.73C238.93 269.65 238.93 315.16 238.93 324.27C238.93 324.27 238.93 324.27 238.93 324.27C95.57 324.27 15.93 324.27 0 324.27C0 324.27 0 324.27 0 324.27C0 242.35 0 196.84 0 187.73C0 187.73 0 187.73 0 187.73C143.36 187.73 223 187.73 238.93 187.73Z" id="fghIAiEbb"></path><path d="M512 187.73C512 187.73 512 187.73 512 187.73C512 269.65 512 315.16 512 324.27C512 324.27 512 324.27 512 324.27C368.64 324.27 289 324.27 273.07 324.27C273.07 324.27 273.07 324.27 273.07 324.27C273.07 242.35 273.07 196.84 273.07 187.73C273.07 187.73 273.07 187.73 273.07 187.73C416.43 187.73 496.07 187.73 512 187.73Z" id="a2TqwBhET"></path><path d="M238.93 358.4C238.93 358.4 238.93 358.4 238.93 358.4C238.93 440.32 238.93 485.83 238.93 494.93C238.93 494.93 238.93 494.93 238.93 494.93C95.57 494.93 15.93 494.93 0 494.93C0 494.93 0 494.93 0 494.93C0 413.01 0 367.5 0 358.4C0 358.4 0 358.4 0 358.4C143.36 358.4 223 358.4 238.93 358.4Z" id="a2g3Po2Cag"></path><path d="M512 17.07C512 17.07 512 17.07 512 17.07C512 98.99 512 144.5 512 153.6C512 153.6 512 153.6 512 153.6C368.64 153.6 289 153.6 273.07 153.6C273.07 153.6 273.07 153.6 273.07 153.6C273.07 71.68 273.07 26.17 273.07 17.07C273.07 17.07 273.07 17.07 273.07 17.07C416.43 17.07 496.07 17.07 512 17.07Z" id="bMyqMQIV1"></path></defs><g><g><g><use xlink:href="#bXCUbIQNd" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#bXCUbIQNd" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#fghIAiEbb" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#fghIAiEbb" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#a2TqwBhET" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#a2TqwBhET" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#a2g3Po2Cag" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#a2g3Po2Cag" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#bMyqMQIV1" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#bMyqMQIV1" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g></g></g></svg>

vendor/openproject-icon-font/src/view-model.svg

@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512" width="512" height="512"><defs><path d="M478.36 119.33L256 0L33.64 119.33L256 242.9L256 242.9L478.36 119.33Z" id="a245osViw"></path><path d="M291.41 512L503.86 398.34L503.86 185.89L291.41 304.15L291.41 304.15L291.41 512Z" id="c2nCiFUnRi"></path><path d="M8.14 185.89L8.14 398.34L220.59 512L220.59 304.15L220.59 304.15L8.14 185.89Z" id="dGesvv9Dk"></path></defs><g><g><g><use xlink:href="#a245osViw" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#a245osViw" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#c2nCiFUnRi" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#c2nCiFUnRi" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#dGesvv9Dk" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#dGesvv9Dk" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g></g></g></svg>

vendor/openproject-icon-font/src/view-split2.svg

@@ -1,3 +1,3 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 640 640" width="640" height="640"><defs><path d="M640 520L400 520L400 440L640 440L640 520ZM640 400L400 400L400 320L640 320L640 400ZM640 280L400 280L400 200L640 200L640 280ZM640 160L400 160L400 80L640 80L640 160ZM360 520L0 520L0 80L360 80L360 520Z" id="c4bW0ThDgS"></path></defs><g><g><g><use xlink:href="#c4bW0ThDgS" opacity="1" fill="#000000" fill-opacity="1"></use><g><use xlink:href="#c4bW0ThDgS" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g></g></g></svg>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512" width="512" height="512"><defs><path d="M512 95.05C512 95.05 512 95.05 512 95.05C512 148.48 512 178.16 512 184.1C512 184.1 512 184.1 512 184.1C418.5 184.1 366.56 184.1 356.17 184.1C356.17 184.1 356.17 184.1 356.17 184.1C356.17 130.67 356.17 100.99 356.17 95.05C356.17 95.05 356.17 95.05 356.17 95.05C449.67 95.05 501.61 95.05 512 95.05Z" id="n4lcuk0mHb"></path><path d="M512 206.36C512 206.36 512 206.36 512 206.36C512 259.78 512 289.47 512 295.4C512 295.4 512 295.4 512 295.4C418.5 295.4 366.56 295.4 356.17 295.4C356.17 295.4 356.17 295.4 356.17 295.4C356.17 241.98 356.17 212.29 356.17 206.36C356.17 206.36 356.17 206.36 356.17 206.36C449.67 206.36 501.61 206.36 512 206.36Z" id="fKErAwoZ7"></path><path d="M512 317.66C512 317.66 512 317.66 512 317.66C512 371.09 512 400.77 512 406.71C512 406.71 512 406.71 512 406.71C418.5 406.71 366.56 406.71 356.17 406.71C356.17 406.71 356.17 406.71 356.17 406.71C356.17 353.28 356.17 323.6 356.17 317.66C356.17 317.66 356.17 317.66 356.17 317.66C449.67 317.66 501.61 317.66 512 317.66Z" id="f37mSUSghe"></path><path d="M295.62 170.07L155.83 95.05L16.03 170.07L155.83 247.76L155.83 247.76L295.62 170.07Z" id="b3cI1QDLyX"></path><path d="M178.09 416.95L311.65 345.49L311.65 211.92L178.09 286.27L178.09 286.27L178.09 416.95Z" id="aaGAWyPFJ"></path><path d="M0 211.92L0 345.49L133.57 416.95L133.57 286.27L133.57 286.27L0 211.92Z" id="a3jvwNRgV6"></path></defs><g><g><g><use xlink:href="#n4lcuk0mHb" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#n4lcuk0mHb" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#fKErAwoZ7" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#fKErAwoZ7" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#f37mSUSghe" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#f37mSUSghe" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#b3cI1QDLyX" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#b3cI1QDLyX" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#aaGAWyPFJ" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#aaGAWyPFJ" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#a3jvwNRgV6" opacity="1" fill="#333333" fill-opacity="1"></use><g><use xlink:href="#a3jvwNRgV6" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g></g></g></svg>