Skip to content
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

Fixed contributors page #74

Merged
merged 2 commits into from
Oct 20, 2024
Merged

Fixed contributors page #74

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
e8df54a
fixed contributors page
rajutkarsh07 Oct 20, 2024
51cccc5
fix
rajutkarsh07 Oct 20, 2024
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
66 changes: 43 additions & 23 deletions webiu-ui/src/app/components/profile-card/profile-card.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,26 +1,46 @@
<div class="profile-box">
<img class="profile-img" src={{avatar_url}}>
<p class="profile-username">{{login}}</p>
<p class ="profile-contributions">{{contributions}} contributions</p>
<div class="profile-info">
<p >{{followers}} followers</p>
<p>{{following}} followings</p>
<img class="profile-img" src="{{ avatar_url }}" />
<p class="profile-username">{{ login }}</p>
<p class="profile-contributions">{{ contributions }} contributions</p>
<div class="profile-info">
<p>{{ followers }} followers</p>
<p>{{ following }} followings</p>
</div>
<div class="profile-github">
<div class="github-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="21"
height="21"
viewBox="0 0 21 21"
fill="none"
>
<g clip-path="url(#clip0_1_285)">
<path
d="M10.5 0.5C4.975 0.5 0.5 4.975 0.5 10.5C0.5 14.925 3.3625 18.6625 7.3375 19.9875C7.8375 20.075 8.025 19.775 8.025 19.5125C8.025 19.275 8.0125 18.4875 8.0125 17.65C5.5 18.1125 4.85 17.0375 4.65 16.475C4.5375 16.1875 4.05 15.3 3.625 15.0625C3.275 14.875 2.775 14.4125 3.6125 14.4C4.4 14.3875 4.9625 15.125 5.15 15.425C6.05 16.9375 7.4875 16.5125 8.0625 16.25C8.15 15.6 8.4125 15.1625 8.7 14.9125C6.475 14.6625 4.15 13.8 4.15 9.975C4.15 8.8875 4.5375 7.9875 5.175 7.2875C5.075 7.0375 4.725 6.0125 5.275 4.6375C5.275 4.6375 6.1125 4.375 8.025 5.6625C8.825 5.4375 9.675 5.325 10.525 5.325C11.375 5.325 12.225 5.4375 13.025 5.6625C14.9375 4.3625 15.775 4.6375 15.775 4.6375C16.325 6.0125 15.975 7.0375 15.875 7.2875C16.5125 7.9875 16.9 8.875 16.9 9.975C16.9 13.8125 14.5625 14.6625 12.3375 14.9125C12.7 15.225 13.0125 15.825 13.0125 16.7625C13.0125 18.1 13 19.175 13 19.5125C13 19.775 13.1875 20.0875 13.6875 19.9875C15.673 19.3178 17.3983 18.0421 18.6205 16.34C19.8427 14.638 20.5 12.5954 20.5 10.5C20.5 4.975 16.025 0.5 10.5 0.5Z"
fill="#0A0A15"
/>
</g>
<defs>
<clipPath id="clip0_1_285">
<rect
width="20"
height="20"
fill="white"
transform="translate(0.5 0.5)"
/>
</clipPath>
</defs>
</svg>
</div>
<div class="profile-github">
<div class="github-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
<g clip-path="url(#clip0_1_285)">
<path d="M10.5 0.5C4.975 0.5 0.5 4.975 0.5 10.5C0.5 14.925 3.3625 18.6625 7.3375 19.9875C7.8375 20.075 8.025 19.775 8.025 19.5125C8.025 19.275 8.0125 18.4875 8.0125 17.65C5.5 18.1125 4.85 17.0375 4.65 16.475C4.5375 16.1875 4.05 15.3 3.625 15.0625C3.275 14.875 2.775 14.4125 3.6125 14.4C4.4 14.3875 4.9625 15.125 5.15 15.425C6.05 16.9375 7.4875 16.5125 8.0625 16.25C8.15 15.6 8.4125 15.1625 8.7 14.9125C6.475 14.6625 4.15 13.8 4.15 9.975C4.15 8.8875 4.5375 7.9875 5.175 7.2875C5.075 7.0375 4.725 6.0125 5.275 4.6375C5.275 4.6375 6.1125 4.375 8.025 5.6625C8.825 5.4375 9.675 5.325 10.525 5.325C11.375 5.325 12.225 5.4375 13.025 5.6625C14.9375 4.3625 15.775 4.6375 15.775 4.6375C16.325 6.0125 15.975 7.0375 15.875 7.2875C16.5125 7.9875 16.9 8.875 16.9 9.975C16.9 13.8125 14.5625 14.6625 12.3375 14.9125C12.7 15.225 13.0125 15.825 13.0125 16.7625C13.0125 18.1 13 19.175 13 19.5125C13 19.775 13.1875 20.0875 13.6875 19.9875C15.673 19.3178 17.3983 18.0421 18.6205 16.34C19.8427 14.638 20.5 12.5954 20.5 10.5C20.5 4.975 16.025 0.5 10.5 0.5Z" fill="#0A0A15"/>
</g>
<defs>
<clipPath id="clip0_1_285">
<rect width="20" height="20" fill="white" transform="translate(0.5 0.5)"/>
</clipPath>
</defs>
</svg>
</div>
<div>
<a class="github-username" href="https://github.com/{{login}}">
{{login}}</a>
<div>
<a
target="_blank"
class="github-username"
href="https://github.com/{{ login }}"
>
{{ login }}</a
>
</div>
</div>
</div>
</div>
73 changes: 46 additions & 27 deletions webiu-ui/src/app/page/contributors/contributors.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,31 +1,50 @@
<div class="main">
<div class="search-components">
<input type="text" class ="search-bar" placeholder="Search.." [formControl] = "searchText" />
<div class="search-button" (click)="filterProfiles()">
<p class="search-font">Search</p>
<!-- <img src="../../../assets/search.svg" alt="Search Icon" /> -->
<div class="contributors-page">
<section class="search-section">
<div class="search-container">
<div class="search-wrapper">
<input
type="text"
class="search-input"
placeholder="search contributors"
[formControl]="searchText"
/>
<button class="search-button" (click)="filterProfiles()">
<span>search</span>
<img src="../../../assets/search.svg" alt="Search Icon" />
</button>
</div>
</div>
</div>
<div class = "repo-filter">
<h3>Filter by Repository</h3>
<div class="repo-dropdown">

<select class ="repo-selection" (change)="onRepoChange($event)">
<option value="">All repos</option>
@for (repo of allRepos;track $index) {<option>{{repo}}</option>};
</select>

<div class="filter-section">
<span>filter by repository</span>
<select class="repository-select" (change)="onRepoChange($event)">
<option value="">Codelabz</option>
@for (repo of allRepos; track $index) {
<option [value]="repo">{{ repo }}</option>
}
</select>
</div>
</div>
<div class = "contributers-context">
<div class="contributors-card-container">
<ng-container
*ngIf="isLoading; then loading; else content"
></ng-container>
</div>
</section>
</div>

<ng-template #loading>
<div class="loader"></div>
</ng-template>

<ng-template #content>
<div class="contributors-grid">
@for (profile of displayProfiles; track $index) {
<app-profile-card
[login]="profile.login"
[contributions]="profile.contributions"
[avatar_url]="profile.avatar_url"
[followers]="profile.followers"
[following]="profile.following"
></app-profile-card>
}
<app-profile-card
[login]="profile.login"
[contributions]="profile.contributions"
[avatar_url]="profile.avatar_url"
[followers]="profile.followers"
[following]="profile.following"
></app-profile-card>
}
</div>
</div>
</ng-template>
Loading
Loading