<?php
require 'db.php';
if (isset($_GET['id'])) {
$deck = intval($_GET['id']);
$db = database_connection();
$words = get_all_game_words($db, $deck);
$number_of_words = get_number_of_words_for_game($db, $deck);
$deck_name = get_deck_title($db, $deck);
$image_url = '../../../';
$currency = get_points_symbol($db);
}
?>
<!DOCTYPE html>
<html lang="en">
<link>
<meta charset="UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.flip.js"></script>
<script src="js/main.js"></script>
<link href="css/jquery.circliful.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.circliful.min.js"></script>
<link href="css/style.css" type="text/css" rel="stylesheet">
<title>Vocabulary Play - Game</title>
</head>
<body>
<script type="text/javascript">
var game_title = "<?php
function view_spotgame_settings_page()
{
$main_js = WP_PLUGIN_URL . '/vocabulary-plugin/spotGame/js/main.js';
$flip_js = WP_PLUGIN_URL . '/vocabulary-plugin/spotGame/js/jquery.flip.js';
$circliful_js = WP_PLUGIN_URL . '/vocabulary-plugin/spotGame/js/jquery.circliful.min.js';
$circliful_css = WP_PLUGIN_URL . '/vocabulary-plugin/spotGame/css/jquery.circliful.css';
$style_css = WP_PLUGIN_URL . '/vocabulary-plugin/spotGame/css/style.css';
if (isset($_POST['deck_id'])) {
$deck = intval($_POST['deck_id']);
$right_word_id = intval(get_number_of_words_for_game($deck));
$words = get_all_game_words_spotgame($deck, $right_word_id);
//$number_of_words = get_number_of_words_for_game($deck);
$deck_name = get_deck_title($deck);
$word = get_word($right_word_id);
$image_url = '../../../';
$currency = get_points_symbol();
}
?>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="<?php
echo $flip_js;
?>
"></script>
<script src="<?php
echo $main_js;
?>
"></script>
<link href="<?php
echo $circliful_css;
?>
" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php
echo $circliful_js;
?>
"></script>
<link href="<?php
echo $style_css;
?>
" type="text/css" rel="stylesheet">
<script type="text/javascript">
var right_word_db = [
{word:"<?php
echo $word->word;
?>
", description:"<?php
echo $word->description;
?>
", image:"<?php
echo $image_url . $word->image;
?>
", audio:"<?php
echo $word->audio;
?>
", points:"<?php
echo $word->points;
?>
"}
];
</script>
<div id="wrapper">
<script type="text/javascript">
var game_title = "Spot Game";
var currency = "<?php
echo $currency;
?>
";
var question = "<?php
echo $deck_name->name;
?>
";
var words = [
<?php
foreach ($words as $word) {
?>
{word:"<?php
echo $word->word;
?>
", description:"<?php
echo $word->description;
?>
", image:"<?php
echo $image_url . $word->image;
?>
", audio:"<?php
echo $word->audio;
?>
", points:"<?php
echo $word->points;
?>
"},
<?php
}
?>
];
var number_of_words_to_guess_from_db = 1;
var errors = 0;
var points = 0;
var total_game_points = 0;
var current_index = 0;
var words_to_guess;
var wrong_words;
var game = [];
build_home();
initiate("game");
</script>
</div>
<?php
}
