Commit 9506ba16 authored by Tasio Mendez's avatar Tasio Mendez
Browse files

Index files modified

parent f4fcc8f2
Pipeline #1552 passed with stages
in 12 seconds
...@@ -32,11 +32,9 @@ ...@@ -32,11 +32,9 @@
<dom-module id="dashboard-gsicrawler"> <dom-module id="dashboard-gsicrawler">
<link rel="import" type="css" href="dashboard-gsicrawler.css"> <link rel="import" type="css" href="dashboard-gsicrawler.css">
<link rel="import" type="text/html" href="/styles/app-theme.html"> <link rel="import" type="text/html" href="/styles/app-theme.html">
<template> <template>
<iron-ajax auto <iron-ajax auto
url="/queries.json" url="/queries.json"
...@@ -53,11 +51,11 @@ ...@@ -53,11 +51,11 @@
</div> </div>
--> -->
<div class="container"> <div class="container">
<div style="width:100%; padding-bottom: 20px 0; text-align:center; display:inline-block"> <div class="header" style="width:100%; padding-bottom: 20px; text-align:center; display:inline-block">
<img style="width: 20%; margin:0 auto;"src="/images/trivalent.jpg"> <img class="trivalent" src="/images/trivalent.jpg">
</div> </div>
<paper-tabs selected="{{selected}}" style="margin: 0 60px;"> <paper-tabs selected="{{selected}}">
<paper-tab>Dashboard</paper-tab> <paper-tab>Dashboard</paper-tab>
<paper-tab>Sparql Editor</paper-tab> <paper-tab>Sparql Editor</paper-tab>
<paper-tab>About</paper-tab> <paper-tab>About</paper-tab>
...@@ -66,12 +64,11 @@ ...@@ -66,12 +64,11 @@
<iron-pages selected="{{selected}}"> <iron-pages selected="{{selected}}">
<div> <div>
<div class="row"> <div class="row">
<material-search active="true" search-value="{{query}}" style="margin: 0 15px;"></material-search> <material-search active="true" search-value="{{query}}" style="margin: 0 15px;"></material-search>
<br>
</div> </div>
<br> <br>
<div class="row"> <div class="row">
<div class="col-md-6 col-xs-6 col-sm-6"> <div class="col-md-6 col-xs-12 col-sm-6">
<number-chart <number-chart
data="{{data}}" data="{{data}}"
object="schema:NewsArticle" object="schema:NewsArticle"
...@@ -82,7 +79,7 @@ ...@@ -82,7 +79,7 @@
stylebg="bg-yellow"> stylebg="bg-yellow">
</number-chart> </number-chart>
</div> </div>
<div class="col-md-6 col-xs-6 col-sm-6"> <div class="col-md-6 col-xs-12 col-sm-6">
<number-chart <number-chart
data="{{data}}" data="{{data}}"
aggKey="type" aggKey="type"
...@@ -96,7 +93,7 @@ ...@@ -96,7 +93,7 @@
</div> </div>
<br> <br>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6 col-xs-12 margin-bottom-phone">
<entities-chart <entities-chart
field="entities.name" field="entities.name"
data="{{data}}" data="{{data}}"
...@@ -110,7 +107,7 @@ ...@@ -110,7 +107,7 @@
{"name": "Person","type":"schema:Person","color":"#00c0ef"}]'> {"name": "Person","type":"schema:Person","color":"#00c0ef"}]'>
</entities-chart> </entities-chart>
</div> </div>
<div class="col-md-6"> <div class="col-md-6 col-xs-12 margin-bottom-phone">
<entities-chart <entities-chart
field="categories.name" field="categories.name"
data="{{data}}" data="{{data}}"
...@@ -127,7 +124,7 @@ ...@@ -127,7 +124,7 @@
<br> <br>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6 col-xs-12 margin-bottom-phone">
<google-chart <google-chart
field="schema:author" field="schema:author"
data="{{data}}" data="{{data}}"
...@@ -141,7 +138,7 @@ ...@@ -141,7 +138,7 @@
cols='[{"label": "type", "type": "string"},{"label": "Count", "type": "number"}]'> cols='[{"label": "type", "type": "string"},{"label": "Count", "type": "number"}]'>
</google-chart> </google-chart>
</div> </div>
<div class="col-md-6"> <div class="col-md-6 col-xs-12 margin-bottom-phone">
<people-chart <people-chart
data="{{data}}" data="{{data}}"
title="People" title="People"
...@@ -155,7 +152,7 @@ ...@@ -155,7 +152,7 @@
</div> </div>
<br> <br>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12 col-xs-12 margin-bottom-phone">
<google-chart <google-chart
field="schema:datePublished" field="schema:datePublished"
data="{{data}}" data="{{data}}"
...@@ -172,13 +169,13 @@ ...@@ -172,13 +169,13 @@
</div> </div>
<br> <br>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6 col-xs-12 margin-bottom-phone">
<paper-tabs selected="{{selectedpage}}" style="height: 38px"> <paper-tabs selected="{{selectedpage}}" style="height: 38px">
<paper-tab><iron-icon icon="icons:receipt"></iron-icon> News</paper-tab> <paper-tab><iron-icon icon="icons:receipt"></iron-icon> News</paper-tab>
<!-- <paper-tab><iron-icon icon="icons:speaker-notes"></iron-icon> Social Media</paper-tab> <!-- <paper-tab><iron-icon icon="icons:speaker-notes"></iron-icon> Social Media</paper-tab>
--> <paper-tab><iron-icon icon="icons:speaker-notes"></iron-icon> Magazines</paper-tab> --> <paper-tab><iron-icon icon="icons:speaker-notes"></iron-icon> Magazines</paper-tab>
</paper-tabs> </paper-tabs>
<iron-pages class="lists" selected="{{selectedpage}}"> <iron-pages class="lists" selected="{{selectedpage}}" style="padding-top: 0px !important;">
<div> <div>
<news-chart <news-chart
datos = "{{data}}" datos = "{{data}}"
...@@ -196,7 +193,6 @@ ...@@ -196,7 +193,6 @@
</tweet-chart> </tweet-chart>
</div> --> </div> -->
<div> <div>
<propaganda-chart <propaganda-chart
datos = "{{data}}" datos = "{{data}}"
title="List of propaganda" title="List of propaganda"
...@@ -207,7 +203,7 @@ ...@@ -207,7 +203,7 @@
</iron-pages> </iron-pages>
</div> </div>
<div class="col-md-6"> <div class="col-md-6 col-xs-12 margin-bottom-phone">
<div class="top-bar"> <div class="top-bar">
<iron-icon icon="maps:my-location"></iron-icon> <iron-icon icon="maps:my-location"></iron-icon>
<span>Geolocated News</span> <span>Geolocated News</span>
...@@ -237,7 +233,7 @@ ...@@ -237,7 +233,7 @@
queries="{{queries}}"> queries="{{queries}}">
</yasgui-ui> </yasgui-ui>
</div> </div>
<div> <div class="about-info">
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. 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.
...@@ -256,9 +252,9 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing ...@@ -256,9 +252,9 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
</iron-pages> </iron-pages>
</div> </div>
<div style="background-color:#ccc; padding: 1%; margin: -16px;margin-top: 20px;"> <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;"> <div class="footer-gsi">
<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 style="display: flex; flex-direction: column; justify-content: center; font-size: 12px; text-align: center;">© 2019 Grupo de Sistemas Inteligentes GSI-UPM </div>
</div> </div>
</div> </div>
......
<html> <html>
<head> <head>
<!-- META FOR IOS & HANDHELD -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<script type="text/javascript">
//<![CDATA[
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement("style");
msViewportStyle.appendChild(
document.createTextNode("@-ms-viewport{width:auto!important}")
);
document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
}
//]]>
</script>
<script src="/bower_components/webcomponentsjs/webcomponents-lite.js"></script> <script src="/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="/imports.html"></link> <link rel="import" href="/imports.html"></link>
<link href='//cdn.jsdelivr.net/yasqe/2.6.2/yasqe.min.css' rel='stylesheet' type='text/css'/> <link href='//cdn.jsdelivr.net/yasqe/2.6.2/yasqe.min.css' rel='stylesheet' type='text/css'/>
...@@ -8,8 +23,8 @@ ...@@ -8,8 +23,8 @@
<script src='//cdn.jsdelivr.net/yasqe/2.6.2/yasqe.bundled.min.js'></script> <script src='//cdn.jsdelivr.net/yasqe/2.6.2/yasqe.bundled.min.js'></script>
<script src='//cdn.jsdelivr.net/yasr/2.6.1/yasr.bundled.min.js'></script> <script src='//cdn.jsdelivr.net/yasr/2.6.1/yasr.bundled.min.js'></script>
<link rel="import" href="/elements/annotate-view/annotate-view.html"> <link rel="import" href="/elements/annotate-view/annotate-view.html">
<link rel="import" href="/elements/trivalent-page/trivalent-page.html"> <link rel="import" href="/elements/trivalent-page/trivalent-page.html">
<link rel="import" href="/bower_components/app-route/app-location.html"> <link rel="import" href="/bower_components/app-route/app-location.html">
<link rel="icon" href="/images/trivalent.jpg"> <link rel="icon" href="/images/trivalent.jpg">
...@@ -21,13 +36,13 @@ ...@@ -21,13 +36,13 @@
</style> </style>
<title>Trivalent | Dashboard</title> <title>Trivalent | Dashboard</title>
</head> </head>
<body> <body>
<template is="dom-bind"> <template is="dom-bind">
<app-location route="{{route}}"></app-location> <app-location route="{{route}}"></app-location>
<elastic-client <elastic-client
config='{"host": "http://sefarad-elasticsearch.cluster.gsi.dit.upm.es"}' config='{"host": "http://sefarad-elasticsearch.cluster.gsi.dit.upm.es"}'
client="{{client}}" client="{{client}}"
cluster-status="{{myStatus}}"> cluster-status="{{myStatus}}">
</elastic-client> </elastic-client>
......
...@@ -2,18 +2,18 @@ ...@@ -2,18 +2,18 @@
<head> <head>
<!-- META FOR IOS & HANDHELD --> <!-- META FOR IOS & HANDHELD -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<script type="text/javascript"> <script type="text/javascript">
//<![CDATA[ //<![CDATA[
if (navigator.userAgent.match(/IEMobile\/10\.0/)) { if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement("style"); var msViewportStyle = document.createElement("style");
msViewportStyle.appendChild( msViewportStyle.appendChild(
document.createTextNode("@-ms-viewport{width:auto!important}") document.createTextNode("@-ms-viewport{width:auto!important}")
); );
document.getElementsByTagName("head")[0].appendChild(msViewportStyle); document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
} }
//]]> //]]>
</script> </script>
<script src="/bower_components/webcomponentsjs/webcomponents-lite.js"></script> <script src="/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment