From 4dd650782a33681d6375c0603838adb773821aab Mon Sep 17 00:00:00 2001
From: He4eT <He4eTHb1u@gmail.com>
Date: Tue, 31 Jan 2017 05:33:25 +0500
Subject: [PATCH] settings page & passing params

---
 index.html | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 slots.html | 26 ++++++++++++++++----------
 2 files changed, 62 insertions(+), 10 deletions(-)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..de02558
--- /dev/null
+++ b/index.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Init Slot Machine</title>
+	<link rel="stylesheet" href="css/style.css" type='text/css'>
+</head>
+<body>
+	<div class="wrap">
+		<textarea name="" class="data" cols="20" rows="24">{"number":
+
+3
+
+,"items": [
+"Водка",
+
+"Джин",
+"Тоник",
+"Гренадин",
+"Пусиджус",
+"Сопли",
+"Блю кюрасао",
+"Яблочный",
+"Апельсиновый",
+"Вишнёвый",
+
+"Ничего"]}</textarea>
+		<div class="start">
+			OK
+		</div>
+	</div>
+	<script src="js/jquery.min.js"></script>
+	<script>
+		$(".start").on('click', () => {
+			try	{
+				let data = JSON.parse($(".data").val())
+				let params = encodeURI(JSON.stringify(data))
+				let newUrl = location.href.replace("index.html", "slots.html")
+				location.href = newUrl + "?" + params
+			} catch (e) {
+				alert(e)
+			}
+		})
+	</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/slots.html b/slots.html
index ffd90c9..723c6d9 100644
--- a/slots.html
+++ b/slots.html
@@ -1,32 +1,38 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta charset="UTF-8">
     <title>Slot Machine</title>
 
     <link rel="stylesheet" href="css/style.css" type='text/css'>
 </head>
 
-<body id="playNormal">
+<body id="playNormal" class="nocursor">
     <div class="wrap">
         <div class="logo">
             <img src="img/logo.svg" alt="">
         </div>
         <ul class="slot">
-            <li>Водка</li>
-            <li>Гренадин</li>
-            <li>Текила</li>
+            <!-- <li>Гренадин</li>
             <li>Пусиджус</li>
-            <li>Сопли</li>
+            <li>Сопли</li> -->
         </ul>
     </div>
 
     <script src="js/jquery.min.js"></script>
-    <!-- <script src="js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script> -->
-    <script src="js/jquery.jSlots.min.js" type="text/javascript" charset="utf-8"></script>
-    <script type="text/javascript" charset="utf-8">
+    <!-- <script src="js/jquery.easing.1.3.js"></script> -->
+    <script src="js/jquery.jSlots.min.js"></script>
+    <script>
+        let params = location.search.substr(1)
+        let data = JSON.parse(decodeURI(params))
+
+        let items = data.items
+            .reduce((sum, cur) => sum + `<li>${cur}</li>`, '')
+        
+        $('.slot').html(items)
+        
         $('.slot').jSlots({
-            number: 3,
+            number: data.number,
             spinner : '#playNormal',
             // winnerNumber : 7
         });
