Skip to content
Snippets Groups Projects
Commit f66a8848 authored by tspuller's avatar tspuller
Browse files

spotify graphs

parent a9a570d2
No related branches found
No related tags found
No related merge requests found
Showing
with 160630 additions and 244 deletions
......@@ -52,10 +52,8 @@ export default function Dashboard() {
<Content className="isomorphicContent" style={styles.content}>
<DashboardRoutes />
</Content>
<Footer style={styles.footer}>{siteConfig.footerText}</Footer>
</Layout>
</Layout>
<ThemeSwitcher />
</Layout>
</DashboardContainer>
);
......
import React, { Component } from 'react';
import { Row, Col } from 'antd';
import Dropzone from '@imd/components/uielements/dropzone';
import { notification } from '@imd/components';
import PageHeader from '@imd/components/utility/pageHeader';
import Box from '@imd/components/utility/box';
import LayoutWrapper from '@imd/components/utility/layoutWrapper';
import ContentHolder from '@imd/components/utility/contentHolder';
import basicStyle from '@imd/assets/styles/constants';
import FrappeChart from 'frappe-charts/dist/frappe-charts.min.esm';
import * as configs from './config';
import 'frappe-charts/dist/frappe-charts.min.css';
import IsoWidgetsWrapper from '@imd/containers/Widgets/WidgetsWrapper';
import TotalSongsByDayLine from './Components/TotalSongsByDayLine/TotalSongsByDayLine';
import CardWidget from '@imd/containers/Widgets/Card/CardWidget';
import IntlMessages from '@imd/components/utility/intlMessages';
import UserData from './Data/StreamingHistory0.json';
export default class extends Component {
componentDidMount() {
new FrappeChart(configs.impressionsLineChart);
}
render() {
const CARD_WIDGET = [
{
icon: 'ion-ios-people',
iconcolor: '#42A5F5',
number: '210',
text: 'widget.tinder.matches.text',
},
{
icon: 'ion-chatbox',
iconcolor: '#F75D81',
number: '540',
text: 'widget.tinder.messages.text',
},
{
icon: 'ion-trophy',
iconcolor: '#FEAC01',
number: 'widget.cardwidget3.number',
text: 'widget.cardwidget3.text',
},
];
let totalSongs = UserData.length;
//##########
//Dropzone
//##########
const componentConfig = {
iconFiletypes: ['.json'],
method: true,
showFiletypeIcon: false,
uploadMultiple: false,
maxFilesize: 2, // MB
maxFiles: 1,
dictRemoveFile: 'Delete',
dictCancelUploadConfirmation: 'Are you sure to cancel upload?',
postUrl: '/upload',
};
const djsConfig = {
acceptedFiles: '.json',
params: {
account: "tinder"
}
};
const eventHandlers = {
addedfile: file => notification('success', `${file.name} added`),
success: file =>
notification('success', `${file.name} successfully uploaded`),
error: error => notification('error', 'Server is not set in the demo'),
};
const CARD_WIDGET = [
{
icon: 'ion-music-note',
iconcolor: '#F6638E',
number: totalSongs.toString(),
text: 'Total Listens',
},
];
const { rowStyle, colStyle, gutter } = basicStyle;
return (
<LayoutWrapper>
<PageHeader>Import</PageHeader>
<PageHeader>Analytics</PageHeader>
<Row style={rowStyle} gutter={0} justify="start">
<Col lg={6} md={12} sm={12} xs={24} style={colStyle}>
{CARD_WIDGET.map((widget, idx) => (
......@@ -86,19 +40,19 @@ export default class extends Component {
<CardWidget
icon={widget.icon}
iconcolor={widget.iconcolor}
number={<IntlMessages id={widget.number} />}
text={<IntlMessages id={widget.text} />}
number={widget.number}
text={widget.text}
/>
</IsoWidgetsWrapper>
))}
</Col>
<Col lg={18} md={12} sm={12} xs={24} style={colStyle}>
<IsoWidgetsWrapper>
<Box style={{height: 448}} title={configs.impressionsLineChart.header}>
<ContentHolder>
<div id={configs.impressionsLineChart.parentId} />
</ContentHolder>
</Box>
<Box title="Total Songs By Day">
<ContentHolder>
<TotalSongsByDayLine />
</ContentHolder>
</Box>
</IsoWidgetsWrapper>
</Col>
</Row>
......
import React, { Component } from 'react';
import { Line } from 'react-chartjs-2';
import { data, options } from './config';
export default class TotalSongsByDayLine extends Component {
render() {
return <Line data={data} height={90} />;
}
}
\ No newline at end of file
import moment from 'moment'
//Load in data
import UserData from '../../Data/StreamingHistory0.json';
//Process Data
var dates = [];
var totalSongsPerDay = [];
UserData.forEach(function(song) {
let stri = (song.endTime).split(' ');
if (stri[0] in totalSongsPerDay)
{
totalSongsPerDay[stri[0]] += 1;
}
else
{
totalSongsPerDay[stri[0]] = 1;
}
});
console.log(totalSongsPerDay);
dates = Object.keys(totalSongsPerDay);
var totalSongs = Object.values(totalSongsPerDay);
dates.reverse();
totalSongs.reverse();
const data = {
labels: dates,
datasets: [
{
label: '# of Songs',
lineTension: 0.1,
backgroundColor: 'rgba(252,48,120,0.2)',
borderColor: 'rgba(252,48,120,1)',
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0.0,
borderJoinStyle: 'miter',
pointHitRadius: 10,
data: totalSongs,
}
],
};
export { data };
\ No newline at end of file
{
"address": {
"street": "Hickory Creek Dr, 7176",
"city": "Dexter",
"postal_code": "48130",
"state": "",
"country": "US",
"real_name": null
}
}
\ No newline at end of file
{
"followerCount": 11,
"followingUsersCount": 2,
"followingArtists": [
"Burn Water",
"Doctrine",
"ODESZA",
"Tame Impala",
"Whitney"
]
}
\ No newline at end of file
{
"inferences": [
"1P_Custom_Auto_Ford",
"1P_Custom_Samsung_Upgraders_Galaxy_S6_S9",
"1P_Custom_T-Mobile_Switchers",
"1P_Social Streamers_Broad",
"1P_Social Streamers_Narrow",
"2P_Adobe_BTS Segment_07Jan2020_US",
"2P_American Petroleum Institute (API)_Segment 2 Informed Influencers_08Apr2019_US",
"2P_Coca-Cola_Gold Peak_Kohort_The Providers_1April2020_US",
"2P_TMobile_Q3 2018 In-Market Shoppers w Base Suppression_20181011_US",
"3P_Action Movie Enthusiasts_FR",
"3P_Action Movie Enthusiasts_UK",
"3P_Affluent Households_IT",
"3P_Alcohol Consumers_CA",
"3P_AmazonBlackFriday_FR",
"3P_Apple iOS Users_AU",
"3P_Apple iOS Users_CA",
"3P_Apple iOS Users_ES",
"3P_Arts & Culture_FR",
"3P_Arts & Culture_UK",
"3P_Arts and Culture Enthusiasts_DE",
"3P_Athletic Apparel Shoppers_US",
"3P_Auto Intenders / In-Market_CA",
"3P_Bank Account Holders_ES",
"3P_Beer Consumers_UK",
"3P_Breakfast and Brunch Enthusiasts_US",
"3P_Business Decision-Makers_DE",
"3P_Business Decision-Makers_ES",
"3P_Business Decision-Makers_FR",
"3P_Business Decision-Makers_IT",
"3P_Business Decision-Makers_UK",
"3P_Car Owners_UK",
"3P_Cinema Goers_DE",
"3P_Cinema Goers_FR",
"3P_Classic / Musical Movie Enthusiasts_UK",
"3P_Climbing Enthusiasts_UK",
"3P_College Students_AU",
"3P_College Students_CA",
"3P_Comedy Enthusiasts_AU",
"3P_Comedy Enthusiasts_CA",
"3P_Comedy Enthusiasts_DE",
"3P_Comedy Enthusiasts_ES",
"3P_Comedy Enthusiasts_IT",
"3P_Comedy Enthusiasts_UK",
"3P_Comedy Movie Enthusiasts_DE",
"3P_Comedy Movie Enthusiasts_FR",
"3P_Comedy Movie Enthusiasts_UK",
"3P_Commuters_US",
"3P_Cooking Enthusiasts_CA",
"3P_Cosmetics Buyers / Beauty Enthusiasts_CA",
"3P_Cosmetics Buyers / Beauty Enthusiasts_UK",
"3P_Couple without Kids_DE",
"3P_Credit Applicants_UK",
"3P_Credit Card Owner_ES",
"3P_Custom_Amazon Prime Subscribers_UK",
"3P_Custom_AmazonBuyers_US",
"3P_Custom_Arts Travel Culture_US",
"3P_Custom_Arts and Culture Enthusiasts_US",
"3P_Custom_BMW Group 3_UK",
"3P_Custom_Companies with 1-25 Employees_17Dec2019_US",
"3P_Custom_Dessert Lovers_07Nov2019_US",
"3P_Custom_Drama TV & Movie Fans_20May2020_US",
"3P_Custom_Extreme Sports Enthusiasts_06Feb2020_US",
"3P_Custom_First Person Shooter_10April2020_US",
"3P_Custom_Frigidaire_US",
"3P_Custom_HBO_Mystery-Thriller Enthusiasts_ES",
"3P_Custom_Heavy QSR_02April2020_US",
"3P_Custom_Heineken_Desperados Audience_DE",
"3P_Custom_Heineken_Desperados Audience_ES",
"3P_Custom_Jewelry Shoppers_US",
"3P_Custom_Kohls Shoppers_20May2020_US",
"3P_Custom_LotteryandGambling_US",
"3P_Custom_LuxuryAudience_US",
"3P_Custom_Marketing Employees_AU",
"3P_Custom_Marketing Employees_UK",
"3P_Custom_McDonald's Breakfast Buyers Competitive Set_US",
"3P_Custom_Mercedes Owners_ES",
"3P_Custom_Mercedes Owners_FR",
"3P_Custom_Mobile & App - Supermarket - Aldi_23Apr2020_US",
"3P_Custom_MovieEnthusiasts_US",
"3P_Custom_Netflix_US",
"3P_Custom_NintendoConsoleOwners_US",
"3P_Custom_Online Dating Users_FR",
"3P_Custom_Online Dating Users_UK",
"3P_Custom_Operations/Finance/Management Occupation_US",
"3P_Custom_Owners and Health_US",
"3P_Custom_P&G_AZ Pro Expert_IT",
"3P_Custom_P&G_DASH_IT",
"3P_Custom_P&G_Fairy_IT",
"3P_Custom_P&G_H&S Alinghi ISP_IT",
"3P_Custom_P&G_OralB Power_IT",
"3P_Custom_P&G_Pantene Product Transformation_IT",
"3P_Custom_P&G_SWIFFER_IT",
"3P_Custom_Paid Video Streaming Services_AU",
"3P_Custom_Paid Video Streaming Services_DE",
"3P_Custom_Paid Video Streaming Services_ES",
"3P_Custom_Paid Video Streaming Services_FR",
"3P_Custom_Paid Video Streaming Services_IT",
"3P_Custom_Paid Video Streaming Services_UK",
"3P_Custom_Parents of Boys 6-11_US",
"3P_Custom_Parents of Kids 5-13_28Apr2020_US",
"3P_Custom_Parents with Kids 6-12_US",
"3P_Custom_Police/Law Enforcement_03Apr2020_US",
"3P_Custom_QSR Burger Consumers_US",
"3P_Custom_QSR_Burger King and Wendy's_US",
"3P_Custom_Streaming TV Users_AU",
"3P_Custom_SubaruAscent_Intenders_US",
"3P_Custom_Team Leaders_AU",
"3P_Custom_Team Leaders_UK",
"3P_Custom_Use Productivity Apps / Software_US",
"3P_Custom_Verizon Mobile Customers_US",
"3P_Custom_Walmart_12062019_US",
"3P_Custom_Wells Fargo_First Time Home Buyers_US",
"3P_Custom__Arby's Visitors_20Jun2019_US",
"3P_DVD Buyers_DE",
"3P_DVD Buyers_UK",
"3P_Degree Educated / Graduates_DE",
"3P_Degree Educated / Graduates_ES",
"3P_Degree Educated / Graduates_FR",
"3P_Degree Educated / Graduates_IT",
"3P_Degree Educated / Graduates_UK",
"3P_Documentary Enthusiasts_US",
"3P_Documentary Movie Enthusiasts_UK",
"3P_Drama Movie Enthusiasts_UK",
"3P_Electronics Shoppers_US",
"3P_Engaged/Getting Married_FR",
"3P_Entertainment Enthusiasts_CA",
"3P_Entertainment Enthusiasts_DE",
"3P_Entertainment Enthusiasts_ES",
"3P_Entertainment Enthusiasts_FR",
"3P_Entertainment Enthusiasts_IT",
"3P_FPS Gamers - First Person Shooter_DE",
"3P_FPS Gamers - First Person Shooter_FR",
"3P_FPS Gamers - First Person Shooter_UK",
"3P_Family Entertainment Enthusiasts_ES",
"3P_Family Entertainment Enthusiasts_IT",
"3P_Family Movie Enthusiasts_UK",
"3P_Family/Children's Shoppers_CA",
"3P_Fast Food_AU",
"3P_Fast Food_CA",
"3P_Fast Food_DE",
"3P_First Time Buyers_UK",
"3P_First Time Home Buyer_US",
"3P_Frequent Movie Goers_US",
"3P_Gamers_CA",
"3P_Gamers_DE",
"3P_Gamers_ES",
"3P_Gamers_FR",
"3P_Gamers_IT",
"3P_Gamers_UK",
"3P_Gamers_US",
"3P_Gaming Console Owners_US",
"3P_Geek Culture Shows and Movies_US",
"3P_Golf Lovers_FR",
"3P_Government Workers_UK",
"3P_Green Living Enthusiasts_US",
"3P_Grocery Buyers_ES",
"3P_Grocery Buyers_IT",
"3P_HHI Over 75K_DE",
"3P_HHI Over £50K_UK",
"3P_HHI Over £75K_UK",
"3P_High School Degree_AU",
"3P_Hockey Enthusiasts_UK",
"3P_Hockey Fans_US",
"3P_Home Movers_FR",
"3P_Home Movers_IT",
"3P_Home Movers_UK",
"3P_Home Owners_AU",
"3P_Home Owners_CA",
"3P_Home Owners_DE",
"3P_Home Owners_ES",
"3P_Home Owners_IT",
"3P_Home Renters_AU",
"3P_Home Renters_CA",
"3P_Home Renters_ES",
"3P_Home Renters_IT",
"3P_Home Renters_UK",
"3P_Home and Garden Shoppers_CA",
"3P_Horror Movie Enthusiasts_ES",
"3P_Horror Movie Enthusiasts_FR",
"3P_Horror Movie Enthusiasts_IT",
"3P_Horror Movie Enthusiasts_UK",
"3P_IT Professionals_DE",
"3P_IT Professionals_UK",
"3P_Income above 50K_ES",
"3P_Income above 50K_FR",
"3P_Income above 50K_IT",
"3P_Indie Movie Goers_US",
"3P_Kia Owners / Intenders_ES",
"3P_Life Insurance Intenders_US",
"3P_Live Entertainment / Concert Goers_AU",
"3P_Live Entertainment / Concert Goers_CA",
"3P_Live Entertainment / Concert Goers_DE",
"3P_Live Entertainment / Concert Goers_ES",
"3P_Live Entertainment / Concert Goers_FR",
"3P_Live Entertainment / Concert Goers_IT",
"3P_Live Entertainment / Concert Goers_UK",
"3P_Luxury Auto Intenders_CA",
"3P_Luxury Car Buyers_FR",
"3P_Luxury Retail_CA",
"3P_Men's Apparel_CA",
"3P_Men's Apparel_FR",
"3P_Micro Companies_US",
"3P_Mid-Market Car Buyers / Intenders_ES",
"3P_Middle Managers_DE",
"3P_Middle Managers_UK",
"3P_Mortgage_UK",
"3P_Movers_US",
"3P_Movie Goers_CA",
"3P_Movie Goers_DE",
"3P_Movie Goers_ES",
"3P_Movie Goers_FR",
"3P_Movie Goers_IT",
"3P_Movie Goers_UK",
"3P_News / Current Affairs Enthusiasts_UK",
"3P_Online Shoppers_CA",
"3P_Online Shoppers_ES",
"3P_Online Shoppers_IT",
"3P_Outdoor Enthusiasts_AU",
"3P_Outdoor Enthusiasts_CA",
"3P_Outdoor Enthusiasts_DE",
"3P_Outdoor Enthusiasts_ES",
"3P_Outdoor Enthusiasts_FR",
"3P_Outdoor Enthusiasts_IT",
"3P_Outdoor Enthusiasts_UK",
"3P_Painters_US",
"3P_Personal Investors_CA",
"3P_Personal Investors_DE",
"3P_Personal Investors_ES",
"3P_Personal Investors_FR",
"3P_Personal Investors_IT",
"3P_Personal Investors_UK",
"3P_Pet Owner_AU",
"3P_Pet Owner_CA",
"3P_Pet Owner_US",
"3P_Pet Owners_DE",
"3P_Pet Owners_ES",
"3P_Pet Owners_FR",
"3P_Pet Owners_IT",
"3P_Pet Owners_UK",
"3P_Professional Sports Fans_AU",
"3P_Professional Sports Fans_ES",
"3P_Professional Sports Fans_IT",
"3P_REI_Core Generation_Apr2019_US",
"3P_Recent Home Movers_UK",
"3P_Retirees_DE",
"3P_Retirees_UK",
"3P_Romance Movie Enthusiasts_UK",
"3P_Rugby Enthusiasts_FR",
"3P_Rugby Enthusiasts_IT",
"3P_Rugby Enthusiasts_UK",
"3P_Runners_AU",
"3P_Runners_CA",
"3P_Runners_DE",
"3P_Runners_ES",
"3P_Runners_FR",
"3P_Runners_IT",
"3P_Runners_UK",
"3P_Sales & Marketing Professionals_US",
"3P_Savers_ES",
"3P_Sci-Fi Enthusiasts_DE",
"3P_Sci-Fi Enthusiasts_ES",
"3P_Sci-Fi Enthusiasts_FR",
"3P_Sci-Fi Enthusiasts_IT",
"3P_Sci-Fi Enthusiasts_UK",
"3P_SciFi Enthusiasts_US",
"3P_Second_Home_Owners_ES",
"3P_Small Business Owners_CA",
"3P_Small Car Buyers_DE",
"3P_Soccer Fans_DE",
"3P_Soccer Fans_ES",
"3P_Soccer Fans_FR",
"3P_Soccer Fans_IT",
"3P_Soccer Fans_UK",
"3P_Social Media Enthusiasts_US",
"3P_Socialites/Partiers_CA",
"3P_Streaming TV Users_FR",
"3P_Streaming TV Users_UK",
"3P_Students_DE",
"3P_Students_ES",
"3P_Students_FR",
"3P_Students_IT",
"3P_Students_UK",
"3P_Style Watchers / Fashionistas_CA",
"3P_Style Watchers / Fashionistas_ES",
"3P_Style Watchers / Fashionistas_FR",
"3P_Style Watchers / Fashionistas_IT",
"3P_Super Hero Movies Enthusiasts_AU",
"3P_Super Hero Movies Enthusiasts_DE",
"3P_Super Hero Movies Enthusiasts_ES",
"3P_Super Hero Movies Enthusiasts_FR",
"3P_Super Hero Movies Enthusiasts_IT",
"3P_Super Hero Movies Enthusiasts_UK",
"3P_Tennis Enthusiasts_FR",
"3P_Tennis Enthusiasts_UK",
"3P_Theatre Enthusiasts_UK",
"3P_Thriller Enthusiasts_US",
"3P_Thriller Movie Enthusiasts_FR",
"3P_Thriller Movie Enthusiasts_UK",
"3P_Travelers_CA",
"3P_Travelers_IT DO NOT USE",
"3P_Unsecured Personal Loan Holders / Intenders_ES",
"3P_Winter Holiday Shoppers_US",
"3P_Wireless Plans_US",
"3P_Women's Apparel_CA",
"3P_Workers in Full-Time Employment_DE",
"3P_Workers in Full-Time Employment_FR",
"3P_Workers in Full-Time Employment_UK",
"3P_Workers in Full-Time Employment_US",
"Aries - super kritical-seed",
"Cookie Audience NOT Matched to PPIDs",
"Gimlet - Reply All",
"Spotify Cookie (sp_adid) Synced Audience",
"illenium_mau_no_followers"
]
}
\ No newline at end of file
{
"payment_method": "Spotify Partner"
}
\ No newline at end of file
This diff is collapsed.
File added
[
{
"platform" : "DESKTOP",
"searchTime" : "2020-03-27T22:55:54.578Z[UTC]",
"searchQuery" : "Indian Su",
"searchInteractionURIs" : [
"spotify:track:42nkVBjWYVhiijbof5zySm"
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-03-28T17:43:04.261Z[UTC]",
"searchQuery" : "see you ",
"searchInteractionURIs" : [
"spotify:track:2JzZzZUQj3Qff7wapcbKjc"
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-03-28T17:46:05.202Z[UTC]",
"searchQuery" : "see you ",
"searchInteractionURIs" : [
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-03-28T18:35:52.326Z[UTC]",
"searchQuery" : "bad s",
"searchInteractionURIs" : [
"spotify:playlist:37i9dQZF1E4rt10KYDiru8"
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-03-28T20:40:47.749Z[UTC]",
"searchQuery" : "Indian Su",
"searchInteractionURIs" : [
"spotify:track:42nkVBjWYVhiijbof5zySm"
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-03-28T21:13:19.624Z[UTC]",
"searchQuery" : "bad sun",
"searchInteractionURIs" : [
"spotify:playlist:37i9dQZF1DZ06evO0vNFoA",
"spotify:playlist:37i9dQZF1E4rt10KYDiru8"
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-03-28T23:48:18.220Z[UTC]",
"searchQuery" : "indi",
"searchInteractionURIs" : [
"spotify:track:42nkVBjWYVhiijbof5zySm",
"spotify:track:2hFD70XI1S5HeGxasMvgbY"
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-03-29T00:06:08.473Z[UTC]",
"searchQuery" : "say som",
"searchInteractionURIs" : [
"spotify:track:6Vc5wAMmXdKIAM7WUoEb7N"
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-03-29T00:16:32.954Z[UTC]",
"searchQuery" : "say som",
"searchInteractionURIs" : [
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-03-29T01:50:09.960Z[UTC]",
"searchQuery" : "longer",
"searchInteractionURIs" : [
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-03-29T02:03:04.004Z[UTC]",
"searchQuery" : "say som",
"searchInteractionURIs" : [
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-03-29T05:49:45.820Z[UTC]",
"searchQuery" : "my girl ani",
"searchInteractionURIs" : [
"spotify:track:2gE0khQ948RYQOeTgCUL2a"
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-03-29T06:30:33.023Z[UTC]",
"searchQuery" : "my girl ani",
"searchInteractionURIs" : [
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-03-29T16:31:59.300Z[UTC]",
"searchQuery" : "my girl ani",
"searchInteractionURIs" : [
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-03-29T17:02:32.917Z[UTC]",
"searchQuery" : "bad su",
"searchInteractionURIs" : [
"spotify:playlist:37i9dQZF1E4rt10KYDiru8"
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-03-29T17:33:24.566Z[UTC]",
"searchQuery" : "instrumental",
"searchInteractionURIs" : [
"spotify:playlist:37i9dQZF1DX9sIqqvKsjG8"
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-03-30T23:47:08.991Z[UTC]",
"searchQuery" : "reigns ",
"searchInteractionURIs" : [
"spotify:playlist:3INDOGqop3a7sPxWjEjMhQ"
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-03-31T18:52:28.245Z[UTC]",
"searchQuery" : "moba",
"searchInteractionURIs" : [
"spotify:playlist:5Ry9Wlha02FcRSWZZjJvaI"
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-04-01T00:43:42.987Z[UTC]",
"searchQuery" : "here ",
"searchInteractionURIs" : [
"spotify:track:6dGnYIeXmHdcikdzNNDMm2"
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-04-01T01:40:30.079Z[UTC]",
"searchQuery" : "here ",
"searchInteractionURIs" : [
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-04-01T17:20:59.988Z[UTC]",
"searchQuery" : "bad ",
"searchInteractionURIs" : [
"spotify:playlist:37i9dQZF1E4rt10KYDiru8"
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-04-02T13:58:57.956Z[UTC]",
"searchQuery" : "bad ",
"searchInteractionURIs" : [
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-04-02T21:59:44.257Z[UTC]",
"searchQuery" : "ins",
"searchInteractionURIs" : [
"spotify:playlist:37i9dQZF1DX9sIqqvKsjG8"
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-04-02T23:14:01.367Z[UTC]",
"searchQuery" : "mobamba",
"searchInteractionURIs" : [
"spotify:track:1xzBco0xcoJEDXktl7Jxrr"
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-04-03T11:26:14.641Z[UTC]",
"searchQuery" : "mobamba",
"searchInteractionURIs" : [
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-04-03T16:39:22.808Z[UTC]",
"searchQuery" : "mobamba",
"searchInteractionURIs" : [
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-04-03T18:52:03.643Z[UTC]",
"searchQuery" : "mobamba",
"searchInteractionURIs" : [
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-04-03T22:15:26.140Z[UTC]",
"searchQuery" : "mobamba",
"searchInteractionURIs" : [
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-04-04T05:20:38.890Z[UTC]",
"searchQuery" : "bad ",
"searchInteractionURIs" : [
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-04-04T06:13:31.664Z[UTC]",
"searchQuery" : "bad s",
"searchInteractionURIs" : [
"spotify:playlist:37i9dQZF1E4rt10KYDiru8"
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-04-04T10:11:44.735Z[UTC]",
"searchQuery" : "bad s",
"searchInteractionURIs" : [
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-04-04T16:01:00.261Z[UTC]",
"searchQuery" : "bad s",
"searchInteractionURIs" : [
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-04-04T16:12:20.088Z[UTC]",
"searchQuery" : "mitis",
"searchInteractionURIs" : [
"spotify:artist:16yUpGkBRgc2eDMd3bB3Uw"
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-04-04T20:51:41.579Z[UTC]",
"searchQuery" : "mitis rad",
"searchInteractionURIs" : [
"spotify:playlist:7FJijbj2XIGldMuFmayEc5",
"spotify:playlist:7FJijbj2XIGldMuFmayEc5",
"spotify:playlist:7FJijbj2XIGldMuFmayEc5"
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-04-04T20:52:24.636Z[UTC]",
"searchQuery" : "mitis",
"searchInteractionURIs" : [
"spotify:artist:16yUpGkBRgc2eDMd3bB3Uw"
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-04-05T16:03:09.827Z[UTC]",
"searchQuery" : "bad s",
"searchInteractionURIs" : [
"spotify:artist:0YhUSm86okLWldQVwJkLlP"
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-04-05T18:16:40.074Z[UTC]",
"searchQuery" : "bad s",
"searchInteractionURIs" : [
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-04-07T15:43:51.887Z[UTC]",
"searchQuery" : "deep ",
"searchInteractionURIs" : [
"spotify:track:5cXtT63OTadsjqfRkm5Dwd"
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-04-12T02:11:59.540Z[UTC]",
"searchQuery" : "civ ",
"searchInteractionURIs" : [
"spotify:playlist:673RoEpPQJlU8cpepYmzsy"
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-04-12T02:12:59.010Z[UTC]",
"searchQuery" : "pla",
"searchInteractionURIs" : [
"spotify:playlist:7HMAzpm5rW7HSsFEdjLJIc"
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-04-12T03:03:56.661Z[UTC]",
"searchQuery" : "deep thr",
"searchInteractionURIs" : [
"spotify:track:5cXtT63OTadsjqfRkm5Dwd"
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-04-12T03:04:55.125Z[UTC]",
"searchQuery" : "deep thr",
"searchInteractionURIs" : [
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-04-12T04:51:30.873Z[UTC]",
"searchQuery" : "s",
"searchInteractionURIs" : [
""
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-04-22T00:00:27.303Z[UTC]",
"searchQuery" : "bambi",
"searchInteractionURIs" : [
"spotify:track:4yiYXXfIPwb4u6gdvLNhCv",
"spotify:track:5dmPNuHmRRJuHmJTDa7NuJ"
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-05-04T21:40:47.864Z[UTC]",
"searchQuery" : "card",
"searchInteractionURIs" : [
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-05-14T15:59:01.874Z[UTC]",
"searchQuery" : "jazz",
"searchInteractionURIs" : [
"spotify:track:6Bqn71zg1dznO7Ck8ykEWc",
"spotify:app:genre:jazz"
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-05-14T16:14:26.278Z[UTC]",
"searchQuery" : "Last Man on Earth Maxt",
"searchInteractionURIs" : [
"spotify:track:6Jo31U9fhats2sG2ugzKuL"
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-05-15T23:06:21.015Z[UTC]",
"searchQuery" : "summer ja",
"searchInteractionURIs" : [
"spotify:playlist:37i9dQZF1DWTKxc7ZObqeH"
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-05-18T19:30:55.525Z[UTC]",
"searchQuery" : "s",
"searchInteractionURIs" : [
]
},
{
"platform" : "ANDROID",
"searchTime" : "2020-05-20T22:06:48.399Z[UTC]",
"searchQuery" : "yoke lore ra",
"searchInteractionURIs" : [
"spotify:playlist:4Aoygf0gg8hhJ9KmlMFfFA"
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-05-22T01:05:33.779Z[UTC]",
"searchQuery" : "summer",
"searchInteractionURIs" : [
"spotify:playlist:37i9dQZF1DWTKxc7ZObqeH"
]
},
{
"platform" : "DESKTOP",
"searchTime" : "2020-05-22T01:23:13.871Z[UTC]",
"searchQuery" : "harmonica smooth",
"searchInteractionURIs" : [
"spotify:album:3A9Rn2KF52qjkiV1ibXPCW",
"spotify:track:5SnSsKBivh513awyqu0N0I",
"spotify:track:1gweDgahCIjtGnoBxfPt3i"
]
}
]
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
{
"username": "226wrvrtf73kmxbkdz2ktxkvi",
"email": "spuller7@gmail.com",
"country": "US",
"createdFromFacebook": true,
"facebookUid": "846112048735936",
"birthdate": "1997-02-04",
"gender": "male",
"postalCode": null,
"mobileNumber": null,
"mobileOperator": null,
"mobileBrand": null,
"creationTime": "2016-04-05"
}
\ No newline at end of file
This diff is collapsed.
......@@ -71,7 +71,7 @@ export default class extends Component {
addedfile: file => notification('success', `${file.name} added`),
success: file =>
notification('success', `${file.name} successfully uploaded`),
error: error => notification('error', 'Server is not set in the demo'),
error: error => notification('error', 'Server is not set in the demo')
};
const { rowStyle, colStyle, gutter } = basicStyle;
......
......@@ -221,182 +221,7 @@ export default function() {
return (
<LayoutWrapper>
<div style={styles.wisgetPageStyle}>
<Row style={rowStyle} gutter={0} justify="start">
<Col lg={8} md={12} sm={24} xs={24} style={colStyle}>
<IsoWidgetsWrapper>
{/* Report Widget */}
<ReportsWidget
label={<IntlMessages id="widget.reportswidget.label" />}
details={<IntlMessages id="widget.reportswidget.details" />}
>
{SIGNLE_PROGRESS_WIDGET.map((widget, idx) => (
<SingleProgressWidget
key={idx}
label={<IntlMessages id={widget.label} />}
percent={widget.percent}
barHeight={widget.barHeight}
status={widget.status}
info={widget.info} // Boolean: true, false
/>
))}
</ReportsWidget>
</IsoWidgetsWrapper>
</Col>
<Col lg={16} md={12} sm={24} xs={24} style={colStyle}>
<IsoWidgetsWrapper>
<IsoWidgetBox>
{/* TABLE */}
<TableViews.SimpleView
tableInfo={tableinfos[0]}
dataList={tableDataList}
/>
</IsoWidgetBox>
</IsoWidgetsWrapper>
</Col>
</Row>
<Row style={rowStyle} gutter={0} justify="start">
{STICKER_WIDGET.map((widget, idx) => (
<Col lg={6} md={12} sm={12} xs={24} style={colStyle} key={idx}>
<IsoWidgetsWrapper>
{/* Sticker Widget */}
<StickerWidget
number={<IntlMessages id={widget.number} />}
text={<IntlMessages id={widget.text} />}
icon={widget.icon}
fontColor={widget.fontColor}
bgColor={widget.bgColor}
/>
</IsoWidgetsWrapper>
</Col>
))}
</Row>
<Row style={rowStyle} gutter={0} justify="start">
{SALE_WIDGET.map((widget, idx) => (
<Col lg={6} md={12} sm={12} xs={24} style={colStyle} key={idx}>
<IsoWidgetsWrapper>
{/* Sale Widget */}
<SaleWidget
label={<IntlMessages id={widget.label} />}
price={<IntlMessages id={widget.price} />}
details={<IntlMessages id={widget.details} />}
fontColor={widget.fontColor}
/>
</IsoWidgetsWrapper>
</Col>
))}
</Row>
<Row style={rowStyle} gutter={0} justify="start">
<Col lg={6} md={12} sm={12} xs={24} style={colStyle}>
{CARD_WIDGET.map((widget, idx) => (
<IsoWidgetsWrapper key={idx} gutterBottom={20}>
{/* Card Widget */}
<CardWidget
icon={widget.icon}
iconcolor={widget.iconcolor}
number={<IntlMessages id={widget.number} />}
text={<IntlMessages id={widget.text} />}
/>
</IsoWidgetsWrapper>
))}
</Col>
<Col lg={6} md={12} sm={12} xs={24} style={colStyle}>
{PROGRESS_WIDGET.map((widget, idx) => (
<IsoWidgetsWrapper key={idx} gutterBottom={20}>
{/* Progress Widget */}
<ProgressWidget
label={<IntlMessages id={widget.label} />}
details={<IntlMessages id={widget.details} />}
icon={widget.icon}
iconcolor={widget.iconcolor}
percent={widget.percent}
barHeight={widget.barHeight}
status={widget.status}
/>
</IsoWidgetsWrapper>
))}
</Col>
<Col lg={12} md={24} sm={24} xs={24} style={colStyle}>
<IsoWidgetsWrapper>
<IsoWidgetBox height={448} style={{ overflow: 'hidden' }}>
<StackedAreaChart {...stackConfig} />
</IsoWidgetBox>
</IsoWidgetsWrapper>
</Col>
</Row>
<Row style={rowStyle} gutter={0} justify="start">
<Col md={12} sm={24} xs={24} style={colStyle}>
<IsoWidgetsWrapper>
<IsoWidgetBox height={470} style={{ overflow: 'hidden' }}>
<GoogleChart
{...googleChartConfigs.BarChart}
chartEvents={chartEvents}
/>
</IsoWidgetBox>
</IsoWidgetsWrapper>
</Col>
<Col md={12} sm={24} xs={24} style={colStyle}>
<IsoWidgetsWrapper>
<IsoWidgetBox height={470} style={{ overflow: 'hidden' }}>
<GoogleChart {...googleChartConfigs.Histogram} />
</IsoWidgetBox>
</IsoWidgetsWrapper>
</Col>
</Row>
<Row style={rowStyle} gutter={0} justify="start">
<Col lg={8} md={12} sm={12} xs={24} style={colStyle}>
<IsoWidgetsWrapper>
{/* VCard Widget */}
<VCardWidget
style={{ height: '450px' }}
src={userpic}
alt="Jhon"
name={<IntlMessages id="widget.vcardwidget.name" />}
title={<IntlMessages id="widget.vcardwidget.title" />}
description={
<IntlMessages id="widget.vcardwidget.description" />
}
>
<SocialWidget>
{SOCIAL_PROFILE.map((profile, idx) => (
<SocialProfile
key={idx}
url={profile.url}
icon={profile.icon}
iconcolor={profile.iconcolor}
/>
))}
</SocialWidget>
</VCardWidget>
</IsoWidgetsWrapper>
</Col>
<Col lg={8} md={12} sm={12} xs={24} style={colStyle}>
<IsoWidgetsWrapper>
{/* Chart */}
<IsoWidgetBox height={450} style={{ overflow: 'hidden' }}>
<GoogleChart {...googleChartConfigs.TrendLines} />
</IsoWidgetBox>
</IsoWidgetsWrapper>
</Col>
<Col lg={8} md={24} sm={24} xs={24} style={colStyle}>
<IsoWidgetsWrapper>
<IsoWidgetBox height={450} style={{ overflow: 'hidden' }}>
{/* Google Bar Chart */}
<GoogleChart {...googleChartConfigs.ComboChart} />
</IsoWidgetBox>
</IsoWidgetsWrapper>
</Col>
</Row>
</div>
</LayoutWrapper>
);
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment