8000 New Founder View with Progress Bar by yashop7 · Pull Request #393 · block-core/angor · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

New Founder View with Progress Bar #393

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 4 commits into from
Jun 4, 2025
Merged

New Founder View with Progress Bar #393

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
e4fcee9
Founder View Progress Bar
yashop7 May 20, 2025
31b751d
ApproveInvestment SVG + TBTC fix
yashop7 Jun 2, 2025
68fbf6b
coinTicker fix
yashop7 Jun 3, 2025
2c7a181
Update src/Angor/Client/Components/FounderProjectItem.razor
dangershony Jun 4, 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
165 changes: 112 additions & 53 deletions src/Angor/Client/Components/FounderProjectItem.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,16 +2,18 @@
@using Angor.Client.Models
@using Angor.Client.Storage
@using System.Text.RegularExpressions
@using Blockcore.NBitcoin

@inject IRelayService RelayService;
@inject IClientStorage Storage;
@inject IHtmlStripperService HtmlStripperService;
@inject IIndexerService _IndexerService



<div class="col d-flex align-items-stretch">
<div class="col d-flex align-items-stretch hover-effect">
<div class="card mt-4 w-100 project-card">
<a role="button" href=@($"/view/{FounderProject.ProjectInfo.ProjectIdentifier}")>
<a class="d-block">

<div class="banner-container">
Expand All @@ -27,62 +29,69 @@



<div class="d-flex align-items-center mb-4">
<span class="user-select-none">
<Icon IconName="view" Height="24" Width="24"></Icon>
</span>
<div class="h-100 ms-3">
<h5 class="mb-0 font-weight-bolder">
<a href="/view/@FounderProject.ProjectInfo.ProjectIdentifier"> @FounderProject.Metadata.Name</a>
</h5>
<div class="d-flex align-items-center justify-content-between mb-4">
<div class="d-flex align-items-center">
<span class="user-select-none">
<Icon IconName="view" Height="24" Width="24" />
</span>
<div class="h-100 ms-3">
<h5 class="mb-0 font-weight-bolder">
<a href="/view/@FounderProject.ProjectInfo.ProjectIdentifier">
@FounderProject.Metadata.Name
</a>
</h5>
</div>
</div>

@if (InvestmentRequests)
{
<a class="d-flex align-items-center text-white"
href=@($"/signatures/{FounderProject.ProjectInfo.ProjectIdentifier}")
title="Approve investments">
<span class="user-select-none">
<Icon IconName="signature" Height="24" Width="24"></Icon>
</span>
</a>
}
</div>
<p class="mb-0 line-clamp-3">@(ConvertToMarkupString(FounderProject.Metadata.About))</p>
<p class="mb-0 line-clamp-3 text-white">@(ConvertToMarkupString(FounderProject.Metadata.About))</p>



</div>
<div class="card-footer pt-0">
<hr class="horizontal light mt-3">

<a role="button" class="d-flex align-items-center btn btn-border w-100-m" href=@($"/view/{FounderProject.ProjectInfo.ProjectIdentifier}")>
<span class="user-select-none">
<Icon IconName="view-project" Height="24" Width="24"></Icon>
</span>
<div class="h-100 ms-3">
<span class="mb-0 font-weight-bolder text-primary">
View Project
</span>
</div>
</a>
<hr class="horizontal light mt-3">
<a role="button" class="d-flex align-items-center btn btn-border-success w-100-m" href=@($"/spend/{FounderProject.ProjectInfo.ProjectIdentifier}")>
<span class="user-select-none">
<Icon IconName="wallet" Height="24" Width="24"></Icon>
</span>
<div class="h-100 ms-3">
<span class="mb-0 font-weight-bolder text-primary">
Manage Funds
</span>
</div>
</a>
</div>
<div class="card-footer pt-0">

@if (InvestmentRequests)
{
<hr class="horizontal light mt-3">
<a role="button" class="d-flex align-items-center btn btn-border w-100-m" href=@($"/signatures/{FounderProject.ProjectInfo.ProjectIdentifier}")>
<span class="user-select-none">
<Icon IconName="signature" Height="24" Width="24"></Icon>
</span>
<div class="h-100 ms-3">
<span class="mb-0 font-weight-bolder">
Approve investments
<hr class="horizontal light mt-3 mb-4">

<div class="row align-items-center mb-2 text-white">
<div class="col-12 col-md-6 d-flex align-items-center mb-2 mb-md-0">
<Icon IconName="users" Height="20" Width="20" class="me-2"></Icon>
<span class="font-weight-bolder">
@projectStats.TotalInvestors Investors
</span>
</div>
</a>
}

<div class="col-12 col-md-6 text-md-end">
<span class="font-weight-bolder">
<strong>
@Money.Satoshis(projectStats.TotalRaised).ToUnit(MoneyUnit.BTC)
</strong>
/
<strong>
@Money.Satoshis(FounderProject.ProjectInfo.TargetAmount).ToUnit(MoneyUnit.BTC)
</strong>
@CoinTicker
</span>
</div>
</div>
<div class="w-full mt-3">
<div class="progress rounded-pill mb-3" style="height: 16px; background-color: var(--btn-border);">
<div class="progress-bar-striped bg-success rounded-pill text-center" role="progressbar"
style="width: @projectStats.FundingProgressPercent%;"
</div>
</div>
</div>
</div>
</a>
</div>
</div>

Expand All @@ -92,22 +101,72 @@
[Parameter]
public FounderProject FounderProject { get; set; }

[Parameter]
public string CoinTicker { get; set; } = string.Empty;

public bool InvestmentRequests { get; set; }

public class ProjectStats
{
public bool Loading { get; set; }
public long TotalRaised { get; set; }
public int TotalInvestors { get; set; }
public int FundingProgressPercent { get; set; }
}

readonly ProjectStats projectStats = new()
{
Loading = true,
TotalRaised = 0,
TotalInvestors = 0,
FundingProgressPercent = 0
};

protected override async Task OnInitializedAsync()
{
await RelayService.LookupSignaturesDirectMessagesForPubKeyAsync(FounderProject.ProjectInfo.NostrPubKey, FounderProject.LastRequestForSignaturesTime?.AddSeconds(1), 1,
_ =>
{
if (InvestmentRequests)
return;

InvestmentRequests = true;
StateHasChanged();
});

await fetchProjectDetails();
StateHasChanged();

InvestmentRequests = true;
StateHasChanged();
});
}


private async Task fetchProjectDetails()
{
try
{
projectStats.Loading = true;

if (FounderProject?.ProjectInfo != null)
{
var data = await _IndexerService.GetProjectStatsAsync(FounderProject.ProjectInfo.ProjectIdentifier);

if (data != null)
{
projectStats.TotalInvestors = (int)data.InvestorCount;
projectStats.TotalRaised = data.AmountInvested;

if (FounderProject.ProjectInfo.TargetAmount > 0)
{
projectStats.FundingProgressPercent = (int)(projectStats.TotalRaised * 100 / FounderProject.ProjectInfo.TargetAmount);
}
}
}
}
finally
{
projectStats.Loading = false;
StateHasChanged();
}
}

public MarkupString ConvertToMarkupString(string input)
{
Expand Down
2 changes: 1 addition & 1 deletion src/Angor/Client/Pages/Founder.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,7 @@
<div class="row row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-3 project-wrapper g-4" data-cy="project-grid">
@foreach (var project in founderProjects)
{
<FounderProjectItem FounderProject="@project"></FounderProjectItem>
<FounderProjectItem FounderProject="@project" CoinTicker="@network.CoinTicker"></FounderProjectItem>
}
</div>
}
Expand Down
0