arun12209

<aura:component controller="Covid19_IND_TrackerController" access="global">
    
    <!-- load chart js library from static resource-->
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
    <ltng:require scripts="/resource/Chart_Js/Chart.js-2.9.3/dist/Chart.bundle.js" />
    <aura:attribute name="chartObj" type="object" access="public"/>
    <aura:attribute name="property1" type="string"/>
    <aura:attribute name="property2" type="string"/>
    <div aura:id="chartContainer" style=" ">
        <canvas aura:id="myChart" id="{!v.property1}" /><!--reportChart-->

arun12209

({
    fetchNewsData : function(component, event, helper) {
        var action=component.get("c.fetchNews");
        action.setCallback(this, function(response) {
            var state = response.getState();
            if (state === "SUCCESS") {
                var result = JSON.parse(JSON.stringify(response.getReturnValue()));
                component.set('v.newsData',result.articles);
                console.log('Articles = '+JSON.stringify(result.articles));
                //console.log(' Result : ' +JSON.stringify(result.articles[0].title));

arun12209

({
	doInit : function(component, event, helper) {
		helper.fetchNewsData(component, event, helper);
	}
})

arun12209

<aura:component controller="Covid19_IND_TrackerController" access="global">
    <aura:attribute name="newsData" type="Object"/>
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
    <div class="slds-grid">
       
        <div class="slds-col slds-size--12-of-12">
            <div aura:id="new_content" style="padding:20px;">
                <aura:iteration items="{!v.newsData}" var="news" >      
                    
                    <div class="contain" >

arun12209

public class JsonNewWrapper{
      @AuraEnabled
        public String status;
    @AuraEnabled
	public Integer totalResults;
    @AuraEnabled
	public List<Articles> articles;

	public class Articles {
        @AuraEnabled

arun12209

public class covid19DataParser {
	@AuraEnabled
	public List<Cases_time_series> cases_time_series;
    @AuraEnabled
	public List<Key_values> key_values;
    @AuraEnabled
	public List<Statewise> statewise;
    @AuraEnabled

arun12209

public class Covid19_IND_TrackerController {
    
    @AuraEnabled
    public static covid19DataParser fecthCovid19Data(){
        string baseURL='https://api.covid19india.org/data.json';
        HttpRequest reqest = new HttpRequest();
        
        reqest.setEndpoint(baseURL);
        reqest.setMethod('GET');
        reqest.setHeader('Accept','application/json');

arun12209

.THIS #one__item{
    font-size:20px;
}
.THIS #two__item{
    font-size:20px;
}
.THIS #three__item{
    font-size:20px;
}
.THIS #four__item{

arun12209

({
    COLUMNS:[
        {label: 'STATE/UT', fieldName: 'STATEUT', type: 'text'},
        {label: 'CNFMD', fieldName: 'CNFMD_CASE',
         type: 'number',
         sortable: true,
         cellAttributes: { alignment: 'left' }},
        {label: 'ACTIVE', fieldName: 'ACTIVE_CASE', type: 'text'},
        {label: 'RCVRD', fieldName: 'RCVRD_CASE', type: 'text'},
        {label: 'DECEASED', fieldName: 'DEATH', type: 'text'}

arun12209

({
    doInit : function(component, event, helper) {
        helper.fetchData(component,event,helper);
        helper.setColumns(component);
        helper.setData(component); 
    },
    handleSort: function(component, event, helper) {
        helper.handleSort(component, event);
    },
    // this function automatic call by aura:waiting event