Skip to content

Commit 3382c1a

Browse files
committed
fix: adjust image quality
1 parent 4b6656d commit 3382c1a

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

52 files changed

+44
-49
lines changed

src/app/pages/tasks/task-playables/face-name-association/face-name-association.component.html

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,7 @@
11
<div class="wrapper task-text flex-column-center">
22
<div class="full-box flex-column-center" style="justify-content: space-around">
33
<ng-container *ngIf="showStimulus">
4-
<img
5-
*ngIf="stimulusShown"
6-
class="stimulus"
7-
width="800"
8-
height="562"
9-
[ngSrc]="stimulusShown"
10-
alt="Stimulus"
11-
/>
4+
<img *ngIf="stimulusShown" class="stimulus" [src]="stimulusShown" alt="Stimulus" />
125
</ng-container>
136

147
<ng-container *ngIf="showStimulus && stimulusShown && phase !== 'test-phase'">

src/app/pages/tasks/task-playables/face-name-association/face-name-association.component.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,9 @@
44
font-size: 50px !important;
55
}
66
.stimulus {
7+
width: 50vw;
78
max-width: 1000px;
9+
height: auto;
810
}
911

1012
.response-button {

src/app/pages/tasks/task-playables/face-name-association/face-name-association.component.ts

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,17 @@ import { StimuliProvidedType } from 'src/app/models/enums';
44
import { TranslatedFeedback, UserResponse } from 'src/app/models/InternalDTOs';
55
import { FaceNameAssociationTaskData } from 'src/app/models/ParticipantData';
66
import { ComponentName } from 'src/app/services/component-factory.service';
7-
import { DataGenerationService } from 'src/app/services/data-generation/data-generation.service';
87
import {
98
FaceNameAssociationStimulus,
109
FaceNameAssociationTaskTrialtype,
1110
} from 'src/app/services/data-generation/stimuli-models';
1211
import { LoaderService } from 'src/app/services/loader/loader.service';
1312
import { TimerService } from 'src/app/services/timer.service';
14-
import { AttentionCheckCache } from '../attention-check/attention-check.component';
1513
import { AbstractBaseTaskComponent } from '../base-task';
1614
import { TaskPlayerState } from '../task-player/task-player.component';
15+
import { DataGenerationService } from 'src/app/services/data-generation/data-generation.service';
16+
import { AttentionCheckCache } from '../attention-check/attention-check.component';
17+
import { NgOptimizedImage } from '@angular/common';
1718

1819
interface FaceNameAssociationMetadata {
1920
componentName: ComponentName;

src/app/pages/tasks/task.module.ts

Lines changed: 38 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,54 @@
1+
import { CommonModule } from '@angular/common';
12
import { NgModule } from '@angular/core';
3+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
4+
import { TranslateModule } from '@ngx-translate/core';
25
import { MaterialModule } from 'src/app/modules/material/material.module';
3-
import { ChoiceComponent } from './unused/choice/choice.component';
6+
import { NgZorroModule } from 'src/app/modules/ngzorro/ngzorro.module';
7+
import { SafeResoucePipe } from 'src/app/pipes/safe.pipe';
8+
import { SharedModule } from '../shared/shared.module';
9+
import { BlankComponent } from './blank/blank.component';
10+
import { ConsentPageComponent } from './consent/consent-page/consent-page.component';
11+
import { NavigationButtonsComponent } from './shared/navigation-buttons/navigation-buttons.component';
12+
import { NumpadComponent } from './shared/numpad/numpad.component';
13+
import { OptionDisplayComponent } from './shared/option-display/option-display.component';
14+
import { RotateDirective } from './shared/Rotate.directive';
15+
import { SkipButtonComponent } from './shared/skip-button/skip-button.component';
16+
import { SliderComponent } from './shared/slider/slider.component';
17+
import { AttentionCheckComponent } from './task-playables/attention-check/attention-check.component';
418
import { DemandSelectionComponent } from './task-playables/demand-selection/demand-selection.component';
519
import { DigitSpanComponent } from './task-playables/digit-span/digit-span.component';
6-
import { NumpadComponent } from './shared/numpad/numpad.component';
20+
import { ConfirmDoneDialogComponent } from './task-playables/embedded-page/confirm-done-dialog/confirm-done-dialog.component';
21+
import { EmbeddedPageComponent } from './task-playables/embedded-page/embedded-page.component';
22+
import { IntroDialogComponent } from './task-playables/embedded-page/intro-dialog/intro-dialog.component';
23+
import { ChoicerComponent } from './task-playables/everyday-choice/choicer/choicer.component';
24+
import { RaterComponent } from './task-playables/everyday-choice/rater/rater.component';
25+
import { FaceNameAssociationComponent } from './task-playables/face-name-association/face-name-association.component';
726
import { FingerTappingTaskComponent } from './task-playables/finger-tapping/finger-tapping-task.component';
27+
import { InfoDisplayComponent } from './task-playables/info-display/info-display.component';
28+
import { InformationTaskComponent } from './task-playables/information-task/information-task.component';
29+
import { IowaGamblingTaskComponent } from './task-playables/iowa-gambling-task/iowa-gambling-task.component';
830
import { NBackComponent } from './task-playables/n-back/n-back.component';
931
import { OddballComponent } from './task-playables/oddball/oddball.component';
10-
import { PostChoiceComponent } from './unused/post-choice/post-choice.component';
11-
import { ChoicerComponent } from './task-playables/everyday-choice/choicer/choicer.component';
12-
import { RatingComponent } from './unused/rating/rating.component';
13-
import { ShapeGameComponent } from './unused/shape-game/shape-game.component';
14-
import { TaskDisplayComponent } from './task-playables/task-display/task-display.component';
15-
import { SliderComponent } from './shared/slider/slider.component';
32+
import { ProbabilisticLearningTaskComponent } from './task-playables/probabilistic-learning-task/probabilistic-learning-task.component';
33+
import { MatrixComponent } from './task-playables/questionnaire/matrix/matrix.component';
34+
import { MultipleChoiceSelectComponent } from './task-playables/questionnaire/multiple-choice-select/multiple-choice-select.component';
35+
import { QuestionnaireComponent } from './task-playables/questionnaire/questionnaire.component';
36+
import { RadioButtonsComponent } from './task-playables/questionnaire/radio-buttons/radio-buttons.component';
37+
import { SliderControlComponent } from './task-playables/questionnaire/slider-control/slider-control.component';
38+
import { SartComponent } from './task-playables/sart/sart.component';
39+
import { SdmtComponent } from './task-playables/sdmt/sdmt.component';
40+
import { SelectOptionComponent } from './task-playables/select-option/select-option.component';
1641
import { SmileyFaceComponent } from './task-playables/smiley-face/smiley-face.component';
1742
import { StroopComponent } from './task-playables/stroop/stroop.component';
43+
import { TaskDisplayComponent } from './task-playables/task-display/task-display.component';
1844
import { TaskPlayerComponent } from './task-playables/task-player/task-player.component';
1945
import { TaskSwitchingComponent } from './task-playables/task-switching/task-switching.component';
2046
import { TrailMakingComponent } from './task-playables/trail-making/trail-making.component';
21-
import { RaterComponent } from './task-playables/everyday-choice/rater/rater.component';
22-
import { NgZorroModule } from 'src/app/modules/ngzorro/ngzorro.module';
23-
import { NavigationButtonsComponent } from './shared/navigation-buttons/navigation-buttons.component';
24-
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
25-
import { CommonModule, NgOptimizedImage } from '@angular/common';
26-
import { RotateDirective } from './shared/Rotate.directive';
47+
import { ChoiceComponent } from './unused/choice/choice.component';
2748
import { ColorGameComponent } from './unused/color-game/color-game.component';
28-
import { EmbeddedPageComponent } from './task-playables/embedded-page/embedded-page.component';
29-
import { SafeResoucePipe } from 'src/app/pipes/safe.pipe';
30-
import { SelectOptionComponent } from './task-playables/select-option/select-option.component';
31-
import { QuestionnaireComponent } from './task-playables/questionnaire/questionnaire.component';
32-
import { IntroDialogComponent } from './task-playables/embedded-page/intro-dialog/intro-dialog.component';
33-
import { ConfirmDoneDialogComponent } from './task-playables/embedded-page/confirm-done-dialog/confirm-done-dialog.component';
34-
import { ConsentPageComponent } from './consent/consent-page/consent-page.component';
35-
import { SharedModule } from '../shared/shared.module';
36-
import { InfoDisplayComponent } from './task-playables/info-display/info-display.component';
37-
import { SartComponent } from './task-playables/sart/sart.component';
38-
import { TranslateModule } from '@ngx-translate/core';
39-
import { FaceNameAssociationComponent } from './task-playables/face-name-association/face-name-association.component';
40-
import { BlankComponent } from './blank/blank.component';
41-
import { ProbabilisticLearningTaskComponent } from './task-playables/probabilistic-learning-task/probabilistic-learning-task.component';
42-
import { OptionDisplayComponent } from './shared/option-display/option-display.component';
43-
import { IowaGamblingTaskComponent } from './task-playables/iowa-gambling-task/iowa-gambling-task.component';
44-
import { SkipButtonComponent } from './shared/skip-button/skip-button.component';
45-
import { InformationTaskComponent } from './task-playables/information-task/information-task.component';
46-
import { MultipleChoiceSelectComponent } from './task-playables/questionnaire/multiple-choice-select/multiple-choice-select.component';
47-
import { MatrixComponent } from './task-playables/questionnaire/matrix/matrix.component';
48-
import { SliderControlComponent } from './task-playables/questionnaire/slider-control/slider-control.component';
49-
import { RadioButtonsComponent } from './task-playables/questionnaire/radio-buttons/radio-buttons.component';
50-
import { SdmtComponent } from './task-playables/sdmt/sdmt.component';
51-
import { AttentionCheckComponent } from './task-playables/attention-check/attention-check.component';
49+
import { PostChoiceComponent } from './unused/post-choice/post-choice.component';
50+
import { RatingComponent } from './unused/rating/rating.component';
51+
import { ShapeGameComponent } from './unused/shape-game/shape-game.component';
5252

5353
@NgModule({
5454
declarations: [
@@ -113,7 +113,6 @@ import { AttentionCheckComponent } from './task-playables/attention-check/attent
113113
ReactiveFormsModule,
114114
SharedModule,
115115
TranslateModule,
116-
NgOptimizedImage,
117116
],
118117
exports: [EmbeddedPageComponent],
119118
})
-46.6 KB
-41.8 KB
-50.3 KB
-38.6 KB
-42.8 KB
-56.3 KB

0 commit comments

Comments
 (0)