Skip to content

Commit 55836af

Browse files
Rafael24595Rafael24595
committed
[FEATURE] Header and body components created:
- favicon updated.
1 parent 4045446 commit 55836af

13 files changed

+125
-246
lines changed

‎src/app/app.component.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
:host {
2+
display: flex;
3+
flex-direction: column;
4+
flex: 1 1 auto;
5+
height: 100%;
6+
}

‎src/app/app.component.html‎

Lines changed: 2 additions & 244 deletions
Large diffs are not rendered by default.

‎src/app/app.component.ts‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,12 @@
11
import { Component } from '@angular/core';
22
import { RouterOutlet } from '@angular/router';
3+
import { HeaderComponent } from './header/header.component';
4+
import { BodyComponent } from './body/body.component';
35

46
@Component({
57
selector: 'app-root',
68
standalone: true,
7-
imports: [RouterOutlet],
9+
imports: [RouterOutlet, HeaderComponent, BodyComponent],
810
templateUrl: './app.component.html',
911
styleUrl: './app.component.css'
1012
})

‎src/app/body/body.component.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
:host {
2+
display: flex;
3+
flex-direction: column;
4+
flex: 1 1 auto;
5+
}

‎src/app/body/body.component.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<p>body works!</p>

‎src/app/body/body.component.spec.ts‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import { ComponentFixture, TestBed } from '@angular/core/testing';
2+
3+
import { BodyComponent } from './body.component';
4+
5+
describe('BodyComponent', () => {
6+
let component: BodyComponent;
7+
let fixture: ComponentFixture<BodyComponent>;
8+
9+
beforeEach(async () => {
10+
await TestBed.configureTestingModule({
11+
imports: [BodyComponent]
12+
})
13+
.compileComponents();
14+
15+
fixture = TestBed.createComponent(BodyComponent);
16+
component = fixture.componentInstance;
17+
fixture.detectChanges();
18+
});
19+
20+
it('should create', () => {
21+
expect(component).toBeTruthy();
22+
});
23+
});

‎src/app/body/body.component.ts‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import { Component } from '@angular/core';
2+
3+
@Component({
4+
selector: 'app-body',
5+
standalone: true,
6+
imports: [],
7+
templateUrl: './body.component.html',
8+
styleUrl: './body.component.css'
9+
})
10+
export class BodyComponent {
11+
12+
}

‎src/app/header/header.component.css‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
:host {
2+
border-bottom: 1px solid lightgrey;
3+
box-shadow: 0px 0px 2px 1px lightgray;
4+
}
5+
6+
#app-image{
7+
display: flex;
8+
align-items: center;
9+
}
10+
11+
#app-logo {
12+
max-width: 55px;
13+
margin-right: 10px;
14+
-webkit-filter: drop-shadow(1px 1px 2px lightgray);
15+
filter: drop-shadow(1px 1px 2px lightgray);
16+
}
17+
18+
#app-title {
19+
margin-left: 10px;
20+
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
21+
font-size: x-large;
22+
font-weight: bold;
23+
text-shadow: 1px 1px 2px lightgray;
24+
}

