sample-apps/JavaScript/amazon-miner/index.html at develop · algorithmiaio/sample-apps · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<html>
  <head>
	<title>Amazon Miner - Algorithmia</title>
	<link rel="stylesheet" href="<%= slug %>/public/css/reset.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Varela+Round">
	<link rel="stylesheet" href="<%= slug %>/public/css/main.css">
	</head>
  <body>

	<div id="container">

	  <div id="demo">
		<div id="loading">
			<h3>working...</h3>
			<h4>this will likely take some time: scraping, splitting, scoring.</h4>
			<i class="fa fa-spinner fa-spin"></i>
		</div>

		<div id="defaults">
			<a data-name="cameras">Cameras</a>
			<a data-name="toasters">Toasters</a>
			<a data-name="shoes">Shoes</a>
			<a data-name="toilerpaper">Toiletpapers</a>
			<a data-name="customize">Customize</a>
			<div style="clear:both;"></div>
		</div>

		<div class="section">
			<h2><span>Step #1:</span> Define a source</h2>
			<h3>List the products that you want to examine (name, Amazon URL) separated by new line.</h3>
			<textarea id="products"></textarea>
		</div>

		<div class="section">
			<h2><span>Step #2:</span> Specify features</h2>
			<h3>List of features to be extracted, separated by comma.</h3>
			<input id="features" type="text" />
		</div>

		<div class="section">
			<h2><span>Step #3:</span> Compare products</h2>
			<h3>Explore relevant customer feedback and compare sentiment</h3>
		</div>

		<a id="submit">Start Analysis</a>
		<div id="legend-container">
			<div id="legend"></div>
			<div id="view-mode"><span>Chart</span> | <span>Text</span></div>
		</div>
		<div id="chart"></div>
	</div>

	<script id="comment-template" type="text/template">
		<div class="comment">
			<span style="background-color: {{color}}" class="score">{{score}}</span>
			<span class="body">{{body}}</span>
		</div>
	</script>

	<script type="text/javascript" src="<%= slug %>/public/js/jquery.min.js"></script>
	<script type="text/javascript" src="<%= slug %>/public/js/algorithmia.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.16/d3.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.1.1/mustache.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
	<script type="text/javascript" src="<%= slug %>/public/js/radarchart.js"></script>
	<script type="text/javascript" src="<%= slug %>/public/js/configurator.js"></script>
	<script type="text/javascript" src="<%= slug %>/public/js/chartmaker.js"></script>
	<script type="text/javascript" src="<%= slug %>/public/js/main.js"></script>

  </body>
</html>