Visualization of modal

dashboard-gsicrawler.env.html

@@ -33,6 +33,7 @@
   <link rel="import" type="css" href="dashboard-gsicrawler.css" type="css">
   <link rel="import" href="/styles/app-theme.html" type="css">
 
+  
   <template>
     <iron-ajax auto
         url="/queries.json"
@@ -80,7 +81,7 @@
           <div class="col-md-4">
             <number-chart 
               data="{{data}}"
-              object="CNN"
+              object="http://dbpedia.org/resource/CNN"
               aggKey="schema:author"
               title="CNN"
               icon="/images/cnn_blanco.svg"
@@ -90,7 +91,7 @@
           <div class="col-md-4">
              <number-chart  
                data="{{data}}" 
-               object="The New York Times"
+               object="http://dbpedia.org/resource/The_New_York_Times"
                aggKey="schema:author"
                title="The New York Times" 
                icon="/images/times1.png"
@@ -102,7 +103,7 @@
            <div class="col-md-4">
              <number-chart  
                data="{{data}}" 
-               object="Al Jazeera"
+               object="http://dbpedia.org/resource/Al_Jazeera"
                aggKey="schema:author"
                title="Al Jazeera" 
                icon="/images/Aljazeera_blanco.svg"
@@ -113,7 +114,7 @@
             <div class="col-md-4">
              <number-chart  
                data="{{data}}" 
-               object="Twitter"
+               object="http://dbpedia.org/resource/Twitter"
                aggKey="schema:author"
                title="Twitter" 
                icon="/images/twitter.svg"
@@ -503,7 +504,7 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
           resp.hits.hits.forEach(function(entry){myids.push(entry._id)})
           that.ids = myids;
           //console.log(that.sources)
-          var sources=that.sources
+          /*var sources=that.sources
           for (var i=0; i<resp['aggregations']['schema:author']['buckets'].length;i++) {
             var key=resp['aggregations']['schema:author']['buckets'][i]["key"] 
             console.log(key)
@@ -511,7 +512,7 @@ H2020 RIA Action Grant No. 740934 under the call SEC-06-FCT-2016 — Developing
               console.log(sources)
               resp['aggregations']['schema:author']['buckets'][i]["key"]=sources[key]
 
-          }
+          }*/
           //resp['aggregations']['schema:author']['buckets'][1]["key"]="Dabiq"
           //resp['aggregations']['schema:author']['buckets'][2]["key"]="Rumiyah"
           that.data = resp;

dashboard-gsicrawler.html

@@ -33,6 +33,7 @@
   <link rel="import" type="css" href="dashboard-gsicrawler.css" type="css">
   <link rel="import" href="/styles/app-theme.html" type="css">
 
+  
   <template>
     <iron-ajax auto
         url="/queries.json"

demo/elements/news-chart/news-chart.html

@@ -29,17 +29,17 @@
                 </div>
               </button>
                               <!-- Modal -->
-              <div class="modal fade" id$="subitem[[index]]" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+              <div class="modal fade" id$="subitem[[index]]" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="overflow: hidden;">
                 <div class="modal-dialog modal-lg">
-                  <div class="modal-content" style="max-height: 90%; height: fit-content;">
+                  <div class="modal-content" style="height: fit-content;">
                     <div class="modal-header" style="height:80px;background-color: #449DD5; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); border-radius: 5px 5px 0 0;">
                      <!--  <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color: #fff;opacity: inherit;"><span aria-hidden="true">&times;</span></button> -->
                       <div class="col-md-12" style="display: flex;flex-direction: row;justify-content: space-around;align-content: center;">
                         <div class="col-md-2 img-wrapper" style="width:13%">
                           <img src="{{checkSource(news)}}" style="width: 100%; display:block; position: relative;" align="left">
                         </div>
-                        <div class="col-md-10">
-                          <h4 class="modal-title" id="myModalLabel">
+                        <div class="col-md-10" style="display: flex; flex-direction: row; justify-content: center; align-content: center;">
+                          <h4 class="modal-title" id="myModalLabel" style="display: flex; justify-self: center; align-self: center;">
                             <a target="_blank" rel="noopener noreferrer"href$="{{getID(news)}}" style=" color: #fff; outline: 0 !important; text-decoration: none !important; display:inline-block; vertical-align: middle;" title="Open the new">{{getHeadline(news)}}</a>
                           </h4>