diff --git a/package.json b/package.json index fcc3f33..94a1ddc 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,6 @@ }, "private": true, "dependencies": { - "@angular/animations": "^17.1.1", "@angular/cdk": "^17.1.1", "@angular/common": "^17.1.1", @@ -26,8 +25,6 @@ "@codemirror/lang-javascript": "^6.2.1", "@codemirror/state": "^6.4.0", "@codemirror/view": "^6.23.1", - "@angular/material": "^17.1.0", - "@emailjs/browser": "^3.12.1", "@ngx-translate/core": "^15.0.0", "@ngx-translate/http-loader": "^8.0.0", @@ -61,4 +58,4 @@ "prettier": "^3.2.4", "typescript": "~5.3.3" } -} \ No newline at end of file +} diff --git a/src/app/components/editor/editor.component.html b/src/app/components/editor/editor.component.html index 5a3789b..1cfaaca 100644 --- a/src/app/components/editor/editor.component.html +++ b/src/app/components/editor/editor.component.html @@ -1,66 +1,108 @@
-
- - -
+
+ + +
-
- -
+
+ +
- - -
-

{{ errorMessage }}

-
+ -
- -
+ @if (errorMessage) { +
+

{{ errorMessage }}

+
+ } + +
+ +
-
- - -
-
-

-          
-
-
\ No newline at end of file +
+ + +
+
+

+    
+ + diff --git a/src/app/components/editor/editor.component.scss b/src/app/components/editor/editor.component.scss index f3885b4..0836334 100644 --- a/src/app/components/editor/editor.component.scss +++ b/src/app/components/editor/editor.component.scss @@ -1,4 +1,4 @@ -#editor-bar-header{ +#editor-bar-header { display: flex; align-items: center; justify-content: space-between; @@ -13,10 +13,9 @@ gap: 1rem; } - .button-icon { - border:0; - background:transparent; + border: 0; + background: transparent; cursor: pointer; } @@ -31,7 +30,7 @@ svg { display: flex; align-items: center; justify-content: space-between; - background-color: #04AA6D; + background-color: #04aa6d; border: none; color: white; padding: 12px 16px; @@ -41,8 +40,7 @@ svg { border-radius: 10px; } - -select{ +select { background-color: #0000f0; border: none; color: white; @@ -50,13 +48,11 @@ select{ font-size: 16px; cursor: pointer; border-radius: 10px; - } - /*editor*/ -.editor-center{ +.editor-center { height: 700px; display: flex; align-items: center; @@ -64,7 +60,7 @@ select{ margin: 0px 0px 0px 0px; } -.editor-child-element{ +.editor-child-element { min-height: 100px; height: 100%; width: 1000px; @@ -75,4 +71,4 @@ select{ ::ng-deep .codemirror6-editor { height: 100%; -} \ No newline at end of file +} diff --git a/src/app/components/editor/editor.component.ts b/src/app/components/editor/editor.component.ts index e1d4bdd..d8793e5 100644 --- a/src/app/components/editor/editor.component.ts +++ b/src/app/components/editor/editor.component.ts @@ -150,7 +150,6 @@ export class EditorComponent { this.resultContent = ''; } - loadFromFile(event: Event) { const file = (event.target as HTMLInputElement).files![0]; for (const language of this.languages) { diff --git a/src/assets/img/download.png b/src/assets/img/download.png deleted file mode 100644 index d1a9cfb..0000000 Binary files a/src/assets/img/download.png and /dev/null differ diff --git a/src/assets/img/open-file.png b/src/assets/img/open-file.png deleted file mode 100644 index 5230784..0000000 Binary files a/src/assets/img/open-file.png and /dev/null differ diff --git a/src/index.html b/src/index.html index 1c9ee76..ae55036 100644 --- a/src/index.html +++ b/src/index.html @@ -8,9 +8,13 @@ - - - + + + diff --git a/src/styles.scss b/src/styles.scss index 84be982..fdfef1f 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -13,6 +13,11 @@ body { margin: 0; } - -html, body { height: 100%; } -body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } +html, +body { + height: 100%; +} +body { + margin: 0; + font-family: Roboto, 'Helvetica Neue', sans-serif; +}