+ At Permanent, it is our mission to provide a safe and secure place to
+ store, preserve, and share the digital legacy of all people, whether
+ that's for you or for your friends, family, interests or organizations.
+
+
+ We know that starting this journey can sometimes be overwhelming, but
+ don’t worry. We’re here to help you every step of the way.
+
+
+
+ Create archive for me
+ Get started
+
+
\ No newline at end of file
diff --git a/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.scss b/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.scss
new file mode 100644
index 000000000..6b491aaae
--- /dev/null
+++ b/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.scss
@@ -0,0 +1,60 @@
+/* @format */
+@import 'fonts';
+
+:host {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-evenly;
+ gap: 64px;
+ margin-top: 64px;
+
+ @media screen and (max-width: 600px) {
+ flex-direction: column;
+ }
+
+ @media screen and (min-width: 602px) and (max-width: 900px) {
+ height: 100vh;
+ }
+
+ @media screen and (max-width: 364px) {
+ height: 106vh;
+ }
+}
+
+p {
+ color: white;
+}
+
+.greetings-container {
+ width: 50%;
+
+ @media screen and (max-width: 600px) {
+ width: 100%;
+ }
+ & > p {
+ font-size: 50px;
+ font-family: 'UsualRegular', sans-serif;
+ }
+}
+
+.text-buttons-container {
+ flex-direction: column;
+ justify-content: space-between;
+ width: 50%;
+ display: flex;
+ height: 75vh;
+
+ @media screen and (max-width: 600px) {
+ height: 60vh;
+ }
+
+ & > .text > p {
+ font-size: 16px;
+ font-family: 'UsualLight', sans-serif;
+ }
+
+ & > .buttons {
+ display: flex;
+ gap: 32px;
+ }
+}
\ No newline at end of file
diff --git a/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.spec.ts b/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.spec.ts
new file mode 100644
index 000000000..edaeb18f4
--- /dev/null
+++ b/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.spec.ts
@@ -0,0 +1,67 @@
+/* @format */
+import { Shallow } from 'shallow-render';
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { AccountService } from '@shared/services/account/account.service';
+import { By } from '@angular/platform-browser';
+import { OnboardingModule } from '../../onboarding.module';
+import { ArchiveCreationStartScreenComponent } from './archive-creation-start-screen.component';
+
+const mockAccountService = {
+ getAccount: () => ({ fullName: 'John Doe' }),
+};
+
+describe('ArchiveCreationStartScreenComponent', () => {
+ let shallow: Shallow;
+
+ beforeEach(() => {
+ shallow = new Shallow(ArchiveCreationStartScreenComponent, OnboardingModule)
+ .mock(AccountService, mockAccountService)
+ .import(HttpClientTestingModule);
+ });
+
+ it('should create', async () => {
+ const { instance } = await shallow.render();
+
+ expect(instance).toBeTruthy();
+ });
+
+ it('should initialize with the account name', async () => {
+ const { instance } = await shallow.render();
+
+ expect(instance.name).toBe('John Doe');
+ });
+
+ it('should render the account name in the greeting', async () => {
+ const { fixture } = await shallow.render();
+ const greetingElement = fixture.debugElement.query(
+ By.css('.greetings-container b')
+ ).nativeElement;
+
+ expect(greetingElement.textContent).toContain('John Doe');
+ });
+
+ it('should emit getStartedOutput event when Get Started button is clicked', async () => {
+ const { fixture, instance, outputs } = await shallow.render();
+ spyOn(instance, 'getStarted').and.callThrough();
+
+ const getStartedButton = fixture.debugElement.query(By.css('.get-started'));
+
+ getStartedButton.triggerEventHandler('buttonClick', null);
+
+ expect(instance.getStarted).toHaveBeenCalled();
+ expect(outputs.getStartedOutput.emit).toHaveBeenCalled();
+ });
+
+ it('should emit createArchiveForMeOutput event when Create Archive for Me button is clicked', async () => {
+ const { fixture, instance, outputs } = await shallow.render();
+ spyOn(instance, 'createArchiveForMe').and.callThrough();
+
+ const createArchiveButton = fixture.debugElement.query(
+ By.css('.create-archive-for-me')
+ );
+ createArchiveButton.triggerEventHandler('buttonClick', null);
+
+ expect(instance.createArchiveForMe).toHaveBeenCalled();
+ expect(outputs.createArchiveForMeOutput.emit).toHaveBeenCalled();
+ });
+});
\ No newline at end of file
diff --git a/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.ts b/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.ts
new file mode 100644
index 000000000..f69553922
--- /dev/null
+++ b/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.ts
@@ -0,0 +1,25 @@
+import { Component, Output, EventEmitter } from '@angular/core';
+import { AccountService } from '@shared/services/account/account.service';
+
+@Component({
+ selector: 'pr-archive-creation-start-screen',
+ templateUrl: './archive-creation-start-screen.component.html',
+ styleUrl: './archive-creation-start-screen.component.scss',
+})
+export class ArchiveCreationStartScreenComponent {
+ @Output() public getStartedOutput = new EventEmitter();
+ @Output() public createArchiveForMeOutput = new EventEmitter();
+ public name: string = '';
+
+ constructor(private account:AccountService){
+ this.name = this.account.getAccount().fullName;
+ }
+
+ public getStarted() {
+ this.getStartedOutput.emit();
+ }
+
+ public createArchiveForMe(): void {
+ this.createArchiveForMeOutput.emit();
+ }
+}
\ No newline at end of file
diff --git a/src/app/onboarding/components/create-new-archive/create-new-archive.component.html b/src/app/onboarding/components/create-new-archive/create-new-archive.component.html
index ecd0d5720..230430dd5 100644
--- a/src/app/onboarding/components/create-new-archive/create-new-archive.component.html
+++ b/src/app/onboarding/components/create-new-archive/create-new-archive.component.html
@@ -1,8 +1,13 @@
-
-
Welcome! Let’s create your first archive together.
-
+
+
+
Welcome! Let’s create your first archive together.
+
In order to help you on this journey, we want to learn a little more
about you to personalize your experience and make archiving easier.
@@ -70,72 +75,95 @@
What is your new archive called?
-
-
My goal is to...
+
+
+
+ Create your first Archive
+
+
+ Create your first
+
+ {{ headerText }} Archive
+
+
+
+ `
+
+
+
+
+
My goal is to...
-
- This will help us support you as you create your archive. Select all that
- apply.
-
+
+ This will help us support you as you create your archive. Select all that
+ apply.
+
-
-
- {{ goal.text }}
-
+
+
+ {{ goal.text }}
+
-
-
-
-
+
+
+
-
-
Lastly, we’re curious -- what brought you to Permanent.org?
-
Select all that apply.
-
-
- {{ reason.text }}
-
+
+
+
Lastly, we’re curious -- what brought you to Permanent.org?
+ Name your new archive. This is the legal or official name of the person,
+ family, group, or organization the archive is about. You can edit the name
+ later if needed.
+
diff --git a/src/app/component-library/components/form-input/form-input.component.scss b/src/app/component-library/components/form-input/form-input.component.scss
index 230cbc069..ec4d4ab8b 100644
--- a/src/app/component-library/components/form-input/form-input.component.scss
+++ b/src/app/component-library/components/form-input/form-input.component.scss
@@ -94,4 +94,4 @@
right: 20px;
top: 12px;
color: $form-error-red;
-}
\ No newline at end of file
+}
diff --git a/src/app/component-library/components/form-input/form-input.component.spec.ts b/src/app/component-library/components/form-input/form-input.component.spec.ts
index 204c6bc93..5ac5468b2 100644
--- a/src/app/component-library/components/form-input/form-input.component.spec.ts
+++ b/src/app/component-library/components/form-input/form-input.component.spec.ts
@@ -11,7 +11,7 @@ describe('FormInputComponent', () => {
beforeEach(async () => {
shallow = new Shallow(FormInputComponent, ComponentsModule).import(
- ReactiveFormsModule
+ ReactiveFormsModule,
);
});
@@ -92,7 +92,7 @@ describe('FormInputComponent', () => {
expect(inputElement.getAttribute('autocorrect')).toBe(config.autocorrect);
expect(inputElement.getAttribute('autocapitalize')).toBe(
- config.autocapitalize
+ config.autocapitalize,
);
expect(inputElement.getAttribute('spellcheck')).toBe(config.spellcheck);
@@ -159,4 +159,4 @@ describe('FormInputComponent', () => {
expect(errorMessage).toBe('Must be at least 3 characters');
});
-});
\ No newline at end of file
+});
diff --git a/src/app/component-library/components/form-input/form-input.component.ts b/src/app/component-library/components/form-input/form-input.component.ts
index 14a422bf6..fda7726da 100644
--- a/src/app/component-library/components/form-input/form-input.component.ts
+++ b/src/app/component-library/components/form-input/form-input.component.ts
@@ -186,7 +186,7 @@ export class FormInputComponent implements OnInit, AfterViewInit {
} else {
control = new FormControl(
value,
- Validators[validator.validation](validator.value)
+ Validators[validator.validation](validator.value),
);
}
if (control.invalid) {
@@ -196,4 +196,4 @@ export class FormInputComponent implements OnInit, AfterViewInit {
return errorMessages.pop();
}
-}
\ No newline at end of file
+}
diff --git a/src/app/component-library/components/form-input/form-input.stories.ts b/src/app/component-library/components/form-input/form-input.stories.ts
index 2d16d4ad3..2addbeb2b 100644
--- a/src/app/component-library/components/form-input/form-input.stories.ts
+++ b/src/app/component-library/components/form-input/form-input.stories.ts
@@ -85,4 +85,4 @@ export const LightDarkBackground: FormInputStory = {
export const Dark = {
args: { type: 'text', placeholder: 'Text', variant: 'dark' },
-};
\ No newline at end of file
+};
diff --git a/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.html b/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.html
index 8e6598074..41ffec6d9 100644
--- a/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.html
+++ b/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.html
@@ -1,38 +1,38 @@
+
+ Hello, {{ name }}.
+
+
Welcome to Permanent!
+
+
+
+
We’re so glad you’re here!
- Hello, {{ name }}.
+ At Permanent, it is our mission to provide a safe and secure place to
+ store, preserve, and share the digital legacy of all people, whether
+ that's for you or for your friends, family, interests or organizations.
-
Welcome to Permanent!
+
+ We know that starting this journey can sometimes be overwhelming, but
+ don’t worry. We’re here to help you every step of the way.
+
+
+
+ Create archive for me
+ Get started
-
-
-
We’re so glad you’re here!
-
- At Permanent, it is our mission to provide a safe and secure place to
- store, preserve, and share the digital legacy of all people, whether
- that's for you or for your friends, family, interests or organizations.
-
-
- We know that starting this journey can sometimes be overwhelming, but
- don’t worry. We’re here to help you every step of the way.
-
-
-
- Create archive for me
- Get started
-
-
\ No newline at end of file
+
diff --git a/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.scss b/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.scss
index 6b491aaae..ef80dd772 100644
--- a/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.scss
+++ b/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.scss
@@ -57,4 +57,4 @@ p {
display: flex;
gap: 32px;
}
-}
\ No newline at end of file
+}
diff --git a/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.spec.ts b/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.spec.ts
index edaeb18f4..01045624b 100644
--- a/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.spec.ts
+++ b/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.spec.ts
@@ -34,7 +34,7 @@ describe('ArchiveCreationStartScreenComponent', () => {
it('should render the account name in the greeting', async () => {
const { fixture } = await shallow.render();
const greetingElement = fixture.debugElement.query(
- By.css('.greetings-container b')
+ By.css('.greetings-container b'),
).nativeElement;
expect(greetingElement.textContent).toContain('John Doe');
@@ -57,11 +57,11 @@ describe('ArchiveCreationStartScreenComponent', () => {
spyOn(instance, 'createArchiveForMe').and.callThrough();
const createArchiveButton = fixture.debugElement.query(
- By.css('.create-archive-for-me')
+ By.css('.create-archive-for-me'),
);
createArchiveButton.triggerEventHandler('buttonClick', null);
expect(instance.createArchiveForMe).toHaveBeenCalled();
expect(outputs.createArchiveForMeOutput.emit).toHaveBeenCalled();
});
-});
\ No newline at end of file
+});
diff --git a/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.ts b/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.ts
index f69553922..a242311b3 100644
--- a/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.ts
+++ b/src/app/onboarding/components/archive-creation-start-screen/archive-creation-start-screen.component.ts
@@ -11,7 +11,7 @@ export class ArchiveCreationStartScreenComponent {
@Output() public createArchiveForMeOutput = new EventEmitter();
public name: string = '';
- constructor(private account:AccountService){
+ constructor(private account: AccountService) {
this.name = this.account.getAccount().fullName;
}
@@ -22,4 +22,4 @@ export class ArchiveCreationStartScreenComponent {
public createArchiveForMe(): void {
this.createArchiveForMeOutput.emit();
}
-}
\ No newline at end of file
+}
diff --git a/src/app/onboarding/components/create-new-archive/create-new-archive.component.html b/src/app/onboarding/components/create-new-archive/create-new-archive.component.html
index 230430dd5..ecdb628e4 100644
--- a/src/app/onboarding/components/create-new-archive/create-new-archive.component.html
+++ b/src/app/onboarding/components/create-new-archive/create-new-archive.component.html
@@ -166,4 +166,4 @@
Lastly, we’re curious -- what brought you to Permanent.org?
diff --git a/src/app/onboarding/components/create-new-archive/create-new-archive.component.scss b/src/app/onboarding/components/create-new-archive/create-new-archive.component.scss
index ba1456c9d..f817a1365 100644
--- a/src/app/onboarding/components/create-new-archive/create-new-archive.component.scss
+++ b/src/app/onboarding/components/create-new-archive/create-new-archive.component.scss
@@ -248,4 +248,4 @@ h3 {
@media screen and (max-width: 768px) {
flex-direction: column;
}
-}
\ No newline at end of file
+}
diff --git a/src/app/onboarding/components/create-new-archive/create-new-archive.component.spec.ts b/src/app/onboarding/components/create-new-archive/create-new-archive.component.spec.ts
index 7903a5bf4..d7cee8e06 100644
--- a/src/app/onboarding/components/create-new-archive/create-new-archive.component.spec.ts
+++ b/src/app/onboarding/components/create-new-archive/create-new-archive.component.spec.ts
@@ -131,4 +131,4 @@ describe('CreateNewArchiveComponent #onboarding', () => {
expect(button.disabled).toBe(true);
});
-});
\ No newline at end of file
+});
diff --git a/src/app/onboarding/components/create-new-archive/create-new-archive.component.ts b/src/app/onboarding/components/create-new-archive/create-new-archive.component.ts
index ba652aa9b..2497f4b1d 100644
--- a/src/app/onboarding/components/create-new-archive/create-new-archive.component.ts
+++ b/src/app/onboarding/components/create-new-archive/create-new-archive.component.ts
@@ -84,7 +84,7 @@ export class CreateNewArchiveComponent implements OnInit, OnDestroy {
private api: ApiService,
private dialog: Dialog,
private accountService: AccountService,
- private analytics: AnalyticsService
+ private analytics: AnalyticsService,
) {
this.nameForm = fb.group({
name: ['', [Validators.required]],
@@ -112,7 +112,7 @@ export class CreateNewArchiveComponent implements OnInit, OnDestroy {
this.screen = 'goals';
this.progress.emit(1);
}
- }
+ },
);
this.progress.emit(0);
const account = this.accountService.getAccount();
@@ -247,7 +247,7 @@ export class CreateNewArchiveComponent implements OnInit, OnDestroy {
this.dialog.open(
'SkipOnboardingDialogComponent',
{ skipOnboarding: this.skipOnboarding },
- { width: '600px' }
+ { width: '600px' },
);
}
@@ -321,4 +321,4 @@ export class CreateNewArchiveComponent implements OnInit, OnDestroy {
this.archiveTypeTag = value.tag as OnboardingTypes;
this.setName(this.archiveTypeTag);
}
-}
\ No newline at end of file
+}
diff --git a/src/app/onboarding/components/name-archive-screen/name-archive-screen.component.html b/src/app/onboarding/components/name-archive-screen/name-archive-screen.component.html
index 2b1e7e6e8..a79425c35 100644
--- a/src/app/onboarding/components/name-archive-screen/name-archive-screen.component.html
+++ b/src/app/onboarding/components/name-archive-screen/name-archive-screen.component.html
@@ -1,47 +1,47 @@
-
-
- Name your new archive. This is the legal or official name of the person,
- family, group, or organization the archive is about. You can edit the name
- later if needed.
-
-
-
The
-
-
Archive
-
+
+
+ Name your new archive. This is the legal or official name of the person,
+ family, group, or organization the archive is about. You can edit the name
+ later if needed.
+
+
+
The
+
+
Archive
-
-
- Back
- Create the archive
-
-
\ No newline at end of file
+
+
+
+ Back
+ Create the archive
+
+
diff --git a/src/app/onboarding/components/name-archive-screen/name-archive-screen.component.scss b/src/app/onboarding/components/name-archive-screen/name-archive-screen.component.scss
index f20388463..6a474783a 100644
--- a/src/app/onboarding/components/name-archive-screen/name-archive-screen.component.scss
+++ b/src/app/onboarding/components/name-archive-screen/name-archive-screen.component.scss
@@ -84,4 +84,4 @@
.create-archive-button {
width: 100%;
-}
\ No newline at end of file
+}
diff --git a/src/app/onboarding/components/name-archive-screen/name-archive-screen.component.spec.ts b/src/app/onboarding/components/name-archive-screen/name-archive-screen.component.spec.ts
index 38ffd063a..cdff380ab 100644
--- a/src/app/onboarding/components/name-archive-screen/name-archive-screen.component.spec.ts
+++ b/src/app/onboarding/components/name-archive-screen/name-archive-screen.component.spec.ts
@@ -10,7 +10,7 @@ describe('NameArchiveScreenComponent', () => {
beforeEach(async () => {
shallow = new Shallow(NameArchiveScreenComponent, OnboardingModule).import(
- ReactiveFormsModule
+ ReactiveFormsModule,
);
});
@@ -49,7 +49,7 @@ describe('NameArchiveScreenComponent', () => {
instance.createArchive();
expect(outputs.archiveCreatedEmitter.emit).toHaveBeenCalledWith(
- 'Valid Archive Name'
+ 'Valid Archive Name',
);
});
@@ -77,7 +77,7 @@ describe('NameArchiveScreenComponent', () => {
fixture.detectChanges();
const createButton = fixture.debugElement.query(
- By.css('.create-archive-button')
+ By.css('.create-archive-button'),
);
createButton.triggerEventHandler('buttonClick', null);
@@ -92,11 +92,11 @@ describe('NameArchiveScreenComponent', () => {
spyOn(instance, 'createArchive');
const createButton = fixture.debugElement.query(
- By.css('.create-archive-button')
+ By.css('.create-archive-button'),
);
createButton.triggerEventHandler('buttonClick', null);
expect(instance.createArchive).toHaveBeenCalled();
});
-});
\ No newline at end of file
+});
diff --git a/src/app/onboarding/components/name-archive-screen/name-archive-screen.component.ts b/src/app/onboarding/components/name-archive-screen/name-archive-screen.component.ts
index 85d34c691..8340d634f 100644
--- a/src/app/onboarding/components/name-archive-screen/name-archive-screen.component.ts
+++ b/src/app/onboarding/components/name-archive-screen/name-archive-screen.component.ts
@@ -37,4 +37,4 @@ export class NameArchiveScreenComponent implements OnInit {
this.archiveCreatedEmitter.emit(this.nameForm.value.name);
}
}
-}
\ No newline at end of file
+}
diff --git a/src/app/onboarding/components/onboarding/onboarding.component.scss b/src/app/onboarding/components/onboarding/onboarding.component.scss
index 3fb56dd4e..a2710cbd0 100644
--- a/src/app/onboarding/components/onboarding/onboarding.component.scss
+++ b/src/app/onboarding/components/onboarding/onboarding.component.scss
@@ -77,7 +77,8 @@ $transition-length: 0.33s;
.alert-wrapper {
padding: 10px 10px;
transform: translateY(0);
- transition: transform $transition-length ease-in 0s,
+ transition:
+ transform $transition-length ease-in 0s,
visibility 0s linear $transition-length;
display: block;
margin: 0 auto;
@@ -85,20 +86,25 @@ $transition-length: 0.33s;
&.visible {
transform: translateY(100%);
- transition: transform $transition-length ease-out, visibility 0s linear 0s;
+ transition:
+ transform $transition-length ease-out,
+ visibility 0s linear 0s;
visibility: visible;
}
}
.alert-wrapper.fade {
opacity: 0;
- transition: transform 0s linear $transition-length,
+ transition:
+ transform 0s linear $transition-length,
opacity $transition-length ease-in 0s,
visibility 0s linear $transition-length;
&.visible {
opacity: 1;
- transition: transform 0s, opacity $transition-length ease-out,
+ transition:
+ transform 0s,
+ opacity $transition-length ease-out,
visibility 0s linear 0s;
}
}
@@ -110,4 +116,4 @@ pr-create-new-archive {
@media screen and (max-width: 770px) {
flex-direction: column;
}
-}
\ No newline at end of file
+}
diff --git a/src/app/onboarding/components/onboarding/onboarding.component.ts b/src/app/onboarding/components/onboarding/onboarding.component.ts
index 3649a8391..28e620f6f 100644
--- a/src/app/onboarding/components/onboarding/onboarding.component.ts
+++ b/src/app/onboarding/components/onboarding/onboarding.component.ts
@@ -45,7 +45,7 @@ export class OnboardingComponent implements OnInit {
private api: ApiService,
private account: AccountService,
private detector: ChangeDetectorRef,
- private analytics: AnalyticsService
+ private analytics: AnalyticsService,
) {
if (route.snapshot.data.onboardingScreen) {
this.screen = route.snapshot.data.onboardingScreen as OnboardingScreen;
@@ -59,7 +59,7 @@ export class OnboardingComponent implements OnInit {
this.account.refreshArchives().then((archives) => {
const [ownArchives, pendingArchives] = lodashPartition(
archives,
- (archive) => !archive.status.endsWith('pending')
+ (archive) => !archive.status.endsWith('pending'),
);
if (ownArchives.length > 0 && false) {
// This user already has archives. They don't need to onboard.
@@ -167,4 +167,4 @@ export class OnboardingComponent implements OnInit {
this.account.clear();
this.router.navigate(['/app', 'auth']);
}
-}
\ No newline at end of file
+}
diff --git a/src/app/onboarding/components/select-archive-type-screen/select-archive-type-screen.component.html b/src/app/onboarding/components/select-archive-type-screen/select-archive-type-screen.component.html
index 81f4ed3f1..7bf012464 100644
--- a/src/app/onboarding/components/select-archive-type-screen/select-archive-type-screen.component.html
+++ b/src/app/onboarding/components/select-archive-type-screen/select-archive-type-screen.component.html
@@ -1,26 +1,26 @@
-
-
With my first archive, I plan to capture and preserve material about…
-
-
-
- Back
- Let's create {{ buttonText }} Archive
-
-
\ No newline at end of file
+
+
With my first archive, I plan to capture and preserve material about…
+
+
+
+ Back
+ Let's create {{ buttonText }} Archive
+
+
diff --git a/src/app/onboarding/components/select-archive-type-screen/select-archive-type-screen.component.scss b/src/app/onboarding/components/select-archive-type-screen/select-archive-type-screen.component.scss
index 8b3118688..01de9b215 100644
--- a/src/app/onboarding/components/select-archive-type-screen/select-archive-type-screen.component.scss
+++ b/src/app/onboarding/components/select-archive-type-screen/select-archive-type-screen.component.scss
@@ -57,4 +57,4 @@
.create-archive-button {
width: 100%;
-}
\ No newline at end of file
+}
diff --git a/src/app/onboarding/components/select-archive-type-screen/select-archive-type-screen.component.spec.ts b/src/app/onboarding/components/select-archive-type-screen/select-archive-type-screen.component.spec.ts
index be54e7ee1..7651b8130 100644
--- a/src/app/onboarding/components/select-archive-type-screen/select-archive-type-screen.component.spec.ts
+++ b/src/app/onboarding/components/select-archive-type-screen/select-archive-type-screen.component.spec.ts
@@ -66,10 +66,10 @@ describe('SelectArchiveTypeScreenComponent', () => {
fixture.detectChanges();
const createButton = fixture.debugElement.query(
- By.css('.create-archive-button')
+ By.css('.create-archive-button'),
);
createButton.triggerEventHandler('buttonClick', null);
expect(instance.navigate).toHaveBeenCalledWith('name-archive');
});
-});
\ No newline at end of file
+});
diff --git a/src/app/onboarding/components/select-archive-type-screen/select-archive-type-screen.component.ts b/src/app/onboarding/components/select-archive-type-screen/select-archive-type-screen.component.ts
index b87f922fa..502d56291 100644
--- a/src/app/onboarding/components/select-archive-type-screen/select-archive-type-screen.component.ts
+++ b/src/app/onboarding/components/select-archive-type-screen/select-archive-type-screen.component.ts
@@ -42,4 +42,4 @@ export class SelectArchiveTypeScreenComponent {
this.buttonText = generateElementText(event, archiveOptionsWithArticle);
this.headerText = generateElementText(event, archiveCreationHeaderText);
}
-}
\ No newline at end of file
+}
From 1d24e96e6d8454ed2ec991db4dfc0cbde1f8c768 Mon Sep 17 00:00:00 2001
From: crisnicandrei <62384997+crisnicandrei@users.noreply.github.com>
Date: Thu, 4 Jul 2024 15:01:38 +0300
Subject: [PATCH 3/3] linting
---
.../create-new-archive.component.spec.ts | 12 ------------
src/app/onboarding/onboarding.module.ts | 2 +-
2 files changed, 1 insertion(+), 13 deletions(-)
diff --git a/src/app/onboarding/components/create-new-archive/create-new-archive.component.spec.ts b/src/app/onboarding/components/create-new-archive/create-new-archive.component.spec.ts
index d7cee8e06..c142148d7 100644
--- a/src/app/onboarding/components/create-new-archive/create-new-archive.component.spec.ts
+++ b/src/app/onboarding/components/create-new-archive/create-new-archive.component.spec.ts
@@ -119,16 +119,4 @@ describe('CreateNewArchiveComponent #onboarding', () => {
expect(button.disabled).toBe(true);
});
-
- it('the create archive button should not work without any reasons selected', async () => {
- const { find, instance, fixture } = await shallow.render();
- instance.screen = 'reasons';
- instance.selectedReasons = [];
-
- fixture.detectChanges();
-
- const button = find('.create-archive').nativeElement;
-
- expect(button.disabled).toBe(true);
- });
});
diff --git a/src/app/onboarding/onboarding.module.ts b/src/app/onboarding/onboarding.module.ts
index fa982e8a5..55eee5426 100644
--- a/src/app/onboarding/onboarding.module.ts
+++ b/src/app/onboarding/onboarding.module.ts
@@ -15,13 +15,13 @@ import { CoreModule } from '@core/core.module';
import { SkipOnboardingDialogComponent } from '@core/components/skip-onboarding-dialog/skip-onboarding-dialog.component';
import { DialogModule } from '../dialog/dialog.module';
import { DialogCdkModule } from '../dialog-cdk/dialog-cdk.module';
+import { ComponentsModule } from '../component-library/components.module';
import { OnboardingRoutingModule } from './onboarding.routes';
import { OnboardingComponent } from './components/onboarding/onboarding.component';
import { WelcomeScreenComponent } from './components/welcome-screen/welcome-screen.component';
import { CreateNewArchiveComponent } from './components/create-new-archive/create-new-archive.component';
import { ArchiveTypeSelectComponent } from './components/archive-type-select/archive-type-select.component';
import { ArchiveCreationStartScreenComponent } from './components/archive-creation-start-screen/archive-creation-start-screen.component';
-import { ComponentsModule } from '../component-library/components.module';
import { SelectArchiveTypeScreenComponent } from './components/select-archive-type-screen/select-archive-type-screen.component';
import { NameArchiveScreenComponent } from './components/name-archive-screen/name-archive-screen.component';
import { GlamArchiveTypeSelectComponent } from './components/glam/archive-type-select/archive-type-select.component';