arnaucode
7 years ago
22 changed files with 1074 additions and 0 deletions
Unified View
Diff Options
-
+1 -0.gitignore
-
+9 -0errors.go
-
+30 -0ipFilter.go
-
+42 -0main.go
-
+18 -0mongoModels.go
-
+47 -0mongoOperations.go
-
+4 -0mongodbConfig.json
-
+42 -0readDataset.go
-
+69 -0serverConfig.go
-
+8 -0serverConfig.json
-
+46 -0serverRoutes.go
-
+4 -0web/.gitignore
-
+19 -0web/app.js
-
+18 -0web/bower.json
-
+482 -0web/css/colors.css
-
+58 -0web/index.html
-
+22 -0web/package.json
-
+37 -0web/views/main/main.html
-
+53 -0web/views/main/main.js
-
+41 -0web/views/navbar.html
-
+18 -0web/views/navbar.js
-
+6 -0web/webserver.js
@ -0,0 +1 @@ |
|||||
|
*.csv |
||||
@ -0,0 +1,9 @@ |
|||||
|
package main |
||||
|
|
||||
|
import "fmt" |
||||
|
|
||||
|
func check(err error) { |
||||
|
if err != nil { |
||||
|
fmt.Println(err) |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,30 @@ |
|||||
|
package main |
||||
|
|
||||
|
import ( |
||||
|
"errors" |
||||
|
"fmt" |
||||
|
"net/http" |
||||
|
"strings" |
||||
|
) |
||||
|
|
||||
|
func ipFilter(w http.ResponseWriter, r *http.Request) { |
||||
|
var err error |
||||
|
fmt.Println(r.RemoteAddr) |
||||
|
reqIP := strings.Split(r.RemoteAddr, ":")[0] |
||||
|
for _, ip := range serverConfig.BlockedIPs { |
||||
|
if reqIP == ip { |
||||
|
err = errors.New("ip not allowed to post images") |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
for _, ip := range serverConfig.AllowedIPs { |
||||
|
if reqIP != ip { |
||||
|
err = errors.New("ip not allowed to post images") |
||||
|
} |
||||
|
} |
||||
|
//return err
|
||||
|
if err != nil { |
||||
|
fmt.Fprintln(w, err.Error()) |
||||
|
return |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,42 @@ |
|||||
|
package main |
||||
|
|
||||
|
import ( |
||||
|
"fmt" |
||||
|
"log" |
||||
|
"net/http" |
||||
|
"os" |
||||
|
|
||||
|
"github.com/fatih/color" |
||||
|
"github.com/gorilla/handlers" |
||||
|
mgo "gopkg.in/mgo.v2" |
||||
|
) |
||||
|
|
||||
|
var cellCollection *mgo.Collection |
||||
|
|
||||
|
func main() { |
||||
|
//connect with mongodb
|
||||
|
readMongodbConfig("./mongodbConfig.json") |
||||
|
session, err := getSession() |
||||
|
check(err) |
||||
|
cellCollection = getCollection(session, "cells") |
||||
|
|
||||
|
if len(os.Args) > 1 { |
||||
|
if os.Args[1] == "-dataset" { |
||||
|
color.Blue("starting to read dataset") |
||||
|
readDataset("dataModel_head.csv") |
||||
|
color.Blue("finished reading dataset") |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//http server start
|
||||
|
readServerConfig("./serverConfig.json") |
||||
|
color.Green("server running") |
||||
|
fmt.Print("port: ") |
||||
|
color.Green(serverConfig.ServerPort) |
||||
|
router := NewRouter() |
||||
|
|
||||
|
headersOk := handlers.AllowedHeaders([]string{"X-Requested-With", "Access-Control-Allow-Origin"}) |
||||
|
originsOk := handlers.AllowedOrigins([]string{"*"}) |
||||
|
methodsOk := handlers.AllowedMethods([]string{"GET", "HEAD", "POST", "PUT", "OPTIONS"}) |
||||
|
log.Fatal(http.ListenAndServe(":"+serverConfig.ServerPort, handlers.CORS(originsOk, headersOk, methodsOk)(router))) |
||||
|
} |
||||
@ -0,0 +1,18 @@ |
|||||
|
package main |
||||
|
|
||||
|
type CellModel struct { |
||||
|
Radio string `json:"radio"` |
||||
|
MCC string `json:"mcc"` |
||||
|
Net int `json:"net"` |
||||
|
Area int `json:"area"` |
||||
|
Cell int `json:"cell"` |
||||
|
Unit int `json:"unit"` |
||||
|
Lon float64 `json:"lon"` |
||||
|
Lat float64 `json:"lat"` |
||||
|
Range float64 `json:"range"` |
||||
|
Samples int `json:"samples"` |
||||
|
Changeable string `json:"changeable"` |
||||
|
Created int64 `json:"created"` |
||||
|
Updated int64 `json:"updated"` |
||||
|
AverageSignal float64 `json:"averagesignal"` |
||||
|
} |
||||
@ -0,0 +1,47 @@ |
|||||
|
package main |
||||
|
|
||||
|
import ( |
||||
|
"encoding/json" |
||||
|
"fmt" |
||||
|
"io/ioutil" |
||||
|
|
||||
|
mgo "gopkg.in/mgo.v2" |
||||
|
) |
||||
|
|
||||
|
//MongoConfig stores the configuration of mongodb to connect
|
||||
|
type MongoConfig struct { |
||||
|
Ip string `json:"ip"` |
||||
|
Database string `json:"database"` |
||||
|
} |
||||
|
|
||||
|
var mongoConfig MongoConfig |
||||
|
|
||||
|
func readMongodbConfig(path string) { |
||||
|
file, e := ioutil.ReadFile(path) |
||||
|
if e != nil { |
||||
|
fmt.Println("error:", e) |
||||
|
} |
||||
|
content := string(file) |
||||
|
json.Unmarshal([]byte(content), &mongoConfig) |
||||
|
} |
||||
|
|
||||
|
func getSession() (*mgo.Session, error) { |
||||
|
session, err := mgo.Dial("mongodb://" + mongoConfig.Ip) |
||||
|
if err != nil { |
||||
|
panic(err) |
||||
|
} |
||||
|
//defer session.Close()
|
||||
|
|
||||
|
// Optional. Switch the session to a monotonic behavior.
|
||||
|
session.SetMode(mgo.Monotonic, true) |
||||
|
|
||||
|
// Optional. Switch the session to a monotonic behavior.
|
||||
|
session.SetMode(mgo.Monotonic, true) |
||||
|
|
||||
|
return session, err |
||||
|
} |
||||
|
func getCollection(session *mgo.Session, collection string) *mgo.Collection { |
||||
|
|
||||
|
c := session.DB(mongoConfig.Database).C(collection) |
||||
|
return c |
||||
|
} |
||||
@ -0,0 +1,4 @@ |
|||||
|
{ |
||||
|
"ip": "127.0.0.1", |
||||
|
"database": "cellmap" |
||||
|
} |
||||
@ -0,0 +1,42 @@ |
|||||
|
package main |
||||
|
|
||||
|
import ( |
||||
|
"bufio" |
||||
|
"os" |
||||
|
"strconv" |
||||
|
"strings" |
||||
|
) |
||||
|
|
||||
|
func readDataset(path string) { |
||||
|
inFile, _ := os.Open(path) |
||||
|
defer inFile.Close() |
||||
|
scanner := bufio.NewScanner(inFile) |
||||
|
scanner.Split(bufio.ScanLines) |
||||
|
|
||||
|
var lineNum int |
||||
|
for scanner.Scan() { |
||||
|
if lineNum > 0 { |
||||
|
line := strings.Split(scanner.Text(), ",") |
||||
|
var cell CellModel |
||||
|
cell.Radio = line[0] |
||||
|
cell.MCC = line[1] |
||||
|
cell.Net, _ = strconv.Atoi(line[2]) |
||||
|
cell.Area, _ = strconv.Atoi(line[3]) |
||||
|
cell.Cell, _ = strconv.Atoi(line[4]) |
||||
|
cell.Unit, _ = strconv.Atoi(line[5]) |
||||
|
cell.Lon, _ = strconv.ParseFloat(line[6], 64) |
||||
|
cell.Lat, _ = strconv.ParseFloat(line[7], 64) |
||||
|
cell.Range, _ = strconv.ParseFloat(line[8], 64) |
||||
|
cell.Samples, _ = strconv.Atoi(line[9]) |
||||
|
cell.Changeable = line[10] |
||||
|
cell.Created, _ = strconv.ParseInt(line[11], 10, 64) |
||||
|
cell.Updated, _ = strconv.ParseInt(line[12], 10, 64) |
||||
|
cell.AverageSignal, _ = strconv.ParseFloat(line[13], 64) |
||||
|
|
||||
|
//save cell to mongodb
|
||||
|
err := cellCollection.Insert(cell) |
||||
|
check(err) |
||||
|
} |
||||
|
lineNum++ |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,69 @@ |
|||||
|
package main |
||||
|
|
||||
|
import ( |
||||
|
"encoding/json" |
||||
|
"fmt" |
||||
|
"io/ioutil" |
||||
|
"log" |
||||
|
"net/http" |
||||
|
"time" |
||||
|
|
||||
|
"github.com/gorilla/mux" |
||||
|
) |
||||
|
|
||||
|
type Route struct { |
||||
|
Name string |
||||
|
Method string |
||||
|
Pattern string |
||||
|
HandlerFunc http.HandlerFunc |
||||
|
} |
||||
|
|
||||
|
//server config
|
||||
|
type ServerConfig struct { |
||||
|
ServerIP string `json:"serverIP"` |
||||
|
ServerPort string `json:"serverPort"` |
||||
|
AllowedIPs []string `json:"allowedIPs"` |
||||
|
BlockedIPs []string `json:"blockedIPs"` |
||||
|
} |
||||
|
|
||||
|
var serverConfig ServerConfig |
||||
|
|
||||
|
func readServerConfig(path string) { |
||||
|
file, err := ioutil.ReadFile(path) |
||||
|
if err != nil { |
||||
|
fmt.Println("error: ", err) |
||||
|
} |
||||
|
content := string(file) |
||||
|
json.Unmarshal([]byte(content), &serverConfig) |
||||
|
} |
||||
|
|
||||
|
func Logger(inner http.Handler, name string) http.Handler { |
||||
|
return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) { |
||||
|
start := time.Now() |
||||
|
|
||||
|
inner.ServeHTTP(w, r) |
||||
|
|
||||
|
log.Printf( |
||||
|
"%s\t%s\t%s\t%s", |
||||
|
r.Method, |
||||
|
r.RequestURI, |
||||
|
name, |
||||
|
time.Since(start), |
||||
|
) |
||||
|
}) |
||||
|
} |
||||
|
func NewRouter() *mux.Router { |
||||
|
router := mux.NewRouter().StrictSlash(true) |
||||
|
for _, route := range routes { |
||||
|
var handler http.Handler |
||||
|
handler = route.HandlerFunc |
||||
|
handler = Logger(handler, route.Name) |
||||
|
|
||||
|
router. |
||||
|
Methods(route.Method). |
||||
|
Path(route.Pattern). |
||||
|
Name(route.Name). |
||||
|
Handler(handler) |
||||
|
} |
||||
|
return router |
||||
|
} |
||||
@ -0,0 +1,8 @@ |
|||||
|
{ |
||||
|
"serverIP": "127.0.0.1", |
||||
|
"serverPort": "3017", |
||||
|
"allowedIPs": [ |
||||
|
"127.0.0.1" |
||||
|
], |
||||
|
"blockedIPs": [] |
||||
|
} |
||||
@ -0,0 +1,46 @@ |
|||||
|
package main |
||||
|
|
||||
|
import ( |
||||
|
"encoding/json" |
||||
|
"fmt" |
||||
|
"net/http" |
||||
|
|
||||
|
"gopkg.in/mgo.v2/bson" |
||||
|
) |
||||
|
|
||||
|
type Routes []Route |
||||
|
|
||||
|
var routes = Routes{ |
||||
|
Route{ |
||||
|
"Index", |
||||
|
"GET", |
||||
|
"/", |
||||
|
Index, |
||||
|
}, |
||||
|
Route{ |
||||
|
"GetAllCells", |
||||
|
"Get", |
||||
|
"/allcells", |
||||
|
GetAllCells, |
||||
|
}, |
||||
|
} |
||||
|
|
||||
|
//ROUTES
|
||||
|
|
||||
|
func Index(w http.ResponseWriter, r *http.Request) { |
||||
|
fmt.Fprintln(w, "ask for cells in /r") |
||||
|
//http.FileServer(http.Dir("./web"))
|
||||
|
} |
||||
|
func GetAllCells(w http.ResponseWriter, r *http.Request) { |
||||
|
ipFilter(w, r) |
||||
|
|
||||
|
cells := []CellModel{} |
||||
|
iter := cellCollection.Find(bson.M{}).Limit(10000).Iter() |
||||
|
err := iter.All(&cells) |
||||
|
|
||||
|
//convert []cells struct to json
|
||||
|
jsonCells, err := json.Marshal(cells) |
||||
|
check(err) |
||||
|
|
||||
|
fmt.Fprintln(w, string(jsonCells)) |
||||
|
} |
||||
@ -0,0 +1,4 @@ |
|||||
|
logs/* |
||||
|
!.gitkeep |
||||
|
node_modules |
||||
|
bower_components |
||||
@ -0,0 +1,19 @@ |
|||||
|
'use strict'; |
||||
|
|
||||
|
var urlapi = "http://127.0.0.1:3017/"; |
||||
|
|
||||
|
// Declare app level module which depends on views, and components
|
||||
|
angular.module('webApp', [ |
||||
|
'ngRoute', |
||||
|
'ngMessages', |
||||
|
'angularBootstrapMaterial', |
||||
|
'app.navbar', |
||||
|
'app.main' |
||||
|
]). |
||||
|
config(['$locationProvider', '$routeProvider', function($locationProvider, $routeProvider) { |
||||
|
$locationProvider.hashPrefix('!'); |
||||
|
|
||||
|
$routeProvider.otherwise({ |
||||
|
redirectTo: '/main' |
||||
|
}); |
||||
|
}]); |
||||
@ -0,0 +1,18 @@ |
|||||
|
{ |
||||
|
"name": "cellMapVisualizer", |
||||
|
"description": "cellMapVisualizer", |
||||
|
"version": "0.0.0", |
||||
|
"homepage": "https://github.com/arnaucode/cellMapVisualizer", |
||||
|
"license": "MIT", |
||||
|
"private": true, |
||||
|
"dependencies": { |
||||
|
"angular": "^1.6.2", |
||||
|
"angular-route": "^1.6.1", |
||||
|
"angular-chart.js": "^1.1.1", |
||||
|
"angular-bootstrap-material": "abm#^0.1.4", |
||||
|
"angular-bootstrap": "^2.5.0", |
||||
|
"angular-messages": "^1.6.5", |
||||
|
"components-font-awesome": "^4.7.0", |
||||
|
"ui-leaflet": "^2.0.0" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,482 @@ |
|||||
|
/* red */ |
||||
|
.c_red50{ |
||||
|
background: #FFEBEE!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_red100{ |
||||
|
background: #FFCDD2!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_red200{ |
||||
|
background: #EF9A9A!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_red300{ |
||||
|
background: #E57373!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_red400{ |
||||
|
background: #EF5350!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_red500{ |
||||
|
background: #F44336!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_red600{ |
||||
|
background: #E53935!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_red700{ |
||||
|
background: #D32F2F!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_red800{ |
||||
|
background: #C62828!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_red900{ |
||||
|
background: #B71C1C!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
|
||||
|
.ctext_red400{ |
||||
|
color: #EF5350!important; |
||||
|
} |
||||
|
.ctext_red500{ |
||||
|
color: #F44336!important; |
||||
|
} |
||||
|
.ctext_red600{ |
||||
|
color: #E53935!important; |
||||
|
} |
||||
|
|
||||
|
/* pink */ |
||||
|
.c_pink50{ |
||||
|
background: #FCE4EC!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_pink100{ |
||||
|
background: #F8BBD0!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_pink200{ |
||||
|
background: #F48FB1!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_pink300{ |
||||
|
background: #F06292!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_pink400{ |
||||
|
background: #EC407A!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_pink500{ |
||||
|
background: #E91E63!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_pink600{ |
||||
|
background: #D81B60!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_pink700{ |
||||
|
background: #C2185B!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_pink800{ |
||||
|
background: #AD1457!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_pink900{ |
||||
|
background: #880E4F!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
|
||||
|
/* deepPurple */ |
||||
|
.c_deepPurple50{ |
||||
|
background: #EDE7F6!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_deepPurple100{ |
||||
|
background: #D1C4E9!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_deepPurple200{ |
||||
|
background: #B39DDB!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_deepPurple300{ |
||||
|
background: #9575CD!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_deepPurple400{ |
||||
|
background: #7E57C2!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_deepPurple500{ |
||||
|
background: #673AB7!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_deepPurple600{ |
||||
|
background: #5E35B1!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_deepPurple700{ |
||||
|
background: #512DA8!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_deepPurple800{ |
||||
|
background: #4527A0!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_deepPurple900{ |
||||
|
background: #311B92!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
|
||||
|
/* indigo */ |
||||
|
.c_indigo50{ |
||||
|
background:#E8EAF6!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_indigo100{ |
||||
|
background:#C5CAE9!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_indigo200{ |
||||
|
background:#9FA8DA!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_indigo300{ |
||||
|
background:#7986CB!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_indigo400{ |
||||
|
background:#5C6BC0!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_indigo500{ |
||||
|
background:#3F51B5!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_indigo600{ |
||||
|
background:#3949AB!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_indigo700{ |
||||
|
background:#303F9F!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_indigo800{ |
||||
|
background:#283593!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_indigo900{ |
||||
|
background:#1A237E!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
|
||||
|
.ctext_indigo500{ |
||||
|
color: #3F51B5!important; |
||||
|
} |
||||
|
|
||||
|
/* blue */ |
||||
|
.c_blue50{ |
||||
|
background: #E3F2FD!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_blue100{ |
||||
|
background: #BBDEFB!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_blue200{ |
||||
|
background: #90CAF9!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_blue300{ |
||||
|
background: #64B5F6!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_blue400{ |
||||
|
background: #42A5F5!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_blue500{ |
||||
|
background: #2196F3!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_blue600{ |
||||
|
background: #1E88E5!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_blue700{ |
||||
|
background: #1976D2!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_blue800{ |
||||
|
background: #1565C0!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_blue900{ |
||||
|
background: #0D47A1!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* cyan */ |
||||
|
.c_cyan50{ |
||||
|
background: #E0F7FA!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_cyan100{ |
||||
|
background: #B2EBF2!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_cyan200{ |
||||
|
background: #80DEEA!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_cyan300{ |
||||
|
background: #4DD0E1!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_cyan400{ |
||||
|
background: #26C6DA!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_cyan500{ |
||||
|
background: #00BCD4!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_cyan600{ |
||||
|
background: #00ACC1!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_cyan700{ |
||||
|
background: #0097A7!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_cyan800{ |
||||
|
background: #00838F!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_cyan900{ |
||||
|
background: #006064!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
|
||||
|
/* green */ |
||||
|
.c_green50{ |
||||
|
background: #E8F5E9!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_green100{ |
||||
|
background: #C8E6C9!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_green200{ |
||||
|
background: #A5D6A7!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_green300{ |
||||
|
background: #81C784!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_green400{ |
||||
|
background: #66BB6A!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_green500{ |
||||
|
background: #4CAF50!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_green600{ |
||||
|
background: #43A047!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_green700{ |
||||
|
background: #388E3C!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_green800{ |
||||
|
background: #2E7D32!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_green900{ |
||||
|
background: #1B5E20!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
|
||||
|
/* yellow */ |
||||
|
.c_yellow50{ |
||||
|
background: #FFFDE7!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_yellow100{ |
||||
|
background: #FFF9C4!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_yellow200{ |
||||
|
background: #FFF59D!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_yellow300{ |
||||
|
background: #FFF176!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_yellow400{ |
||||
|
background: #FFEE58!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_yellow500{ |
||||
|
background: #FFEB3B!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_yellow600{ |
||||
|
background: #FDD835!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_yellow700{ |
||||
|
background: #FBC02D!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_yellow800{ |
||||
|
background: #F9A825!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_yellow900{ |
||||
|
background: #F57F17!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
|
||||
|
/* orange */ |
||||
|
.c_orange50{ |
||||
|
background: #FFF3E0!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_orange100{ |
||||
|
background: #FFE0B2!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_orange200{ |
||||
|
background: #FFCC80!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_orange300{ |
||||
|
background: #FFB74D!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_orange400{ |
||||
|
background: #FFA726!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_orange500{ |
||||
|
background: #FF9800!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_orange600{ |
||||
|
background: #FB8C00!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_orange700{ |
||||
|
background: #F57C00!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_orange800{ |
||||
|
background: #EF6C00!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_orange900{ |
||||
|
background: #E65100!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
|
||||
|
/* grey */ |
||||
|
.c_grey50{ |
||||
|
background: #FAFAFA!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_grey100{ |
||||
|
background: #F5F5F5!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_grey200{ |
||||
|
background: #EEEEEE!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_grey300{ |
||||
|
background: #E0E0E0!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_grey400{ |
||||
|
background: #BDBDBD!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_grey500{ |
||||
|
background: #9E9E9E!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_grey600{ |
||||
|
background: #757575!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_grey700{ |
||||
|
background: #616161!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_grey800{ |
||||
|
background: #424242!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_grey900{ |
||||
|
background: #212121!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
/* blue grey */ |
||||
|
.c_blueGrey50{ |
||||
|
background: #ECEFF1!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_blueGrey100{ |
||||
|
background: #CFD8DC!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_blueGrey200{ |
||||
|
background: #B0BEC5!important; |
||||
|
color: #000000!important; |
||||
|
} |
||||
|
.c_blueGrey300{ |
||||
|
background: #90A4AE!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_blueGrey400{ |
||||
|
background: #78909C!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_blueGrey500{ |
||||
|
background: #607D8B!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_blueGrey600{ |
||||
|
background: #546E7A!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_blueGrey700{ |
||||
|
background: #455A64!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_blueGrey800{ |
||||
|
background: #37474F!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
.c_blueGrey900{ |
||||
|
background: #263238!important; |
||||
|
color: #ffffff!important; |
||||
|
} |
||||
|
|
||||
|
.ctext_blueGrey500{ |
||||
|
color: #607D8B!important; |
||||
|
} |
||||
@ -0,0 +1,58 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html> |
||||
|
|
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
|
<title>cellMapVisualizer</title> |
||||
|
|
||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans:400,700'> |
||||
|
<!-- Material Design fonts --> |
||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700"> |
||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons"> |
||||
|
|
||||
|
<link rel="stylesheet" href="bower_components/components-font-awesome/css/font-awesome.min.css"> |
||||
|
|
||||
|
|
||||
|
<link href="css/colors.css" rel="stylesheet"> |
||||
|
|
||||
|
</head> |
||||
|
|
||||
|
<body ng-app="webApp"> |
||||
|
<div ng-include="'views/navbar.html'"></div> |
||||
|
|
||||
|
<div ng-view></div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- Angular js --> |
||||
|
<script src="bower_components/angular/angular.js"></script> |
||||
|
<script src="bower_components/angular-route/angular-route.js"></script> |
||||
|
<script src="bower_components/angular-messages/angular-messages.js"></script> |
||||
|
|
||||
|
<!-- Bootstrap --> |
||||
|
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"> |
||||
|
<!-- Bootstrap Material Design --> |
||||
|
<link rel="stylesheet" href="bower_components/bootstrap-material-design/dist/css/bootstrap-material-design.css"> |
||||
|
<link rel="stylesheet" href="bower_components/bootstrap-material-design/dist/css/ripples.css"> |
||||
|
|
||||
|
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script> |
||||
|
<script src="bower_components/angular-bootstrap-material/dist/angular-bootstrap-material.js"></script> |
||||
|
|
||||
|
<!-- openstreetmaps angular - leaflet --> |
||||
|
<script src="bower_components/leaflet/dist/leaflet.js"></script> |
||||
|
<script src="bower_components/angular-simple-logger/dist/angular-simple-logger.js"></script> |
||||
|
<script src="bower_components/ui-leaflet/dist/ui-leaflet.js"></script> |
||||
|
<link rel="stylesheet" href="bower_components/leaflet/dist/leaflet.css" /> |
||||
|
|
||||
|
<!-- Angular Chart --> |
||||
|
<script src="bower_components/chart.js/dist/Chart.min.js"></script> |
||||
|
<script src="bower_components/angular-chart.js/dist/angular-chart.min.js"></script> |
||||
|
|
||||
|
<!-- app's js --> |
||||
|
<script src="app.js"></script> |
||||
|
<script src="views/navbar.js"></script> |
||||
|
<script src="views/main/main.js"></script> |
||||
|
</body> |
||||
|
|
||||
|
</html> |
||||
@ -0,0 +1,22 @@ |
|||||
|
{ |
||||
|
"name": "cellMapVisualizer", |
||||
|
"private": true, |
||||
|
"version": "0.0.0", |
||||
|
"description": "cellMapVisualizer", |
||||
|
"repository": "https://github.com/arnaucode/cellMapVisualizer", |
||||
|
"license": "MIT", |
||||
|
"devDependencies": { |
||||
|
"bower": "^1.7.7", |
||||
|
"http-server": "^0.9.0" |
||||
|
}, |
||||
|
"scripts": { |
||||
|
"postinstall": "bower install", |
||||
|
"prestart": "npm install", |
||||
|
"start": "http-server -p 8080 -c-1 ./" |
||||
|
}, |
||||
|
"dependencies": { |
||||
|
"bower": "latest", |
||||
|
"connect": "latest", |
||||
|
"serve-static": "latest" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,37 @@ |
|||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-sm-3"> |
||||
|
<div class="panel"> |
||||
|
<div class="panel-heading c_blueGrey300"> |
||||
|
<h3 class="panel-title">Cells</h3> |
||||
|
</div> |
||||
|
<div class="panel-body" style="max-height: 500px;overflow-y: scroll;"> |
||||
|
<table class="table table-striped table-hover "> |
||||
|
<thead> |
||||
|
<tr> |
||||
|
<th>MCC</th> |
||||
|
<th>Area</th> |
||||
|
</tr> |
||||
|
</thead> |
||||
|
<tbody> |
||||
|
<tr ng-repeat="cell in cells"> |
||||
|
<td>{{cell.mcc}}</td> |
||||
|
<td>{{cell.area}}</td> |
||||
|
</tr> |
||||
|
</tbody> |
||||
|
</table> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-9"> |
||||
|
<div class="panel"> |
||||
|
<div class="panel-heading c_blueGrey300"> |
||||
|
<h3 class="panel-title">Map</h3> |
||||
|
</div> |
||||
|
<div class="panel-body"> |
||||
|
<leaflet width="100%" height="600px" markers="markers" paths="paths" center="center" tiles="tiles" id="map-simple-map"></leaflet> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
@ -0,0 +1,53 @@ |
|||||
|
'use strict'; |
||||
|
|
||||
|
angular.module('app.main', ['ngRoute', 'ui-leaflet']) |
||||
|
|
||||
|
.config(['$routeProvider', function($routeProvider) { |
||||
|
$routeProvider.when('/main', { |
||||
|
templateUrl: 'views/main/main.html', |
||||
|
controller: 'MainCtrl' |
||||
|
}); |
||||
|
}]) |
||||
|
|
||||
|
.controller('MainCtrl', function($scope, $http) { |
||||
|
//map
|
||||
|
$scope.center = {}; |
||||
|
$scope.bounds = {}; |
||||
|
$scope.markers = []; |
||||
|
$scope.paths = []; |
||||
|
$scope.tiles = { |
||||
|
url: "http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", |
||||
|
options: { |
||||
|
attribution: '<a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
$http.get(urlapi + 'allcells') |
||||
|
.then(function(data) { |
||||
|
console.log('data success'); |
||||
|
console.log(data); |
||||
|
$scope.cells = data.data; |
||||
|
//draw markers on map
|
||||
|
$scope.markers = []; |
||||
|
for (var i = 0; i < $scope.cells.length; i++) { |
||||
|
$scope.markers.push({ |
||||
|
lat: Number($scope.cells[i].lat), |
||||
|
lng: Number($scope.cells[i].lon), |
||||
|
message: $scope.cells[i].mcc |
||||
|
}); |
||||
|
$scope.markers.push({ |
||||
|
lat: Number($scope.cells[i].lat), |
||||
|
lng: Number($scope.cells[i].lon), |
||||
|
message: $scope.cells[i].mcc |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
$scope.center = { |
||||
|
lat: (Number($scope.cells[0].lat) + Number($scope.cells[0].lat)) / 2, |
||||
|
lng: (Number($scope.cells[0].lon) + Number($scope.cells[0].lon)) / 2, |
||||
|
zoom: 4 |
||||
|
}; |
||||
|
}, function(data) { |
||||
|
console.log('data error'); |
||||
|
}); |
||||
|
}); |
||||
@ -0,0 +1,41 @@ |
|||||
|
<div ng-controller="NavbarCtrl"> |
||||
|
<div class="navbar c_grey800"> |
||||
|
<div class="container-fluid"> |
||||
|
<div class="navbar-header"> |
||||
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse"> |
||||
|
<span class="icon-bar"></span> |
||||
|
<span class="icon-bar"></span> |
||||
|
<span class="icon-bar"></span> |
||||
|
</button> |
||||
|
<a class="navbar-brand" href="/">cellMapVisualizer</a> |
||||
|
</div> |
||||
|
<div class="navbar-collapse collapse navbar-responsive-collapse"> |
||||
|
<ul class="nav navbar-nav"> |
||||
|
<li><a href="/">Cells</a></li> |
||||
|
</ul> |
||||
|
<form class="navbar-form navbar-left"> |
||||
|
<div class="form-group"> |
||||
|
<input class="form-control col-md-8" placeholder="Search" type="text"> |
||||
|
</div> |
||||
|
</form> |
||||
|
<ul class="nav navbar-nav navbar-right"> |
||||
|
<li><a href="javascript:void(0)" target="_blank">Info</a></li> |
||||
|
<li class="dropdown"> |
||||
|
<a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Settings |
||||
|
<b class="caret"></b></a> |
||||
|
<ul class="dropdown-menu"> |
||||
|
<li><a href="javascript:void(0)">Action</a></li> |
||||
|
<li><a href="javascript:void(0)">Another action</a></li> |
||||
|
<li><a href="javascript:void(0)">Something else here</a></li> |
||||
|
<li class="divider"></li> |
||||
|
<li><a href="javascript:void(0)">Separated link</a></li> |
||||
|
</ul> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- |
||||
|
<div ng-click="goBack()" class="btn"><span class="glyphicon glyphicon-arrow-left"></span> Back</div> |
||||
|
--> |
||||
|
</div> |
||||
@ -0,0 +1,18 @@ |
|||||
|
'use strict'; |
||||
|
|
||||
|
angular.module('app.navbar', ['ngRoute']) |
||||
|
|
||||
|
.config(['$routeProvider', function($routeProvider) { |
||||
|
$routeProvider.when('/navbar', { |
||||
|
templateUrl: 'views/navbar/navbar.html', |
||||
|
controller: 'NavbarCtrl' |
||||
|
}); |
||||
|
}]) |
||||
|
|
||||
|
.controller('NavbarCtrl', function($scope, $http, $routeParams, $location) { |
||||
|
$scope.locationHash = $location.path(); |
||||
|
$scope.goBack = function() { |
||||
|
console.log("goBack"); |
||||
|
window.history.back(); |
||||
|
}; |
||||
|
}); |
||||
@ -0,0 +1,6 @@ |
|||||
|
connect = require('connect'); |
||||
|
var serveStatic = require('serve-static'); |
||||
|
connect().use(serveStatic(__dirname)).listen(3010, function(){ |
||||
|
console.log('Server running on 3010...'); |
||||
|
}); |
||||
|
|
||||