+
+
Tools
-
-
+
+
Download the Chrome Extension and get Match Audio links right from your address bar.
-
-
+
+
-
+
);
}
diff --git a/views/share.js b/views/share.js
new file mode 100644
index 0000000..8e05582
--- /dev/null
+++ b/views/share.js
@@ -0,0 +1,196 @@
+import React from 'react';
+import request from 'superagent';
+import {State, Link} from 'react-router';
+import Foot from './foot';
+
+var MusicItem = React.createClass({
+
+ render: function() {
+ if (!this.props.item.matched_at) {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+ } else if (!this.props.item.id) {
+ return (
+
+
+
+
+ No Match
+
+
+
+
+
+
+ );
+ } else {
+ return (
+
+ );
+ }
+ }
+
+});
+
+export default React.createClass({
+
+ mixins: [ State ],
+
+ getInitialState: function () {
+ if (this.props.shares && this.props.shares[0].id === this.getParams().id) {
+ return {
+ name: this.props.shares[0].name,
+ artist: this.props.shares[0].artist.name,
+ shares: this.props.shares,
+ shareUrl: 'https://match.audio/' + this.props.shares[0].service + '/' + this.props.shares[0].type + '/' + this.props.shares[0].id
+ };
+ }
+ return {
+ name: '',
+ artist: '',
+ shares: [],
+ shareUrl: ''
+ };
+ },
+
+ componentWillUnmount: function() {
+ if (this.state.interval) {
+ clearInterval(this.state.interval);
+ }
+ },
+
+ componentDidMount: function () {
+ var complete = this.state.shares.length > 0;
+
+ this.state.shares.forEach(function(share) {
+ if (typeof share.matched_at === 'undefined') {
+ complete = false;
+ }
+ });
+
+ var getShares = function() {
+ request.get(this.getPathname() + '.json').end(function(err, res) {
+ var shares = res.body.shares;
+ complete = true;
+ shares.forEach(function(share) {
+ if (typeof share.matched_at === 'undefined') {
+ complete = false;
+ }
+ });
+
+ if (complete) {
+ clearInterval(this.state.interval);
+ }
+
+ if (shares.length) {
+ this.setState({
+ name: shares[0].name,
+ artist: shares[0].artist.name,
+ shares: shares,
+ shareUrl: 'https://match.audio/' + shares[0].service + '/' + shares[0].type + '/' + shares[0].id
+ });
+ }
+ }.bind(this));
+ }.bind(this);
+
+ if (!this.state.shares.length) {
+ getShares();
+ }
+
+ // Temporary until websockets implementation
+ this.state.interval = setInterval(function() {
+ if (!complete) {
+ getShares();
+ }
+ }, 2000);
+
+ // Some hacks to pop open the Twitter/Facebook/Google Plus sharing dialogs without using their code.
+ Array.prototype.forEach.call(document.querySelectorAll('.share-dialog'), function(dialog){
+ dialog.addEventListener('click', function(event) {
+ event.preventDefault();
+ var w = 845;
+ var h = 670;
+ var dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : screen.left;
+ var dualScreenTop = window.screenTop !== undefined ? window.screenTop : screen.top;
+
+ var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
+ var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
+
+ var left = ((width / 2) - (w / 2)) + dualScreenLeft;
+ var top = ((height / 2) - (h / 2)) + dualScreenTop;
+ var newWindow = window.open(dialog.href, 'Share Music', 'scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);
+ if (window.focus) {
+ newWindow.focus();
+ }
+ });
+ });
+ },
+
+ render: function() {
+ return (
+
+
+
+
+
+
+
Matched {this.state.shares[0] ? this.state.shares[0].type + 's' : ''} for
+ {this.state.name} - {this.state.artist}
+
+
+
+
+ {this.state.shares.map(function(item, i){
+ return ();
+ }.bind(this))}
+
+
+
+
+
+ );
+ }
+});
diff --git a/views/share.jsx b/views/share.jsx
deleted file mode 100644
index 8739b32..0000000
--- a/views/share.jsx
+++ /dev/null
@@ -1,199 +0,0 @@
-"use strict";
-
-var React = require("react");
-var request = require("superagent");
-var Router = require("react-router");
-var Link = require("react-router").Link;
-var Foot = require("./foot.jsx");
-
-var MusicItem = React.createClass({
-
- render: function() {
- if (!this.props.item.matched_at) {
- return (
-
-
-
-
-
-
-
-
-
![]({"/images/")
-
-
-
- );
- } else if (!this.props.item.id) {
- return (
-
-
-
-
- No Match
-
-
-
-
-
-
- );
- } else {
- return (
-
- );
- }
- }
-
-});
-
-module.exports = React.createClass({
-
- mixins: [ Router.State ],
-
- getInitialState: function () {
- if (this.props.shares && this.props.shares[0].id === this.getParams().id) {
- return {
- name: this.props.shares[0].name,
- artist: this.props.shares[0].artist.name,
- shares: this.props.shares,
- shareUrl: "https://match.audio/" + this.props.shares[0].service + "/" + this.props.shares[0].type + "/" + this.props.shares[0].id
- };
- }
- return {
- name: "",
- artist: "",
- shares: [],
- shareUrl: ""
- };
- },
-
- componentWillUnmount: function() {
- if (this.state.interval) {
- clearInterval(this.state.interval);
- }
- },
-
- componentDidMount: function () {
- var complete = this.state.shares.length > 0;
-
- this.state.shares.forEach(function(share) {
- if (typeof share.matched_at === "undefined") {
- complete = false;
- }
- });
-
- var getShares = function() {
- request.get(this.getPathname() + ".json").end(function(err, res) {
- var shares = res.body.shares;
- complete = true;
- shares.forEach(function(share) {
- if (typeof share.matched_at === "undefined") {
- complete = false;
- }
- });
-
- if (complete) {
- clearInterval(this.state.interval);
- }
-
- if (shares.length) {
- this.setState({
- name: shares[0].name,
- artist: shares[0].artist.name,
- shares: shares,
- shareUrl: "https://match.audio/" + shares[0].service + "/" + shares[0].type + "/" + shares[0].id
- });
- }
- }.bind(this));
- }.bind(this);
-
- if (!this.state.shares.length) {
- getShares();
- }
-
- // Temporary until websockets implementation
- this.state.interval = setInterval(function() {
- if (!complete) {
- getShares();
- }
- }, 2000);
-
- // Some hacks to pop open the Twitter/Facebook/Google Plus sharing dialogs without using their code.
- Array.prototype.forEach.call(document.querySelectorAll(".share-dialog"), function(dialog){
- dialog.addEventListener("click", function(event) {
- event.preventDefault();
- var w = 845;
- var h = 670;
- var dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : screen.left;
- var dualScreenTop = window.screenTop !== undefined ? window.screenTop : screen.top;
-
- var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
- var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
-
- var left = ((width / 2) - (w / 2)) + dualScreenLeft;
- var top = ((height / 2) - (h / 2)) + dualScreenTop;
- var newWindow = window.open(dialog.href, "Share Music", "scrollbars=yes, width=" + w + ", height=" + h + ", top=" + top + ", left=" + left);
- if (window.focus) {
- newWindow.focus();
- }
- });
- });
- },
-
- render: function() {
- return (
-
-
-
-
-
-
-
Matched {this.state.shares[0] ? this.state.shares[0].type + "s" : ""} for
- {this.state.name} - {this.state.artist}
-
-
-
-
- {this.state.shares.map(function(item, i){
- return ();
- }.bind(this))}
-
-
-
-
-
- );
- }
-});