Skip to content

chore(home): design logged out #23

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Mar 19, 2025
Merged

chore(home): design logged out #23

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
35b4754
chore(home): design logged out
kpetrov24exoft Mar 17, 2025
ddc3c3f
fix(home page): separate files for hardcoded data
kpetrov24exoft Mar 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions src/app/app.routes.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,13 @@ export const routes: Routes = [
(mod) => mod.HomeComponent,
),
},
{
path: 'home-logged-out',
loadComponent: () =>
import('./features/home/logged-out/home-logged-out.component').then(
(mod) => mod.HomeLoggedOutComponent,
),
},
{
path: 'support',
loadComponent: () =>
Expand Down
1 change: 1 addition & 0 deletions src/app/core/components/root/root.component.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@
display: flex;
flex: 1;
background-color: var.$dark-blue-1;
max-width: 100vw;

.content-wrapper {
flex: 1;
Expand Down
246 changes: 246 additions & 0 deletions src/app/features/home/data.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,246 @@
import { Project } from '@osf/features/home/models/project.entity';

export const projects: Project[] = [
{
id: '1',
title: 'Project name example',
dateModified: new Date(),
bibliographicContributors: [
{
id: '1',
unregisteredContributor: 'Steger',
},
{
id: '2',
unregisteredContributor: 'Oison',
},
{
id: '2',
unregisteredContributor: 'Errington',
},
],
links: null,
},
{
id: '2',
title:
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.',
dateModified: new Date(),
bibliographicContributors: [
{
id: '1',
unregisteredContributor: 'Longsurname1',
},
{
id: '2',
unregisteredContributor: 'Loremipsumdolosit',
},
{
id: '2',
unregisteredContributor:
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.',
},
],
links: null,
},
{
id: '3',
title: 'Lorem ipsum dolor sit amet',
dateModified: new Date(),
bibliographicContributors: [
{
id: '1',
unregisteredContributor: 'Loremipsumdolorsitam1',
},
{
id: '2',
unregisteredContributor: 'Loremipsumdolorsitamipsumdol2',
},
],
links: null,
},
{
id: '4',
title: 'Project long name example Lorem ipsum dolor/',
dateModified: new Date(),
bibliographicContributors: [
{
id: '1',
unregisteredContributor: 'Steger',
},
{
id: '2',
unregisteredContributor: 'Oison',
},
{
id: '2',
unregisteredContributor: 'Errington',
},
],
links: null,
},
{
id: '5',
title: 'Project long name example /',
dateModified: new Date(),
bibliographicContributors: [
{
id: '1',
unregisteredContributor: 'Steger',
},
{
id: '2',
unregisteredContributor: 'Oison',
},
{
id: '2',
unregisteredContributor: 'Errington',
},
],
links: null,
},
{
id: '6',
title: 'Project long name example',
dateModified: new Date(),
bibliographicContributors: [
{
id: '1',
unregisteredContributor: 'Steger',
},
{
id: '2',
unregisteredContributor: 'Oison',
},
{
id: '2',
unregisteredContributor: 'Errington',
},
],
links: null,
},
{
id: '7',
title: 'Project long name example Lorem ipsum dolor sit amet',
dateModified: new Date(),
bibliographicContributors: [
{
id: '1',
unregisteredContributor: 'Longsurname1',
},
{
id: '2',
unregisteredContributor: 'Loremipsumdolosit',
},
{
id: '2',
unregisteredContributor: 'Loremipsumdolorsitam',
},
],
links: null,
},
{
id: '8',
title: 'Lorem ipsum dolor sit amet',
dateModified: new Date(),
bibliographicContributors: [
{
id: '1',
unregisteredContributor: 'Loremipsumdolorsitam1',
},
{
id: '2',
unregisteredContributor: 'Loremipsumdolorsitamipsumdol2',
},
],
links: null,
},
{
id: '9',
title: 'Project long name example Lorem ipsum dolor sit amet',
dateModified: new Date(),
bibliographicContributors: [
{
id: '1',
unregisteredContributor: 'Longsurname1',
},
{
id: '2',
unregisteredContributor: 'Loremipsumdolosit',
},
{
id: '2',
unregisteredContributor: 'Loremipsumdolorsitam',
},
],
links: null,
},
{
id: '10',
title: 'Lorem ipsum dolor sit amet',
dateModified: new Date(),
bibliographicContributors: [
{
id: '1',
unregisteredContributor: 'Loremipsumdolorsitam1',
},
{
id: '2',
unregisteredContributor: 'Loremipsumdolorsitamipsumdol2',
},
],
links: null,
},
];

export const noteworthy = [
{
title:
'CLINICAL APPLICATIONS OF DIGITAL DENTISTRY IN PEDIATRIC DENTISTRY: SCOPE REVIEW',
authors: 'by Moreira, Imparato, Borges, and 1 more',
},
{
title:
'Transcutaneous electrical nerve stimulation enhances gait adaptation savings in multiple sclerosis',
authors: 'by Hagen, Whittier, Stephens, and 1 more',
},
{
title:
'New technologies of the lipid fraction of industrialized parenteral nutrition, does the incorporation bring results in the clinical results of patients? A scoping review of the literature',
authors: 'by de Oliveira and Manin',
},
{
title:
'Corticospinal Excitability in Response to Mediolateral Gait Instability',
authors: 'by Raven, Davies, and Bruijn',
},
{
title: 'Topic Modeling - Mississippi River Basin Literature',
authors: 'by Wimhurst, Koch, and McPherson',
},
];

export const mostPopular = [
{
title: 'PsiChiR',
authors: 'by Wagge, Staples, Edlund, and 3 more',
},
{
title:
'Data and Code for "Evaluating large language models in theory of mind tasks"',
authors: 'by Kosinski',
},
{
title:
'The Data Detectives! A Game of Persistent Identifiers (PIDfest 2024)',
authors: 'by Olson',
},
{
title: 'Working Group on NIH DMSP Guidance',
authors: 'by Ye, Hertz, Badger, and 26 more',
},
{
title: 'Better Scientific Poster',
authors: 'by Morrison',
},
];
5 changes: 2 additions & 3 deletions src/app/features/home/home.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,12 +27,11 @@
<a routerLink="/search">search</a> OSF
</p>

<div class="search-container">
<div class="input-search">
<i class="osf-icon-search"></i>
<input
class="search-input"
type="text"
placeholder="Search in your projects"
placeholder="Search"
pInputText
[(ngModel)]="searchValue"
/>
Expand Down
53 changes: 21 additions & 32 deletions src/app/features/home/home.component.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,32 @@
@use "assets/styles/variables" as var;

@mixin flex-container($direction: row, $justify: flex-start, $align: center) {
display: flex;
flex-direction: $direction;
justify-content: $justify;
align-items: $align;
}

:host {
@include flex-container(column);
display: flex;
flex-direction: column;

.home-container {
margin-top: 4.5rem;
}

.dashboard-header {
display: flex;
justify-content: start;
width: 100%;
padding: 7.14rem 1.71rem 3.43rem 1.71rem;
background: var.$gradient-1;

.dashboard-title {
font-size: 1.71rem;
color: var.$dark-blue-1;
font-weight: 700;
margin-left: 0.86rem;
}

p-button {
margin-left: auto;
}
}

.quick-search-container {
background: white;
padding: 1.71rem;
Expand All @@ -30,30 +43,6 @@
color: var.$pr-blue-1;
}
}

.search-container {
@include flex-container(row, flex-start, center);
position: relative;

i {
position: absolute;
left: 0.86rem;
color: var.$dark-blue-1;
font-size: 1.1rem;
}

.search-input {
width: 100%;
background: white;
border: 1px solid var.$grey-2;
border-radius: 0.57rem;
font-size: 1.1rem;
font-weight: 400;
padding-left: 2.86rem;
color: var.$dark-blue-1;
height: 3.29rem;
}
}
}

.public-projects-container {
Expand Down
Loading