diff --git a/projects/common/shared.module.ts b/projects/common/shared.module.ts
index fdebce769e625b49d1408637a414fcc925ce6ef4..469eab9a04af033fe9c087bf884bddb687fad4fd 100644
--- a/projects/common/shared.module.ts
+++ b/projects/common/shared.module.ts
@@ -4,7 +4,7 @@ import { CommonModule } from '@angular/common';
import { MatButtonModule } from '@angular/material/button';
import { FlexLayoutModule } from '@angular/flex-layout';
import { MatSelectModule } from '@angular/material/select';
-import { MatIconModule } from '@angular/material/icon';
+import { MatIconModule, MatIconRegistry } from '@angular/material/icon';
import { MatInputModule } from '@angular/material/input';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MatRadioModule } from '@angular/material/radio';
@@ -41,10 +41,13 @@ import { RadioGroupImagesComponent } from './ui-elements/radio-with-images/radio
import { DropListComponent } from './ui-elements/drop-list/drop-list.component';
import { ClozeComponent } from './ui-elements/cloze/cloze.component';
import { TextFieldSimpleComponent } from './ui-elements/textfield-simple/text-field-simple.component';
+import { DomSanitizer } from '@angular/platform-browser';
+import { HttpClientModule } from '@angular/common/http';
@NgModule({
imports: [
CommonModule,
+ HttpClientModule,
FlexLayoutModule,
DragDropModule,
MatSelectModule,
@@ -101,4 +104,11 @@ import { TextFieldSimpleComponent } from './ui-elements/textfield-simple/text-fi
SafeResourceHTMLPipe
]
})
-export class SharedModule { }
+export class SharedModule {
+ constructor(iconRegistry: MatIconRegistry, private sanitizer: DomSanitizer) {
+ iconRegistry.addSvgIcon(
+ 'rubber-black',
+ sanitizer.bypassSecurityTrustResourceUrl('assets/images/rubber-black.svg')
+ );
+ }
+}
diff --git a/projects/common/ui-elements/text/text.component.ts b/projects/common/ui-elements/text/text.component.ts
index 65ca7e4a9a483e256251bc6fecd2a964ebca8cfe..6c2c46a67896a2a8ef64d6906c2446925a631cd5 100644
--- a/projects/common/ui-elements/text/text.component.ts
+++ b/projects/common/ui-elements/text/text.component.ts
@@ -43,7 +43,7 @@ import { ValueChangeElement } from '../../models/uI-element';
<button type="button"
class="marking-button" [style.background-color]="'lightgrey'" mat-mini-fab
(click)="applySelection.emit({ mode: 'delete', color: 'none', element: container })">
- <mat-icon>clear</mat-icon>
+ <mat-icon svgIcon="rubber-black"></mat-icon>
</button>
</div>
<div #container class="text-container"
diff --git a/projects/editor/src/assets/images/rubber-black.svg b/projects/editor/src/assets/images/rubber-black.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a5d03501db558547d7f7181e5851e3738817fd10
--- /dev/null
+++ b/projects/editor/src/assets/images/rubber-black.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="360px" height="360px" viewBox="0 0 360 360" style="enable-background:new 0 0 360 360;" xml:space="preserve">
+<g>
+ <g>
+ <path d="M348.994,102.946L250.04,3.993c-5.323-5.323-13.954-5.324-19.277,0l-153.7,153.701l118.23,118.23l153.701-153.7
+ C354.317,116.902,354.317,108.271,348.994,102.946z"/>
+ <path d="M52.646,182.11l-41.64,41.64c-5.324,5.322-5.324,13.953,0,19.275l98.954,98.957c5.323,5.322,13.954,5.32,19.277,0
+ l41.639-41.641L52.646,182.11z"/>
+ <polygon points="150.133,360 341.767,360 341.767,331.949 182.806,331.949 "/>
+ </g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/projects/player/src/assets/images/rubber-black.svg b/projects/player/src/assets/images/rubber-black.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a5d03501db558547d7f7181e5851e3738817fd10
--- /dev/null
+++ b/projects/player/src/assets/images/rubber-black.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="360px" height="360px" viewBox="0 0 360 360" style="enable-background:new 0 0 360 360;" xml:space="preserve">
+<g>
+ <g>
+ <path d="M348.994,102.946L250.04,3.993c-5.323-5.323-13.954-5.324-19.277,0l-153.7,153.701l118.23,118.23l153.701-153.7
+ C354.317,116.902,354.317,108.271,348.994,102.946z"/>
+ <path d="M52.646,182.11l-41.64,41.64c-5.324,5.322-5.324,13.953,0,19.275l98.954,98.957c5.323,5.322,13.954,5.32,19.277,0
+ l41.639-41.641L52.646,182.11z"/>
+ <polygon points="150.133,360 341.767,360 341.767,331.949 182.806,331.949 "/>
+ </g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>