](https://www.creative-tim.com/product/paper-dashboard-2)
- [
](https://www.creative-tim.com/product/paper-dashboard-angular)
- [
](https://www.creative-tim.com/product/paper-dashboard-react)
-
- | HTML | Angular | React |
- | --- | --- | --- |
- | [](https://www.creative-tim.com/product/paper-dashboard-2) | [](https://www.creative-tim.com/product/paper-dashboard-angular) | [](https://www.creative-tim.com/product/paper-dashboard-react) |
-
- ## Demo
-
- | Dashboard | User Profile | Tables | Icons | Notifications |
- | --- | --- | --- | --- | --- |
- | [](https://demos.creative-tim.com/paper-dashboard-angular/#/dashboard) | [](https://demos.creative-tim.com/paper-dashboard-angular/#/user-profile) | [](https://demos.creative-tim.com/paper-dashboard-angular/#/table-list) | [](https://demos.creative-tim.com/paper-dashboard-angular/#/maps) | [](https://demos.creative-tim.com/paper-dashboard-angular/#/notifications)
-
- [View More](https://demos.creative-tim.com/paper-dashboard-angular/#/dashboard).
-
-
-## Quick start
-
-Quick start options:
-
-- [Download from Creative Tim](https://www.creative-tim.com/product/paper-dashboard-angular).
-
-## Deploy
-
-:rocket: You can deploy your own version of the template to Genezio with one click:
-
-[](https://app.genez.io/start/deploy?repository=https://github.com/creativetimofficial/paper-dashboard-angular&utm_source=github&utm_medium=referral&utm_campaign=github-creativetim&utm_term=deploy-project&utm_content=button-head)
-
-## Terminal Commands
-
-1. Install NodeJs from [NodeJs Official Page](https://nodejs.org/en).
-2. Open Terminal
-3. Go to your file project
-4. Run in terminal: ```npm install -g @angular/cli```
-5. Then: ```npm install```
-6. And: ```ng serve```
-7. Navigate to: [http://localhost:4200/](http://localhost:4200/)
-
-### What's included
-
-Within the download you'll find the following directories and files:
-
-```
-paper-dashboard-angular
-├── CHANGELOG.md
-├── ISSUES_TEMPLATE.md
-├── LICENSE.md
-├── README.md
-├── angular.json
-├── browserslist
-├── documentation
-│ └── tutorial-components.html
-├── e2e
-├── karma.conf.js
-├── package-lock.json
-├── package.json
-├── protractor.conf.js
-├── src
-│ ├── app
-│ │ ├── app.component.css
-│ │ ├── app.component.html
-│ │ ├── app.component.spec.ts
-│ │ ├── app.component.ts
-│ │ ├── app.module.ts
-│ │ ├── app.routing.ts
-│ │ ├── layouts
-│ │ │ └── admin-layout
-│ │ │ ├── admin-layout.component.html
-│ │ │ ├── admin-layout.component.scss
-│ │ │ ├── admin-layout.component.spec.ts
-│ │ │ ├── admin-layout.component.ts
-│ │ │ ├── admin-layout.module.ts
-│ │ │ └── admin-layout.routing.ts
-│ │ ├── pages
-│ │ │ ├── dashboard
-│ │ │ │ ├── dashboard.component.html
-│ │ │ │ └── dashboard.component.ts
-│ │ │ ├── icons
-│ │ │ │ ├── icons.component.html
-│ │ │ │ └── icons.component.ts
-│ │ │ ├── maps
-│ │ │ │ ├── maps.component.html
-│ │ │ │ └── maps.component.ts
-│ │ │ ├── notifications
-│ │ │ │ ├── notifications.component.html
-│ │ │ │ └── notifications.component.ts
-│ │ │ ├── table
-│ │ │ │ ├── table.component.html
-│ │ │ │ └── table.component.ts
-│ │ │ ├── typography
-│ │ │ │ ├── typography.component.html
-│ │ │ │ └── typography.component.ts
-│ │ │ ├── upgrade
-│ │ │ │ ├── upgrade.component.html
-│ │ │ │ └── upgrade.component.ts
-│ │ │ └── user
-│ │ │ ├── user.component.html
-│ │ │ └── user.component.ts
-│ │ ├── shared
-│ │ │ ├── fixedplugin
-│ │ │ │ ├── fixedplugin.component.html
-│ │ │ │ ├── fixedplugin.component.ts
-│ │ │ │ └── fixedplugin.module.ts
-│ │ │ ├── footer
-│ │ │ │ ├── footer.component.html
-│ │ │ │ ├── footer.component.ts
-│ │ │ │ └── footer.module.ts
-│ │ │ └── navbar
-│ │ │ ├── navbar.component.html
-│ │ │ ├── navbar.component.ts
-│ │ │ └── navbar.module.ts
-│ │ └── sidebar
-│ │ ├── sidebar.component.html
-│ │ ├── sidebar.component.ts
-│ │ └── sidebar.module.ts
-│ ├── assets
-│ │ ├── css
-│ │ ├── fonts
-│ │ ├── img
-│ │ └── scss
-│ │ ├── paper-dashboard
-│ │ └── paper-dashboard.scss
-│ ├── environments
-│ ├── favicon.ico
-│ ├── index.html
-│ ├── main.ts
-│ ├── polyfills.ts
-│ ├── styles.css
-│ ├── test.ts
-│ ├── tsconfig.app.json
-│ ├── tsconfig.spec.json
-│ └── typings.d.ts
-├── tsconfig.json
-└── tslint.json
-```
-## Browser Support
-
-At present, we officially aim to support the last two versions of the following browsers:
-
-
-
-
-## Resources
-- Demo: https://demos.creative-tim.com/paper-dashboard-angular/#/dashboard
-- Download Page: https://www.creative-tim.com/product/paper-dashboard-angular
-- Documentation: https://demos.creative-tim.com/paper-dashboard-angular/#/documentation/tutorial
-- License Agreement: https://www.creative-tim.com/license
-- Support: https://www.creative-tim.com/contact-us
-- Issues: [Github Issues Page](https://github.com/creativetimofficial/paper-dashboard-angular/issues)
-
-## Reporting Issues
-We use GitHub Issues as the official bug tracker for the Paper Dashboard Angular. Here are some advices for our users that want to report an issue:
-
-1. Make sure that you are using the latest version of the Paper Dashboard Angular. Check the CHANGELOG from your dashboard on our [website](https://www.creative-tim.com/).
-2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
-3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.
-
-## Technical Support or Questions
-
-If you have questions or need help integrating the product please [contact us](https://www.creative-tim.com/contact-us) instead of opening an issue.
-
-## Licensing
-
-- Copyright 2019 Creative Tim (https://www.creative-tim.com)
-- Licensed under MIT (https://github.com/creativetimofficial/paper-dashboard-angular/blob/master/LICENSE.md)
-
-## Useful Links
-
-More products from Creative Tim:
+
+ Welcome
+Firebase Hosting Setup Complete
+You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!
+ Open Hosting Documentation +Firebase SDK Loading…
+ + + + diff --git a/src/app/app.component.css b/src/app/app.component.css index e69de29b..84827015 100644 --- a/src/app/app.component.css +++ b/src/app/app.component.css @@ -0,0 +1,4 @@ +.map { + height: 500px; + width: 100%; +} \ No newline at end of file diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 5cc6ad69..ac44bae9 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -5,13 +5,15 @@ import { ToastrModule } from "ngx-toastr"; import { SidebarModule } from './sidebar/sidebar.module'; import { FooterModule } from './shared/footer/footer.module'; -import { NavbarModule} from './shared/navbar/navbar.module'; -import { FixedPluginModule} from './shared/fixedplugin/fixedplugin.module'; +import { NavbarModule } from './shared/navbar/navbar.module'; +import { FixedPluginModule } from './shared/fixedplugin/fixedplugin.module'; import { AppComponent } from './app.component'; import { AppRoutes } from './app.routing'; import { AdminLayoutComponent } from './layouts/admin-layout/admin-layout.component'; +import { HttpClientModule } from '@angular/common/http'; +import { FormsModule } from '@angular/forms'; @NgModule({ @@ -21,14 +23,16 @@ import { AdminLayoutComponent } from './layouts/admin-layout/admin-layout.compon ], imports: [ BrowserAnimationsModule, - RouterModule.forRoot(AppRoutes,{ + RouterModule.forRoot(AppRoutes, { useHash: true }), SidebarModule, NavbarModule, ToastrModule.forRoot(), FooterModule, - FixedPluginModule + FixedPluginModule, + HttpClientModule, + FormsModule ], providers: [], bootstrap: [AppComponent] diff --git a/src/app/pages/dashboard/dashboard.component.html b/src/app/pages/dashboard/dashboard.component.html index d7072afc..dc09aa30 100644 --- a/src/app/pages/dashboard/dashboard.component.html +++ b/src/app/pages/dashboard/dashboard.component.html @@ -1,171 +1,35 @@ -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Capacity
-150GB -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Revenue
-$ 1,345 -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Errors
-23 -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Followers
-+45K -
-
-
-
-
-
-
- Users Behavior
-24 Hours performance
-
-
-
-
-
-
+
\ No newline at end of file
diff --git a/src/app/pages/dashboard/dashboard.component.ts b/src/app/pages/dashboard/dashboard.component.ts
index 8ba58148..cd56c0e7 100644
--- a/src/app/pages/dashboard/dashboard.component.ts
+++ b/src/app/pages/dashboard/dashboard.component.ts
@@ -1,209 +1,128 @@
-import { Component, OnInit } from '@angular/core';
-import Chart from 'chart.js';
+///
-
-
-
-
-
- Email Statistics
-Last Campaign Performance
-
-
-
-
-
-
-
+
+
+
+
+
-
+
NASDAQ: AAPL
-Line Chart with Points
+ Google Maps
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
Google Maps
+
+
+ 📶 WiFi recomendado:
+ {{wifiPoints[0].id}}
+
+
+ + Alcaldía: {{wifiPoints[0].alcaldia}} + +
+ + Distancia: + {{wifiPoints[0].distance | number:'1.2-2'}} km + +
+ + Alcaldía: {{wifiPoints[0].alcaldia}} + +
+ + Distancia: + {{wifiPoints[0].distance | number:'1.2-2'}} km + +
-
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/pages/table/table.component.ts b/src/app/pages/table/table.component.ts
index bc747e50..85b1330b 100644
--- a/src/app/pages/table/table.component.ts
+++ b/src/app/pages/table/table.component.ts
@@ -1,41 +1,62 @@
import { Component, OnInit } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
-declare interface TableData {
- headerRow: string[];
- dataRows: string[][];
+export interface WifiPoint {
+ id: number;
+ latitud: string;
+ longitud: string;
}
@Component({
selector: 'table-cmp',
- moduleId: module.id,
templateUrl: 'table.component.html'
})
-export class TableComponent implements OnInit{
- public tableData1: TableData;
- public tableData2: TableData;
- ngOnInit(){
- this.tableData1 = {
- headerRow: [ 'ID', 'Name', 'Country', 'City', 'Salary'],
- dataRows: [
- ['1', 'Dakota Rice', 'Niger', 'Oud-Turnhout', '$36,738'],
- ['2', 'Minerva Hooper', 'Curaçao', 'Sinaai-Waas', '$23,789'],
- ['3', 'Sage Rodriguez', 'Netherlands', 'Baileux', '$56,142'],
- ['4', 'Philip Chaney', 'Korea, South', 'Overland Park', '$38,735'],
- ['5', 'Doris Greene', 'Malawi', 'Feldkirchen in Kärnten', '$63,542'],
- ['6', 'Mason Porter', 'Chile', 'Gloucester', '$78,615']
- ]
- };
- this.tableData2 = {
- headerRow: [ 'ID', 'Name', 'Salary', 'Country', 'City' ],
- dataRows: [
- ['1', 'Dakota Rice','$36,738', 'Niger', 'Oud-Turnhout' ],
- ['2', 'Minerva Hooper', '$23,789', 'Curaçao', 'Sinaai-Waas'],
- ['3', 'Sage Rodriguez', '$56,142', 'Netherlands', 'Baileux' ],
- ['4', 'Philip Chaney', '$38,735', 'Korea, South', 'Overland Park' ],
- ['5', 'Doris Greene', '$63,542', 'Malawi', 'Feldkirchen in Kärnten', ],
- ['6', 'Mason Porter', '$78,615', 'Chile', 'Gloucester' ]
- ]
- };
+export class TableComponent implements OnInit {
+
+ wifiPoints: WifiPoint[] = [];
+ filteredWifiPoints: WifiPoint[] = [];
+
+ searchText: string = '';
+ totalPoints = 0;
+ limit = 20;
+
+ constructor(private http: HttpClient) { }
+
+ ngOnInit() {
+
+ this.http.get
+
-
+
-
-
+
Simple Table
+Puntos WiFi
+ + + ++ Mostrando {{filteredWifiPoints.length}} de {{wifiPoints.length}} puntos +
+
+
-
+
-
-
-
- | - Name - | -- Country - | -- City - | -- Salary - | - - -|||
|---|---|---|---|---|---|---|
| - Dakota Rice - | -- Niger - | -- Oud-Turnhout - | -- $36,738 - | -|||
| - Minerva Hooper - | -- Curaçao - | -- Sinaai-Waas - | -- $23,789 - | -|||
| - Sage Rodriguez - | -- Netherlands - | -- Baileux - | -- $56,142 - | -|||
| - Philip Chaney - | -- Korea, South - | -- Overland Park - | -- $38,735 - | -|||
| - Doris Greene - | -- Malawi - | -- Feldkirchen in Kärnten - | -- $63,542 - | +Nombre | +Latitud | +Longitud |
| - Mason Porter - | -- Chile - | -- Gloucester - | -- $78,615 - | -|||
| - Jon Porter - | -- Portugal - | -- Gloucester - | -- $98,615 - | -
-
-
-
+
-
- Table on Plain Background
-Here is a subtitle for this table
-
-
+
-
-
-
+
+
| - Name - | -- Country - | -- City - | -- Salary - | + -
|---|---|---|---|
| - Dakota Rice - | -- Niger - | + +||
| - Oud-Turnhout - | -- $36,738 + {{wifi.id}} | -||
| - Minerva Hooper + {{wifi.latitud}} | +- Curaçao - | -- Sinaai-Waas - | -- $23,789 - | -
| - Sage Rodriguez - | -- Netherlands - | -- Baileux - | -- $56,142 - | -
| - Philip Chaney - | -- Korea, South - | -- Overland Park - | -- $38,735 - | -
| - Doris Greene - | -- Malawi - | -- Feldkirchen in Kärnten - | -- $63,542 - | -
| - Mason Porter - | -- Chile - | -- Gloucester - | -- $78,615 - | -
| - Jon Porter - | -- Portugal - | -- Gloucester - | -- $98,615 + {{wifi.longitud}} | +
-
-
+
+
\ No newline at end of file
diff --git a/src/app/sidebar/sidebar.component.ts b/src/app/sidebar/sidebar.component.ts
index 3c327d3a..125f4471 100644
--- a/src/app/sidebar/sidebar.component.ts
+++ b/src/app/sidebar/sidebar.component.ts
@@ -9,14 +9,9 @@ export interface RouteInfo {
}
export const ROUTES: RouteInfo[] = [
- { path: '/dashboard', title: 'Dashboard', icon:'nc-bank', class: '' },
- { path: '/icons', title: 'Icons', icon:'nc-diamond', class: '' },
- { path: '/maps', title: 'Maps', icon:'nc-pin-3', class: '' },
- { path: '/notifications', title: 'Notifications', icon:'nc-bell-55', class: '' },
- { path: '/user', title: 'User Profile', icon:'nc-single-02', class: '' },
- { path: '/table', title: 'Table List', icon:'nc-tile-56', class: '' },
- { path: '/typography', title: 'Typography', icon:'nc-caps-small', class: '' },
- { path: '/upgrade', title: 'Upgrade to PRO', icon:'nc-spaceship', class: 'active-pro' },
+ { path: '/dashboard', title: 'Dashboard Clustering', icon: 'nc-bank', class: '' },
+ { path: '/maps', title: 'Maps (Score simple por proximidad)', icon: 'nc-pin-3', class: '' },
+ { path: '/table', title: 'Table List', icon: 'nc-tile-56', class: '' },
];
@Component({
diff --git a/src/assets/img/docs/filterClusters.png b/src/assets/img/docs/filterClusters.png
new file mode 100644
index 00000000..7e63f43d
Binary files /dev/null and b/src/assets/img/docs/filterClusters.png differ
diff --git a/src/assets/img/docs/mapClustering.png b/src/assets/img/docs/mapClustering.png
new file mode 100644
index 00000000..7c27a76e
Binary files /dev/null and b/src/assets/img/docs/mapClustering.png differ
diff --git a/src/assets/img/docs/mapScore.png b/src/assets/img/docs/mapScore.png
new file mode 100644
index 00000000..49743ef3
Binary files /dev/null and b/src/assets/img/docs/mapScore.png differ
diff --git a/src/assets/img/docs/mermaid-diagram.png b/src/assets/img/docs/mermaid-diagram.png
new file mode 100644
index 00000000..2622c18d
Binary files /dev/null and b/src/assets/img/docs/mermaid-diagram.png differ
diff --git a/src/assets/img/docs/mermaid-diagram2.png b/src/assets/img/docs/mermaid-diagram2.png
new file mode 100644
index 00000000..af379f45
Binary files /dev/null and b/src/assets/img/docs/mermaid-diagram2.png differ
diff --git a/src/assets/img/docs/table.png b/src/assets/img/docs/table.png
new file mode 100644
index 00000000..c6d4faf6
Binary files /dev/null and b/src/assets/img/docs/table.png differ
diff --git a/src/assets/img/docs/wifi.png b/src/assets/img/docs/wifi.png
new file mode 100644
index 00000000..8f964039
Binary files /dev/null and b/src/assets/img/docs/wifi.png differ
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
index b7f639ae..439fee6e 100644
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -4,5 +4,14 @@
// The list of which env maps to which file can be found in `.angular-cli.json`.
export const environment = {
- production: false
-};
+ production: false,
+ firebase: {
+ apiKey: "AIzaSyXXXX",
+ authDomain: "wifi-cdmx-24918.firebaseapp.com",
+ databaseURL: "https://wifi-cdmx-24918-default-rtdb.firebaseio.com",
+ projectId: "wifi-cdmx-24918",
+ storageBucket: "wifi-cdmx-24918.appspot.com",
+ messagingSenderId: "123456",
+ appId: "1:123456:web:abc"
+ }
+};
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index 46edd05d..8f4f350e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -18,31 +18,34 @@
-
-
-
-
-
-
-
-
- 
-
-
-
+
+
+