-
Notifications
You must be signed in to change notification settings - Fork 38
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
e791d22
commit e8df54a
Showing
5 changed files
with
347 additions
and
178 deletions.
There are no files selected for viewing
66 changes: 43 additions & 23 deletions
66
webiu-ui/src/app/components/profile-card/profile-card.component.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
73
webiu-ui/src/app/page/contributors/contributors.component.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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> |
Oops, something went wrong.