Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
package br.com.entra21.teamroxo.TMSProject.controllers;

public class CountVisitorController {

}
44 changes: 25 additions & 19 deletions frontend/main/src/app/insight/insight.component.html
Original file line number Diff line number Diff line change
@@ -1,63 +1,69 @@
<div class="row">
<div class="col-lg-3 col-6">

<div class="small-box bg-gray">
<div class="inner">
<h3>4</h3>
<p>New Orders</p>

<div class="small-box bg-gradient-success">
<div class="inner" >

<p>10</p>


<p>New Registers Packages</p>

</div>
<div class="icon">
<i class="ion ion-bag"></i>
</div>
<a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
<a (click)="register()" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>

<div class="col-lg-3 col-6">

<div class="small-box bg-lightgray">
<div class="small-box bg-gradient-yellow">
<div class="inner">
<h1 teste></h1>
<h3>12<sup style="font-size: 20px">%</sup></h3>
<p>Bounce Rate</p>
</div>
<div class="icon">
<i class="ion ion-stats-bars"></i>
</div>
<a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
<a class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>

<div class="col-lg-3 col-6">

<div class="small-box bg-lightgray">
<div class="small-box bg-gradient-blue">
<div class="inner">
<h3>4</h3>
<p>User Registrations</p>
</div>
<div class="icon">
<i class="ion ion-person-add"></i>
</div>
<a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
<a (click)="clients()" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>

<div class="col-lg-3 col-6">

<div class="small-box bg-lightgray">
<div class="small-box bg-gradient-primary">
<div class="inner">
<h3>15</h3>
<h3>40</h3>
<p>Visitors</p>
</div>
<div class="icon">
<i class="ion ion-pie-graph"></i>
</div>
<a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
<a class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>

</div>

<div class="card bg-gradient-aliceblue">
<div class="card bg-gradient-blue">
<div class="card-header border-0 ui-sortable-handle" style="cursor: move;">
<h3 class="card-title">
<i class="far fa-calendar-alt"></i>
Expand All @@ -67,10 +73,10 @@ <h3 class="card-title">
<div class="card-tools">


<button type="button" class="btn btn-ligthgray btn-sm" data-card-widget="collapse">
<button type="button" class="btn bg-gradient-aliceblue btn-sm" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
<button type="button" class="btn btn-ligthgray btn-sm" data-card-widget="remove">
<button type="button" class="btn bg-gradient-aliceblue btn-sm" data-card-widget="remove">
<i class="fas fa-times"></i>
</button>
</div>
Expand Down Expand Up @@ -120,7 +126,7 @@ <h3 class="card-title">
<td data-action="selectDay" data-day="09/04/2022" class="day weekend">4</td>
<td data-action="selectDay" data-day="09/05/2022" class="day">5</td>
<td data-action="selectDay" data-day="09/06/2022" class="day">6</td>
<td data-action="selectDay" data-day="09/07/2022" class="day active today">7
<td data-action="selectDay" data-day="09/07/2022" class="day">7
</td>
<td data-action="selectDay" data-day="09/08/2022" class="day">8</td>
<td data-action="selectDay" data-day="09/09/2022" class="day">9</td>
Expand All @@ -146,7 +152,7 @@ <h3 class="card-title">
<td data-action="selectDay" data-day="09/21/2022" class="day">21</td>
<td data-action="selectDay" data-day="09/22/2022" class="day">22</td>
<td data-action="selectDay" data-day="09/23/2022" class="day">23</td>
<td data-action="selectDay" data-day="09/24/2022" class="day weekend">24
<td data-action="selectDay active" data-day="09/24/2022" class="day weekend">24
</td>
</tr>
<tr>
Expand Down Expand Up @@ -197,8 +203,8 @@ <h3 class="card-title">
class="month">Jun</span><span data-action="selectMonth"
class="month">Jul</span><span data-action="selectMonth"
class="month">Aug</span><span data-action="selectMonth"
class="month active">Sep</span><span data-action="selectMonth"
class="month">Oct</span><span data-action="selectMonth"
class="month">Sep</span><span data-action="selectMonth"
class="month active">Oct</span><span data-action="selectMonth"
class="month">Nov</span><span data-action="selectMonth"
class="month">Dec</span></td>
</tr>
Expand Down
31 changes: 30 additions & 1 deletion frontend/main/src/app/insight/insight.component.ts
Original file line number Diff line number Diff line change
@@ -1,15 +1,44 @@
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { RctQtComponent } from '../rct-qt/rct-qt.component';
import { HttpClient } from '@angular/common/http';

@Component({
selector: 'app-insight',
templateUrl: './insight.component.html',
styleUrls: ['./insight.component.css']
})
export class InsightComponent implements OnInit {
count: any;

constructor() { }
constructor(private router:Router) { }

ngOnInit(): void {
}

register(){
this.router.navigateByUrl('pack-register')
}

clients(){
this.router.navigateByUrl('users')
}


// public get countVisitors() : any {
// return this.countVisitors
// }

// contador(){
// this.countVisitors
// console.log(this.countVisitors);

// }







}