Skip to content

Commit 67ea98d

Browse files
RhoggerRhogger
committed
💄 style: Ajuste na responsividade
1 parent 2513a4d commit 67ea98d

File tree

1 file changed

+144
-146
lines changed

1 file changed

+144
-146
lines changed

‎UxTracker.Web/Pages/Contexts/Research/UseCases/Project/ProjectPage.razor

Lines changed: 144 additions & 146 deletions
Original file line numberDiff line numberDiff line change
@@ -405,172 +405,170 @@
405405
Class="pa-8 rounded-lg r-paper r-no-graphics"
406406
Outlined="true">
407407
<div class="d-flex flex-column align-center gap-20 w-full">
408-
409-
</div>
410-
<MudText
411-
Typo="Typo.h4"
412-
Align="Align.Center"
413-
Class="r-paper-title">
414-
Relatórios
415-
</MudText>
416-
417-
@if (Response.Data.Project.ReviewsCount > 0)
418-
{
419-
@if (Response.Data.Project.Status.Equals(Status.InProgress) && Response.Data.Project.Relatories != null)
408+
<MudText
409+
Typo="Typo.h4"
410+
Align="Align.Center"
411+
Class="r-paper-title">
412+
Relatórios
413+
</MudText>
414+
415+
@if (Response.Data.Project.ReviewsCount > 0)
420416
{
421-
<div class="d-flex flex-column gap-10 w-full align-center justify-center">
422-
<MudText
423-
Align="Align.Center"
424-
Class=""
425-
Typo="Typo.h5">
426-
Avaliações de cada usuário por período
427-
</MudText>
417+
@if (Response.Data.Project.Status.Equals(Status.InProgress) && Response.Data.Project.Relatories != null)
418+
{
419+
<div class="d-flex flex-column gap-10 w-full align-center justify-center">
420+
<MudText
421+
Align="Align.Center"
422+
Class=""
423+
Typo="Typo.h5">
424+
Avaliações de cada usuário por período
425+
</MudText>
426+
427+
<CommentsPerUser Reviews="Response.Data.Project.Reviews"/>
428+
</div>
429+
}
428430

429-
<CommentsPerUser Reviews="Response.Data.Project.Reviews"/>
430-
</div>
431-
}
431+
@if (Response.Data.Project.Status.Equals(Status.Finished) && Response.Data.Project.Relatories != null)
432+
{
433+
<div class="d-flex flex-column w-full gap-20 align-center">
434+
@if (Response.Data.Project.Relatories.Select(x => x.Title).Contains("Visão geral da evolução das avaliações"))
435+
{
436+
<div class="d-flex flex-column gap-10 w-full align-center justify-center">
437+
<MudText
438+
Align="Align.Center"
439+
Class=""
440+
Typo="Typo.h5">
441+
Visão geral da evolução das avaliações
442+
</MudText>
432443

433-
@if (Response.Data.Project.Status.Equals(Status.Finished) && Response.Data.Project.Relatories != null)
434-
{
435-
<div class="d-flex flex-column w-full gap-20 align-center">
436-
@if (Response.Data.Project.Relatories.Select(x => x.Title).Contains("Visão geral da evolução das avaliações"))
437-
{
438-
<div class="d-flex flex-column gap-10 w-full align-center justify-center">
439-
<MudText
440-
Align="Align.Center"
441-
Class=""
442-
Typo="Typo.h5">
443-
Visão geral da evolução das avaliações
444-
</MudText>
445-
446-
<EvaluationProgressOverviewTable Reviews="Response.Data.Project.Reviews"/>
447-
</div>
448-
}
449-
450-
@if (Response.Data.Project.Relatories.Select(x => x.Title).Contains("Avaliações de cada usuário por período"))
451-
{
452-
<div class="d-flex flex-column gap-10 w-full align-center justify-center">
453-
<MudText
454-
Align="Align.Center"
455-
Class=""
456-
Typo="Typo.h5">
457-
Avaliações de cada usuário por período
458-
</MudText>
459-
460-
<CommentsPerUser Reviews="Response.Data.Project.Reviews"/>
461-
</div>
462-
}
463-
464-
@if (Response.Data.Project.Relatories.Select(x => x.Title).Contains("Distribuição das avaliações por período"))
465-
{
466-
<div class="d-flex flex-column gap-10 w-full align-center justify-center">
467-
<MudText
468-
Align="Align.Center"
469-
Class=""
470-
Typo="Typo.h5">
471-
Distribuição das avaliações por período
472-
</MudText>
473-
474-
<BoxplotEvaluationDistribution
475-
PeriodType="Response.Data.Project.PeriodType"
476-
SurveyCollections="Response.Data.Project.SurveyCollections"
477-
Rates="Response.Data.Project.Reviews"
478-
ContainerClass="w-full r-no-graphics"/>
479-
</div>
480-
}
481-
482-
@if (Response.Data.Project.Relatories.Select(x => x.Title).Contains("Frequência das avaliações por período de tempo"))
483-
{
484-
<div class="d-flex flex-column gap-10 w-full align-center justify-center">
485-
<MudText
486-
Align="Align.Center"
487-
Class=""
488-
Typo="Typo.h5">
489-
Frequência das avaliações por período de tempo
490-
</MudText>
491-
492-
@foreach (var group in Response.Data.Project.Reviews
493-
.GroupBy(x => x.Index)
494-
.Select(x => new ReviewsFrequency(x.Key, x.Select(rate => rate.Rate).ToList()))
495-
.ToList())
496-
{
497-
<BarsReviewFrequency
444+
<EvaluationProgressOverviewTable Reviews="Response.Data.Project.Reviews"/>
445+
</div>
446+
}
447+
448+
@if (Response.Data.Project.Relatories.Select(x => x.Title).Contains("Avaliações de cada usuário por período"))
449+
{
450+
<div class="d-flex flex-column gap-10 w-full align-center justify-center">
451+
<MudText
452+
Align="Align.Center"
453+
Class=""
454+
Typo="Typo.h5">
455+
Avaliações de cada usuário por período
456+
</MudText>
457+
458+
<CommentsPerUser Reviews="Response.Data.Project.Reviews"/>
459+
</div>
460+
}
461+
462+
@if (Response.Data.Project.Relatories.Select(x => x.Title).Contains("Distribuição das avaliações por período"))
463+
{
464+
<div class="d-flex flex-column gap-10 w-full align-center justify-center">
465+
<MudText
466+
Align="Align.Center"
467+
Class=""
468+
Typo="Typo.h5">
469+
Distribuição das avaliações por período
470+
</MudText>
471+
472+
<BoxplotEvaluationDistribution
498473
PeriodType="Response.Data.Project.PeriodType"
499474
SurveyCollections="Response.Data.Project.SurveyCollections"
500-
ReviewersCount="Response.Data.Project.ReviewersCount"
501-
Rates="group"
475+
Rates="Response.Data.Project.Reviews"
502476
ContainerClass="w-full r-no-graphics"/>
503-
}
504-
</div>
505-
}
506-
507-
@if (Response.Data.Project.Relatories.Select(x => x.Title).Contains("Número adequado de clusters de usuário"))
508-
{
509-
<div class="d-flex flex-column gap-10 w-full align-center justify-center">
510-
<MudText
511-
Align="Align.Center"
512-
Class=""
513-
Typo="Typo.h5">
514-
Número adequado de clusters de usuário
515-
</MudText>
516-
517-
<ElbowChart
518-
ContainerClass="w-full r-no-graphics"
519-
Reviews="Response.Data.Project.Reviews"/>
520-
521-
<div class="cluster-container">
522-
<MudNumericField
523-
T="int"
524-
ShrinkLabel="true"
525-
Label="Clusters"
526-
Min="1"
527-
Max="10"
528-
Variant="Variant.Filled"
529-
Required="true"
530-
@bind-Value="@UpdateClusterRequest.NumberCluster"
531-
HelperText="Entre 1 e 10"/>
532-
533-
<MudButton
534-
Class="btn-cluster"
535-
Color="Color.Success"
536-
Variant="Variant.Filled"
537-
StartIcon="@Icons.Material.Filled.Save"
538-
OnClick="UpdateClusterNumber">
539-
@if (!IsBusyCluster)
540-
{
541-
@("Salvar")
542-
}
543-
else
544-
{
545-
<MudProgressCircular Indeterminate="true" Color="Color.Inherit" Size="Size.Small" StrokeWidth="4"/>
546-
}
547-
</MudButton>
548477
</div>
549-
</div>
478+
}
550479

551-
@if (Response.Data.Project.ClusterNumber != 0)
480+
@if (Response.Data.Project.Relatories.Select(x => x.Title).Contains("Frequência das avaliações por período de tempo"))
552481
{
553482
<div class="d-flex flex-column gap-10 w-full align-center justify-center">
554483
<MudText
555484
Align="Align.Center"
556485
Class=""
557486
Typo="Typo.h5">
558-
Média da experiência do usuário ao longo do tempo
487+
Frequência das avaliações por período de tempo
559488
</MudText>
560489

561-
<ClustersChart
562-
Reviews="Response.Data.Project.Reviews"
563-
ContainerClass="w-full r-no-graphics"
564-
PeriodType="Response.Data.Project.PeriodType"
565-
SurveyCollections="Response.Data.Project.SurveyCollections"
566-
NumberOfClusters="Response.Data.Project.ClusterNumber"/>
490+
@foreach (var group in Response.Data.Project.Reviews
491+
.GroupBy(x => x.Index)
492+
.Select(x => new ReviewsFrequency(x.Key, x.Select(rate => rate.Rate).ToList()))
493+
.ToList())
494+
{
495+
<BarsReviewFrequency
496+
PeriodType="Response.Data.Project.PeriodType"
497+
SurveyCollections="Response.Data.Project.SurveyCollections"
498+
ReviewersCount="Response.Data.Project.ReviewersCount"
499+
Rates="group"
500+
ContainerClass="w-full r-no-graphics"/>
501+
}
567502
</div>
568503
}
569-
}
570-
</div>
571504

505+
@if (Response.Data.Project.Relatories.Select(x => x.Title).Contains("Número adequado de clusters de usuário"))
506+
{
507+
<div class="d-flex flex-column gap-10 w-full align-center justify-center">
508+
<MudText
509+
Align="Align.Center"
510+
Class=""
511+
Typo="Typo.h5">
512+
Número adequado de clusters de usuário
513+
</MudText>
514+
515+
<ElbowChart
516+
ContainerClass="w-full r-no-graphics"
517+
Reviews="Response.Data.Project.Reviews"/>
518+
519+
<div class="cluster-container">
520+
<MudNumericField
521+
T="int"
522+
ShrinkLabel="true"
523+
Label="Clusters"
524+
Min="1"
525+
Max="10"
526+
Variant="Variant.Filled"
527+
Required="true"
528+
@bind-Value="@UpdateClusterRequest.NumberCluster"
529+
HelperText="Entre 1 e 10"/>
530+
531+
<MudButton
532+
Class="btn-cluster"
533+
Color="Color.Success"
534+
Variant="Variant.Filled"
535+
StartIcon="@Icons.Material.Filled.Save"
536+
OnClick="UpdateClusterNumber">
537+
@if (!IsBusyCluster)
538+
{
539+
@("Salvar")
540+
}
541+
else
542+
{
543+
<MudProgressCircular Indeterminate="true" Color="Color.Inherit" Size="Size.Small" StrokeWidth="4"/>
544+
}
545+
</MudButton>
546+
</div>
547+
</div>
548+
549+
@if (Response.Data.Project.ClusterNumber != 0)
550+
{
551+
<div class="d-flex flex-column gap-10 w-full align-center justify-center">
552+
<MudText
553+
Align="Align.Center"
554+
Class=""
555+
Typo="Typo.h5">
556+
Média da experiência do usuário ao longo do tempo
557+
</MudText>
558+
559+
<ClustersChart
560+
Reviews="Response.Data.Project.Reviews"
561+
ContainerClass="w-full r-no-graphics"
562+
PeriodType="Response.Data.Project.PeriodType"
563+
SurveyCollections="Response.Data.Project.SurveyCollections"
564+
NumberOfClusters="Response.Data.Project.ClusterNumber"/>
565+
</div>
566+
}
567+
}
568+
</div>
569+
}
572570
}
573-
}
571+
</div>
574572
</MudPaper>
575573

576574
@if (Response.Data.Project.ReviewsCount > 0)

0 commit comments

Comments
 (0)