Commit 31897d5a authored by Tasio Mendez's avatar Tasio Mendez
Browse files

CSS names and imports fixed

parent d3185e2c
......@@ -25,7 +25,7 @@
--paper-tab-ink: var(--accent-color);
--paper-tabs-selection-bar-color: var(--accent-color);
}
}
paper-material{
background: white;
......@@ -41,12 +41,12 @@ google-chart {
.chart_container {
width: 49%;
margin-bottom: 20px;
margin-bottom: 20px;
}
paper-tabs, paper-toolbar {
background-color: #449DD5;
background-color: #449DD5;
color: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
border-radius: 5px 5px 0 0;
......@@ -126,6 +126,9 @@ pre {
.c {
color: #080;
}
trivalent-page > iron-pages {
padding: 0;
}
iron-pages {
padding: 48px 62px 10px;
}
......@@ -135,15 +138,11 @@ iron-pages {
.top-bar{
width: 100%;
background-color: #449DD5 !important;
color: white;
text-align: center;
height: 35px;
width: 100%;
background-color: #449DD5 !important;
color: white;
text-align: center;
height: 35px;
line-height: 35px;
border-radius: 5px 5px 0 0;
}
......@@ -20,8 +20,8 @@
<link rel="import" href="/elements/annotate-view/annotate-view.html">
<link rel="import" href="/elements/happymap/happymap-element.html">
<link href="dist/css/fs-modal.min.css" rel="stylesheet">
<script src="dist/js/fs-modal.min.js"></script>
<!-- <link href="dist/css/fs-modal.min.css" rel="stylesheet"> -->
<!-- <script src="dist/js/fs-modal.min.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>
......@@ -33,19 +33,19 @@
<dom-module id="dashboard-gsicrawler">
<link rel="import" type="css" href="dashboard-gsicrawler.css" type="css">
<link rel="import" href="/styles/app-theme.html" type="css">
<link rel="stylesheet" type="text/css" href="dashboard-gsicrawler.css">
<link rel="import" type="text/html" href="/styles/app-theme.html">
<template>
<iron-ajax auto
url="/queries.json"
handle-as="json"
last-response="{{queries}}"></iron-ajax>
last-response="{{queries}}"></iron-ajax>
<iron-ajax auto
url="/sources.json"
handle-as="json"
on-response="sourceResponse"></iron-ajax>
on-response="sourceResponse"></iron-ajax>
<!--
<div style="width:10%; padding: 1em; display:inline-block">
......@@ -69,33 +69,33 @@
<material-search active="true" search-value="{{query}}" style="margin: 0 15px;"></material-search>
<br>
</div>
<br>
<br>
<div class="row">
<div class="col-md-6 col-xs-6 col-sm-6">
<number-chart
data="{{data}}"
<number-chart
data="{{data}}"
object="schema:NewsArticle"
aggKey="type"
title="News"
title="News"
icon="/images/news.svg"
subtitle="Total"
stylebg="bg-yellow">
stylebg="bg-yellow">
</number-chart>
</div>
<div class="col-md-6 col-xs-6 col-sm-6">
<number-chart
data="{{data}}"
<number-chart
data="{{data}}"
aggKey="type"
object="schema:Article"
title="Magazines"
title="Magazines"
icon="/images/magazine.svg"
subtitle="Total"
stylebg="bg-purple">
stylebg="bg-purple">
</number-chart>
</div>
</div>
<br>
<div class="row">
<br>
<div class="row">
<div class="col-md-6">
<entities-chart
field="entities.name"
......@@ -109,7 +109,7 @@
{"name":"Place","type":"schema:Place","color":"#ff9900"},
{"name": "Person","type":"schema:Person","color":"#00c0ef"}]'>
</entities-chart>
</div>
</div>
<div class="col-md-6">
<entities-chart
field="categories.name"
......@@ -121,17 +121,17 @@
color = "#505050"
filters="{{filters}}">
</entities-chart>
</div>
</div>
<br>
<div class="row">
<div class="col-md-6">
<google-chart
field="schema:author"
data="{{data}}"
sources="{{sources}}"
sources="{{sources}}"
id='pie-chart3'
extra-id='pie-chart3'
type='pie'
......@@ -139,7 +139,7 @@
icon='icons:reorder'
options='{"title": "Source"}'
cols='[{"label": "type", "type": "string"},{"label": "Count", "type": "number"}]'>
</google-chart>
</google-chart>
</div>
<div class="col-md-6">
<people-chart
......@@ -150,7 +150,7 @@
id="entitieschart"
filters="{{filters}}">
</people-chart>
</div>
</div>
<br>
......@@ -158,7 +158,7 @@
<div class="col-md-12">
<google-chart
field="schema:datePublished"
data="{{data}}"
data="{{data}}"
id='line-chart'
extra-id='line-chart'
type='line'
......@@ -180,7 +180,7 @@
</paper-tabs>
<iron-pages class="lists" selected="{{selectedpage}}">
<div>
<news-chart
<news-chart
datos = "{{data}}"
title="List of news"
filters="{{filters}}"
......@@ -188,7 +188,7 @@
</news-chart>
</div>
<!-- <div>
<tweet-chart
<tweet-chart
datos = "{{data}}"
title="List of tweets"
filters="{{filters}}"
......@@ -196,15 +196,15 @@
</tweet-chart>
</div> -->
<div>
<propaganda-chart
<propaganda-chart
datos = "{{data}}"
title="List of propaganda"
filters="{{filters}}"
icon='communication:comment'>
</propaganda-chart>
</div>
</iron-pages>
</div>
<div class="col-md-6">
......@@ -215,17 +215,17 @@
<!--
<leaflet-map fit-to-markers>
<template is="dom-repeat" items="[[getPlaces(data)]]" as="place">
<leaflet-marker latitude="{{place.lat}}" longitude="{{place.lng}}" title="{{place.name}}">
<leaflet-marker latitude="{{place.lat}}" longitude="{{place.lng}}" title="{{place.name}}">
<b>Headline:</b>
<span>{{place.name}}</span>
</leaflet-marker>
</template>
</leaflet-map>
-->
<happymap-element
<happymap-element
data="{{data}}",
'<!-- visalized data in case of connection error -->'>
</happymap-element>
</div>
</div>
......@@ -238,7 +238,7 @@
</yasgui-ui>
</div>
<div>
This demo shows GSI-Crawler functionalities in the context of the project Trivalent. The system is aimed at crawling from a variety of data sources including news web sites such as CNN and New York Times, as well as social media platforms, like Twitter. The presented demo is the result of the ingest of the crawled online data and posterior analysis and semantic augmentation of said data. The resulting information is stored in both ElastiSearch and Fuseki databases, which allows the user to consult the data is a variety of forms, as showed.
......@@ -250,14 +250,14 @@ For a quick overview of the funtionalities of the demo, please watch the followi
To discover more, please consult the documentation at <a href="http://gsicrawler.readthedocs.io" target="_blank">Read The Docs</a>
<br><br>
H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing a comprehensive approach to violent radicalization in the EU from early understanding to improving protection.
<br><br>
<br><br>
</div>
<annotate-view name="annotate-view"></annotate-view>
</iron-pages>
</div>
<div style="background-color:#ccc; padding: 1%; margin: -16px;margin-top: 20px;">
<div style="display: flex; flex-direction: column; justify-content: center; align-content: center; margin: 0 65px;">
<img style="width: 100%; height: 50px; object-fit: contain; margin-bottom: 5px;" src="/images/gsi.png">
<img style="width: 100%; height: 50px; object-fit: contain; margin-bottom: 5px;" src="/images/gsi.png">
<div style="display: flex; flex-direction: column; justify-content: center; font-size: 12px; text-align: center;">© 2018 Grupo de Sistemas Inteligentes GSI-UPM </div>
</div>
</div>
......@@ -266,7 +266,7 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
</template>
<script>
var ready = false;
......@@ -276,17 +276,17 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
selected: {
type: Number,
value: 0
},
},
selectedpage: {
type: Number,
value: 0
},
},
query: {
type: String,
},
ids:{
type: Array
},
data:{
type: Object
......@@ -294,7 +294,7 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
client: {
type: Object,
notify: true,
observer: '_clientChanged'
observer: '_clientChanged'
},
fields: {
type: Array,
......@@ -309,7 +309,7 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
value: function() { return []; }
}
},
observers: [
'_filtersChange(filters.*)',
'entityselection(selectedentity)'
......@@ -330,7 +330,7 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
ready = true;
this._query();
},
getEntities: function(datos){
console.log("getEntities")
if(this.entityselection){
......@@ -342,9 +342,9 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
});
console.log(entities)
return entities
}
}
},
entityselection: function(entity){
console.log("entityselection")
console.log(entity)
......@@ -352,7 +352,7 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
this.filters = [];
} else this.push('filters', { terms: { 'entities.schema:name': entity.toLowerCase().split(" ")}})
},
getPlaces: function(data){
var places = []
console.log("getPlace")
......@@ -373,7 +373,7 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
_search: function(){
console.log("search fired")
console.log(this.selectedentity)
if (this.query.length == 0){
//console.log("default search fired")
this.filters = []
......@@ -385,7 +385,7 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
//this.search={"schema:articleBody":{"query":this.query,"operator":"and"}}
this._query()
}
},
_filtersChange: function() {
this._query();
......@@ -477,21 +477,21 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
}
}
}
}
}
}).then(function (resp) {
var myids = []
resp.hits.hits.forEach(function(entry){myids.push(entry._id)})
that.ids = myids;
that.data = resp;
//console.log(that.data);
});
}
}
});
</script>
......
......@@ -20,8 +20,8 @@
<link rel="import" href="/elements/annotate-view/annotate-view.html">
<link rel="import" href="/elements/happymap/happymap-element.html">
<link href="dist/css/fs-modal.min.css" rel="stylesheet">
<script src="dist/js/fs-modal.min.js"></script>
<!-- <link href="dist/css/fs-modal.min.css" rel="stylesheet"> -->
<!-- <script src="dist/js/fs-modal.min.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>
......@@ -33,19 +33,19 @@
<dom-module id="dashboard-gsicrawler">
<link rel="import" type="css" href="dashboard-gsicrawler.css" type="css">
<link rel="import" href="/styles/app-theme.html" type="css">
<link rel="stylesheet" type="text/css" href="dashboard-gsicrawler.css">
<link rel="import" type="text/html" href="/styles/app-theme.html">
<template>
<iron-ajax auto
url="/queries.json"
handle-as="json"
last-response="{{queries}}"></iron-ajax>
last-response="{{queries}}"></iron-ajax>
<iron-ajax auto
url="/sources.json"
handle-as="json"
on-response="sourceResponse"></iron-ajax>
on-response="sourceResponse"></iron-ajax>
<!--
<div style="width:10%; padding: 1em; display:inline-block">
......@@ -69,33 +69,33 @@
<material-search active="true" search-value="{{query}}" style="margin: 0 15px;"></material-search>
<br>
</div>
<br>
<br>
<div class="row">
<div class="col-md-6 col-xs-6 col-sm-6">
<number-chart
data="{{data}}"
<number-chart
data="{{data}}"
object="schema:NewsArticle"
aggKey="type"
title="News"
title="News"
icon="/images/news.svg"
subtitle="Total"
stylebg="bg-yellow">
stylebg="bg-yellow">
</number-chart>
</div>
<div class="col-md-6 col-xs-6 col-sm-6">
<number-chart
data="{{data}}"
<number-chart
data="{{data}}"
aggKey="type"
object="schema:Article"
title="Magazines"
title="Magazines"
icon="/images/magazine.svg"
subtitle="Total"
stylebg="bg-purple">
stylebg="bg-purple">
</number-chart>
</div>
</div>
<br>
<div class="row">
<br>
<div class="row">
<div class="col-md-6">
<entities-chart
field="entities.name"
......@@ -109,7 +109,7 @@
{"name":"Place","type":"schema:Place","color":"#ff9900"},
{"name": "Person","type":"schema:Person","color":"#00c0ef"}]'>
</entities-chart>
</div>
</div>
<div class="col-md-6">
<entities-chart
field="categories.name"
......@@ -121,17 +121,17 @@
color = "#505050"
filters="{{filters}}">
</entities-chart>
</div>
</div>
<br>
<div class="row">
<div class="col-md-6">
<google-chart
field="schema:author"
data="{{data}}"
sources="{{sources}}"
sources="{{sources}}"
id='pie-chart3'
extra-id='pie-chart3'
type='pie'
......@@ -139,7 +139,7 @@
icon='icons:reorder'
options='{"title": "Source"}'
cols='[{"label": "type", "type": "string"},{"label": "Count", "type": "number"}]'>
</google-chart>
</google-chart>
</div>
<div class="col-md-6">
<people-chart
......@@ -150,7 +150,7 @@
id="entitieschart"
filters="{{filters}}">
</people-chart>
</div>
</div>
<br>
......@@ -158,7 +158,7 @@
<div class="col-md-12">
<google-chart
field="schema:datePublished"
data="{{data}}"
data="{{data}}"
id='line-chart'
extra-id='line-chart'
type='line'
......@@ -180,7 +180,7 @@
</paper-tabs>
<iron-pages class="lists" selected="{{selectedpage}}">
<div>
<news-chart
<news-chart
datos = "{{data}}"
title="List of news"
filters="{{filters}}"
......@@ -188,7 +188,7 @@
</news-chart>
</div>
<!-- <div>
<tweet-chart
<tweet-chart
datos = "{{data}}"
title="List of tweets"
filters="{{filters}}"
......@@ -196,15 +196,15 @@
</tweet-chart>
</div> -->
<div>
<propaganda-chart
<propaganda-chart
datos = "{{data}}"
title="List of propaganda"
filters="{{filters}}"
icon='communication:comment'>
</propaganda-chart>
</div>
</iron-pages>
</div>
<div class="col-md-6">
......@@ -215,17 +215,17 @@
<!--
<leaflet-map fit-to-markers>
<template is="dom-repeat" items="[[getPlaces(data)]]" as="place">
<leaflet-marker latitude="{{place.lat}}" longitude="{{place.lng}}" title="{{place.name}}">
<leaflet-marker latitude="{{place.lat}}" longitude="{{place.lng}}" title="{{place.name}}">
<b>Headline:</b>
<span>{{place.name}}</span>
</leaflet-marker>
</template>
</leaflet-map>
-->
<happymap-element
<happymap-element
data="{{data}}",
'<!-- visalized data in case of connection error -->'>
</happymap-element>
</div>
</div>
......@@ -238,7 +238,7 @@
</yasgui-ui>
</div>
<div>
This demo shows GSI-Crawler functionalities in the context of the project Trivalent. The system is aimed at crawling from a variety of data sources including news web sites such as CNN and New York Times, as well as social media platforms, like Twitter. The presented demo is the result of the ingest of the crawled online data and posterior analysis and semantic augmentation of said data. The resulting information is stored in both ElastiSearch and Fuseki databases, which allows the user to consult the data is a variety of forms, as showed.
......@@ -250,14 +250,14 @@ For a quick overview of the funtionalities of the demo, please watch the followi
To discover more, please consult the documentation at <a href="http://gsicrawler.readthedocs.io" target="_blank">Read The Docs</a>
<br><br>
H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing a comprehensive approach to violent radicalization in the EU from early understanding to improving protection.
<br><br>
<br><br>
</div>
<annotate-view name="annotate-view"></annotate-view>
</iron-pages>
</div>
<div style="background-color:#ccc; padding: 1%; margin: -16px;margin-top: 20px;">
<div style="display: flex; flex-direction: column; justify-content: center; align-content: center; margin: 0 65px;">
<img style="width: 100%; height: 50px; object-fit: contain; margin-bottom: 5px;" src="/images/gsi.png">
<img style="width: 100%; height: 50px; object-fit: contain; margin-bottom: 5px;" src="/images/gsi.png">
<div style="display: flex; flex-direction: column; justify-content: center; font-size: 12px; text-align: center;">© 2018 Grupo de Sistemas Inteligentes GSI-UPM </div>
</div>
</div>
......@@ -266,7 +266,7 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
</template>
<script>
var ready = false;
......@@ -276,17 +276,17 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
selected: {
type: Number,
value: 0
},
},
selectedpage: {
type: Number,
value: 0
},
},
query: {
type: String,
},
ids:{
type: Array
},
data:{
type: Object
......@@ -294,7 +294,7 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
client: {
type: Object,
notify: true,
observer: '_clientChanged'
observer: '_clientChanged'
},
fields: {
type: Array,
......@@ -309,7 +309,7 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
value: function() { return []; }
}
},
observers: [