‎src/app/header/header.component.html‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<div id="app-image">
2+
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" id="app-logo" viewBox="0 0 2048.000000 2048.000000"
3+
preserveAspectRatio="xMidYMid meet">
4+
<g transform="translate(0.000000,2048.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none">
5+
<path
6+
d="M10111 20349 c-34 -17 -74 -46 -88 -64 -15 -19 -144 -229 -288 -467 l-260 -433 -120 -12 c-66 -6 -127 -12 -136 -12 -10 -1 -166 164 -365 384 -320 353 -354 388 -411 417 -58 28 -69 30 -142 26 -91 -5 -147 -32 -204 -99 -37 -42 -32 -30 -292 -755 l-97 -271 -133 -40 -133 -39 -403 299 c-222 165 -426 310 -454 323 -56 27 -142 32 -205 13 -57 -17 -130 -78 -162 -135 -26 -48 -35 -92 -105 -568 l-77 -517 -122 -64 -122 -65 -384 181 c-560 265 -554 262 -625 267 -112 8 -212 -46 -270 -146 -38 -64 -39 -132 -14 -630 12 -227 21 -438 21 -470 l0 -57 -86 -70 c-47 -38 -96 -76 -108 -83 -18 -12 -81 1 -526 113 -557 139 -554 139 -657 89 -87 -42 -145 -125 -158 -229 -6 -43 11 -120 120 -555 112 -445 125 -508 113 -526 -7 -12 -44 -61 -83 -108 l-70 -86 -53 0 c-30 0 -241 9 -470 21 -503 25 -571 23 -634 -14 -121 -71 -179 -218 -134 -343 7 -22 109 -240 225 -487 l211 -448 -65 -122 -65 -123 -117 -18 c-882 -130 -915 -135 -967 -165 -57 -31 -118 -104 -135 -161 -19 -64 -14 -149 13 -205 13 -27 158 -232 323 -454 l300 -403 -40 -133 -40 -133 -271 -97 c-721 -259 -713 -256 -756 -292 -66 -57 -93 -113 -98 -204 -4 -73 -2 -84 26 -142 29 -57 64 -92 417 -411 220 -199 385 -355 384 -365 0 -9 -6 -70 -12 -136 l-12 -120 -433 -260 c-238 -144 -448 -273 -467 -288 -18 -14 -47 -54 -64 -88 -44 -88 -44 -170 0 -258 17 -34 46 -74 64 -88 19 -15 229 -144 467 -288 l433 -260 12 -120 c6 -66 12 -127 12 -136 1 -10 -164 -166 -384 -365 -353 -319 -388 -354 -417 -411 -28 -58 -30 -69 -26 -142 5 -91 32 -147 98 -204 43 -36 35 -33 756 -292 l271 -97 40 -133 40 -133 -300 -403 c-165 -222 -310 -426 -323 -454 -27 -56 -32 -141 -13 -205 17 -57 78 -130 135 -161 52 -30 85 -35 967 -165 l117 -18 65 -123 65 -122 -211 -448 c-116 -247 -218 -465 -225 -487 -45 -125 13 -272 134 -343 63 -37 131 -39 634 -14 229 12 440 21 470 21 l53 0 70 -86 c39 -47 76 -96 83 -108 12 -18 -1 -81 -113 -526 -139 -557 -139 -554 -89 -657 42 -87 125 -145 229 -158 43 -6 120 11 555 120 445 112 508 125 526 113 12 -7 61 -44 108 -83 l86 -70 0 -57 c0 -32 -9 -243 -21 -470 -25 -498 -24 -566 14 -630 58 -100 158 -154 270 -146 71 5 65 2 625 267 l384 181 122 -65 122 -64 77 -517 c70 -476 79 -520 105 -568 32 -57 105 -118 162 -135 63 -19 149 -14 205 13 28 13 232 158 454 323 l403 299 133 -39 133 -40 97 -271 c260 -725 255 -713 292 -755 57 -67 113 -94 204 -99 73 -4 84 -2 142 26 57 29 92 64 411 417 197 218 356 385 365 384 9 0 70 -6 136 -12 l120 -12 260 -433 c144 -238 273 -448 288 -467 14 -18 54 -47 88 -64 88 -44 170 -44 258 0 34 17 74 46 88 64 15 19 144 229 288 467 l260 433 75 6 c41 4 102 10 136 13 l60 8 350 -387 c320 -353 354 -388 411 -417 58 -28 69 -30 142 -26 91 5 147 32 204 98 36 43 33 35 292 756 l97 271 133 39 133 40 404 -299 c222 -165 426 -310 453 -323 56 -27 141 -32 205 -13 57 17 130 78 162 135 26 48 35 92 105 568 l77 516 123 65 123 65 447 -211 c247 -116 465 -218 487 -225 125 -45 272 13 343 134 38 64 39 132 14 630 -12 227 -21 438 -21 470 l0 57 100 80 c55 44 104 81 109 83 4 1 235 -54 512 -123 434 -109 511 -126 554 -120 104 13 187 71 229 158 50 103 50 100 -89 657 -112 445 -125 508 -113 526 7 12 45 61 83 108 l70 86 57 0 c32 0 243 -9 470 -21 498 -25 566 -24 630 14 121 71 179 218 134 343 -7 22 -109 241 -225 487 l-212 448 65 122 65 123 516 76 c478 71 521 79 568 106 58 32 119 105 136 162 19 64 14 149 -13 205 -13 28 -158 232 -323 454 l-300 403 40 133 40 133 485 174 c290 103 500 184 523 200 80 58 118 133 119 239 0 54 -6 77 -30 125 -26 53 -71 97 -415 408 -218 197 -385 356 -384 365 0 9 6 70 12 136 l12 120 433 260 c238 144 448 273 467 288 18 14 47 54 64 88 44 88 44 170 0 258 -17 34 -46 74 -64 88 -19 15 -229 144 -467 288 l-433 260 -12 120 c-6 66 -12 127 -12 136 -1 9 166 168 384 365 344 311 389 355 415 408 64 128 27 281 -89 364 -23 16 -233 97 -523 200 l-485 174 -40 133 -40 133 300 403 c165 222 310 427 323 454 27 56 32 141 13 205 -17 57 -78 130 -136 162 -47 27 -90 35 -567 106 l-516 76 -65 123 -65 123 211 447 c116 247 218 465 225 487 45 125 -13 272 -134 343 -64 38 -132 39 -630 14 -227 -12 -438 -21 -470 -21 l-57 0 -70 86 c-38 47 -76 96 -83 108 -12 18 1 81 113 526 109 435 126 512 120 555 -13 104 -71 187 -158 229 -103 50 -100 50 -656 -89 -277 -69 -508 -124 -512 -123 -5 2 -54 39 -109 83 l-100 80 0 57 c0 32 9 243 21 470 25 498 24 566 -14 630 -71 121 -218 179 -343 134 -22 -7 -240 -109 -487 -225 l-447 -211 -123 65 -123 65 -77 516 c-70 476 -79 520 -105 568 -32 57 -105 118 -162 135 -64 19 -149 14 -205 -13 -27 -13 -231 -158 -453 -323 l-404 -299 -133 40 -133 39 -97 271 c-259 721 -256 713 -292 756 -57 66 -113 93 -204 98 -73 4 -84 2 -142 -26 -57 -29 -91 -64 -411 -418 l-350 -386 -40 6 c-23 3 -75 8 -116 11 -41 3 -85 8 -97 11 -17 3 -85 109 -283 439 -143 239 -272 448 -286 464 -13 16 -52 44 -86 60 -87 44 -170 44 -257 0z m244 -1814 c210 -45 367 -189 441 -405 29 -84 26 -243 -5 -338 -58 -176 -202 -320 -376 -375 -54 -17 -94 -22 -175 -22 -126 0 -215 24 -305 83 -159 103 -256 262 -271 444 -24 283 176 552 456 612 85 19 150 19 235 1z m-965 -1498 c428 -427 525 -519 575 -544 95 -49 168 -67 275 -67 107 0 180 18 275 67 50 25 147 117 575 544 284 282 521 513 529 513 7 0 97 -18 199 -40 1049 -225 2047 -685 2912 -1340 545 -414 1051 -922 1468 -1476 175 -234 463 -679 551 -851 l21 -43 -316 -621 c-174 -341 -325 -648 -336 -682 -43 -139 -31 -283 37 -426 27 -57 54 -93 113 -150 l77 -76 635 -323 c349 -178 636 -325 637 -326 13 -13 63 -656 63 -818 l0 -118 -3084 0 -3083 0 -635 -1356 c-350 -745 -639 -1355 -644 -1356 -4 0 -183 380 -396 844 -214 463 -494 1074 -624 1356 l-236 512 -3091 0 -3090 0 7 153 c18 349 30 497 61 755 1 13 6 27 11 31 9 8 87 48 869 447 339 173 398 206 451 256 l62 58 4683 0 c5090 0 4782 -3 4994 55 520 141 839 539 811 1010 -20 348 -240 620 -613 761 l-83 31 52 24 c97 45 222 134 291 209 125 135 187 303 187 507 -1 473 -319 791 -895 895 l-130 23 -4302 0 -4302 0 42 43 c83 86 345 323 482 437 206 172 544 425 646 483 19 11 95 58 169 105 681 428 1476 761 2235 936 212 48 309 69 330 70 13 1 187 -166 535 -512z m-3091 -2191 l21 -19 0 -1103 c0 -606 -3 -1110 -6 -1119 -18 -46 -4 -45 -1016 -45 l-953 1 -93 185 c-51 101 -90 189 -87 194 3 6 0 10 -7 10 -7 0 -64 100 -126 223 -62 122 -159 312 -216 422 l-104 200 25 50 c92 181 379 624 572 882 l106 143 931 -3 c901 -2 933 -3 953 -21z m2161 -5 c413 -107 688 -480 725 -986 7 -100 -8 -324 -31 -457 -79 -462 -332 -731 -764 -814 -68 -13 -179 -17 -562 -21 l-478 -5 0 1157 0 1156 513 -4 c488 -3 516 -5 597 -26z m2787 6 c17 -17 18 -76 21 -1090 2 -590 0 -1090 -3 -1112 -3 -22 -13 -49 -21 -60 -15 -20 -28 -20 -715 -23 l-701 -2 19 23 c156 200 263 389 323 575 115 357 118 767 9 1097 -61 184 -197 421 -319 558 l-52 57 711 -2 c666 -3 711 -4 728 -21z m1992 -1 c92 -24 179 -73 213 -121 54 -73 62 -101 62 -220 1 -103 -1 -114 -30 -175 -54 -115 -149 -190 -287 -227 -53 -15 -119 -17 -472 -18 l-410 0 -3 393 -2 394 432 -5 c363 -3 443 -7 497 -21z m-126 -1376 c77 -6 171 -17 210 -25 146 -30 263 -109 311 -209 49 -100 54 -296 11 -400 -25 -59 -107 -139 -178 -174 -149 -73 -297 -92 -779 -99 l-378 -6 0 462 0 461 333 0 c182 0 394 -5 470 -10z m-10052 -290 c178 -54 323 -200 380 -380 28 -86 30 -240 5 -325 -47 -161 -174 -307 -322 -370 -107 -45 -129 -50 -239 -50 -129 0 -206 22 -304 85 -316 204 -362 630 -97 896 154 154 371 208 577 144z m14644 15 c253 -53 445 -273 462 -530 17 -258 -146 -501 -394 -586 -97 -34 -268 -34 -365 -1 -174 60 -312 200 -369 374 -31 95 -34 254 -5 338 32 93 72 164 128 225 140 154 344 222 543 180z m-10424 -3715 c20 -6 45 -20 55 -31 18 -20 19 -62 22 -1434 l2 -1413 -26 -21 -27 -21 -1738 0 -1738 0 -3 -37 c-3 -36 -6 -32 -80 102 -233 426 -414 837 -554 1265 -36 107 -71 206 -79 220 -35 64 -153 561 -205 860 -26 152 -70 471 -70 508 0 16 4383 18 4441 2z m10359 -5 c0 -38 -43 -348 -71 -505 -139 -804 -402 -1555 -802 -2297 l-60 -113 -1761 0 c-1578 0 -1764 2 -1784 16 l-22 15 0 1423 c0 1400 0 1423 20 1441 10 9 34 21 52 25 18 4 1022 8 2231 9 1921 1 2197 -1 2197 -14z m-5815 -2841 c-3 -17 -15 -40 -26 -50 -20 -18 -46 -19 -378 -24 l-356 -5 -3 -382 -2 -383 2571 -2 2571 -3 -78 -100 c-84 -109 -326 -392 -420 -493 l-59 -63 -695 111 c-382 60 -715 110 -740 110 -124 -1 -282 -61 -377 -145 -62 -54 -132 -158 -162 -238 -13 -36 -60 -303 -126 -725 -58 -367 -108 -680 -111 -695 -6 -31 -38 -49 -229 -132 -1789 -776 -3824 -817 -5645 -115 -184 71 -466 192 -494 213 -13 10 -40 157 -126 702 -69 433 -117 712 -131 750 -29 81 -99 185 -162 240 -95 83 -253 144 -376 145 -24 0 -357 -50 -740 -111 l-696 -110 -63 68 c-105 114 -306 352 -401 473 l-89 115 2364 3 2364 2 -2 383 -3 382 -362 5 c-234 3 -366 9 -373 16 -7 7 -9 362 -8 1149 l3 1138 701 -1534 701 -1534 364 -2 364 -3 665 1443 c365 793 687 1489 715 1547 l50 105 3 -1110 c1 -610 0 -1124 -3 -1141z m-5986 -2085 c152 -36 305 -159 373 -299 47 -98 62 -166 62 -270 -2 -159 -55 -284 -173 -401 -140 -140 -331 -198 -523 -158 -208 43 -394 223 -443 430 -78 334 146 660 490 713 42 6 158 -2 214 -15z m9103 -5 c195 -58 352 -221 403 -419 65 -256 -68 -539 -306 -653 -98 -47 -162 -62 -262 -62 -153 0 -285 56 -398 169 -118 117 -172 244 -173 401 0 103 15 172 61 269 68 144 229 270 383 300 30 6 64 13 75 15 34 8 161 -4 217 -20z" />
7+
</g>
8+
</svg>
9+
<p id="app-title">RustDBManager</p>
10+
</div>

‎src/app/header/header.component.spec.ts‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import { ComponentFixture, TestBed } from '@angular/core/testing';
2+
3+
import { HeaderComponent } from './header.component';
4+
5+
describe('HeaderComponent', () => {
6+
let component: HeaderComponent;
7+
let fixture: ComponentFixture<HeaderComponent>;
8+
9+
beforeEach(async () => {
10+
await TestBed.configureTestingModule({
11+
imports: [HeaderComponent]
12+
})
13+
.compileComponents();
14+
15+
fixture = TestBed.createComponent(HeaderComponent);
16+
component = fixture.componentInstance;
17+
fixture.detectChanges();
18+
});
19+
20+
it('should create', () => {
21+
expect(component).toBeTruthy();
22+
});
23+
});

0 commit comments

Comments
 (0)