Actualización

2025-04-10 12:36:07 +02:00
parent 1da7c3f3b9
commit 4aff98e77b
3147 changed files with 320647 additions and 0 deletions
--- a/plugin/card_game/resources/ajax.card.php
+++ b/plugin/card_game/resources/ajax.card.php
@@ -0,0 +1,50 @@
+<?php
+/* For license terms, see /license.txt */
+
+use ChamiloSession as Session;
+
+/**
+ * This script answers to AJAX calls to store a new piece as revealed
+ * in the plugin_card_game table.
+ *
+ * @author Damien Renou
+ *
+ * @package chamilo.plugin.card_game
+ */
+require_once __DIR__.'/../../../main/inc/global.inc.php';
+
+$cardGameSession = Session::read('cardgame');
+
+if (!empty($cardGameSession)) {
+    if ($cardGameSession == 'havedeck') {
+        $part = '1';
+        if (isset($_GET['part'])) {
+            $part = (int) $_GET['part'];
+            $userId = api_get_user_id();
+
+            if (isset($userId)) {
+                $sql = "UPDATE plugin_card_game 
+                        SET access_date = CURDATE(), parts = CONCAT(parts,'!!$part;!') 
+                        WHERE user_id = $userId";
+                Database::query($sql);
+                Session::write('cardgame', 'done');
+
+                $sql = "UPDATE plugin_card_game 
+                        SET pan = pan + 1, parts = '' 
+                        WHERE parts LIKE '%!1;%' AND parts LIKE '%!2;%' AND parts LIKE '%!3;%' AND parts LIKE '%!4;%' AND parts LIKE '%!5;%' AND parts LIKE '%!6;%' AND parts LIKE '%!7%' AND parts LIKE '%!8%' AND parts LIKE '%!9%' AND parts LIKE '%10%' AND parts LIKE '%11%' AND parts LIKE '%12%' AND parts LIKE '%13%' AND parts LIKE '%14%' AND parts LIKE '%15%' 
+                        AND user_id = $userId";
+                Database::query($sql);
+            }
+        } elseif (isset($_GET['loose'])) {
+            $userId = api_get_user_id();
+
+            if (isset($userId)) {
+                $sql = "UPDATE plugin_card_game 
+                        SET access_date = CURDATE() 
+                        WHERE user_id = $userId";
+                Database::query($sql);
+                Session::write('cardgame', 'done');
+            }
+        }
+    }
+}
--- a/plugin/card_game/resources/css/animstar.png
+++ b/plugin/card_game/resources/css/animstar.png
--- a/plugin/card_game/resources/css/b-back.jpg
+++ b/plugin/card_game/resources/css/b-back.jpg
--- a/plugin/card_game/resources/css/b-back.png
+++ b/plugin/card_game/resources/css/b-back.png
--- a/plugin/card_game/resources/css/card-acces-active.svg
+++ b/plugin/card_game/resources/css/card-acces-active.svg
@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 64 64"
+   height="64px"
+   version="1.1"
+   viewBox="0 0 64 64"
+   width="64px"
+   xml:space="preserve"
+   id="svg32"
+   sodipodi:docname="card-acces-active.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
+     id="metadata38"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs36" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview34"
+     showgrid="false"
+     inkscape:zoom="0.921875"
+     inkscape:cx="-164.6857"
+     inkscape:cy="210.86471"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg32" /><g
+     id="g4"
+     style="fill:#c8beb7"><circle
+       style="fill:#c8beb7"
+       id="circle2"
+       r="32"
+       cy="32"
+       cx="32" /></g><g
+     style="opacity:0.2"
+     id="g8"
+     transform="rotate(111.13499,35.426065,34.372644)"><path
+       style="fill:#231f20"
+       inkscape:connector-curvature="0"
+       id="path6"
+       d="m 52,45 c 0,2.209 -1.791,4 -4,4 H 16 c -2.209,0 -4,-1.791 -4,-4 V 25 c 0,-2.209 1.791,-4 4,-4 h 32 c 2.209,0 4,1.791 4,4 z" /></g><g
+     id="g12"
+     transform="rotate(111.13499,35.426065,34.372644)"><path
+       style="fill:#ffffff"
+       inkscape:connector-curvature="0"
+       id="path10"
+       d="m 52,43 c 0,2.209 -1.791,4 -4,4 H 16 c -2.209,0 -4,-1.791 -4,-4 V 23 c 0,-2.209 1.791,-4 4,-4 h 32 c 2.209,0 4,1.791 4,4 z" /></g><g
+     id="g24"
+     transform="matrix(-1.318663,3.3257757,-3.2794526,-1.2347171,233.59711,-70.506721)"
+     style="fill:#abc837"><circle
+       style="fill:#abc837"
+       id="circle22"
+       r="2"
+       cy="41"
+       cx="46" /></g><g
+     id="Layer_2" /><g
+     style="opacity:0.2"
+     id="g8-5"
+     transform="rotate(86.918053,30.486517,30.002601)"><path
+       style="fill:#231f20"
+       inkscape:connector-curvature="0"
+       id="path6-3"
+       d="m 52,45 c 0,2.209 -1.791,4 -4,4 H 16 c -2.209,0 -4,-1.791 -4,-4 V 25 c 0,-2.209 1.791,-4 4,-4 h 32 c 2.209,0 4,1.791 4,4 z" /></g><g
+     id="g12-2"
+     transform="rotate(86.918053,30.486517,30.002601)"
+     style="fill:#ffe6d5"><path
+       style="fill:#ffe6d5"
+       inkscape:connector-curvature="0"
+       id="path10-1"
+       d="m 52,43 c 0,2.209 -1.791,4 -4,4 H 16 c -2.209,0 -4,-1.791 -4,-4 V 23 c 0,-2.209 1.791,-4 4,-4 h 32 c 2.209,0 4,1.791 4,4 z" /></g><g
+     id="g24-2"
+     transform="matrix(0.16158955,3.5740096,-3.497329,0.21914672,164.09941,-141.76822)"
+     style="fill:#afdde9"><circle
+       style="fill:#afdde9"
+       id="circle22-9"
+       r="2"
+       cy="41"
+       cx="46" /></g><g
+     id="g24-2-0"
+     transform="matrix(0.21690503,4.7223995,-4.6945379,0.28956227,236.41517,-175.05731)"
+     style="fill:#ff2a2a"><circle
+       style="fill:#ff2a2a"
+       id="circle22-9-4"
+       r="2"
+       cy="41"
+       cx="46" /></g><text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:21.51814079px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.5379535;"
+     x="46.341255"
+     y="62.60841"
+     id="text846"
+     transform="scale(1.021088,0.97934754)"><tspan
+       sodipodi:role="line"
+       id="tspan844"
+       x="46.341255"
+       y="62.60841"
+       style="stroke-width:0.5379535;fill:#ffffff;">1</tspan></text>
+</svg>
--- a/plugin/card_game/resources/css/card-acces.svg
+++ b/plugin/card_game/resources/css/card-acces.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 64 64"
+   height="64px"
+   version="1.1"
+   viewBox="0 0 64 64"
+   width="64px"
+   xml:space="preserve"
+   id="svg32"
+   sodipodi:docname="card-acces.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
+     id="metadata38"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs36" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview34"
+     showgrid="false"
+     inkscape:zoom="3.6875001"
+     inkscape:cx="70.378514"
+     inkscape:cy="50.995503"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg32" /><g
+     id="g4"
+     style="fill:#c8beb7"><circle
+       style="fill:#c8beb7"
+       id="circle2"
+       r="32"
+       cy="32"
+       cx="32" /></g><g
+     style="opacity:0.2"
+     id="g8"
+     transform="rotate(111.13499,35.426065,34.372644)"><path
+       style="fill:#231f20"
+       inkscape:connector-curvature="0"
+       id="path6"
+       d="m 52,45 c 0,2.209 -1.791,4 -4,4 H 16 c -2.209,0 -4,-1.791 -4,-4 V 25 c 0,-2.209 1.791,-4 4,-4 h 32 c 2.209,0 4,1.791 4,4 z" /></g><g
+     id="g12"
+     transform="rotate(111.13499,35.426065,34.372644)"><path
+       style="fill:#ffffff"
+       inkscape:connector-curvature="0"
+       id="path10"
+       d="m 52,43 c 0,2.209 -1.791,4 -4,4 H 16 c -2.209,0 -4,-1.791 -4,-4 V 23 c 0,-2.209 1.791,-4 4,-4 h 32 c 2.209,0 4,1.791 4,4 z" /></g><g
+     id="g24"
+     transform="matrix(-1.318663,3.3257757,-3.2794526,-1.2347171,233.59711,-70.506721)"
+     style="fill:#abc837"><circle
+       style="fill:#abc837"
+       id="circle22"
+       r="2"
+       cy="41"
+       cx="46" /></g><g
+     id="Layer_2" /><g
+     style="opacity:0.2"
+     id="g8-5"
+     transform="rotate(86.918053,30.486517,30.002601)"><path
+       style="fill:#231f20"
+       inkscape:connector-curvature="0"
+       id="path6-3"
+       d="m 52,45 c 0,2.209 -1.791,4 -4,4 H 16 c -2.209,0 -4,-1.791 -4,-4 V 25 c 0,-2.209 1.791,-4 4,-4 h 32 c 2.209,0 4,1.791 4,4 z" /></g><g
+     id="g12-2"
+     transform="rotate(86.918053,30.486517,30.002601)"
+     style="fill:#ffe6d5"><path
+       style="fill:#ffe6d5"
+       inkscape:connector-curvature="0"
+       id="path10-1"
+       d="m 52,43 c 0,2.209 -1.791,4 -4,4 H 16 c -2.209,0 -4,-1.791 -4,-4 V 23 c 0,-2.209 1.791,-4 4,-4 h 32 c 2.209,0 4,1.791 4,4 z" /></g><g
+     id="g24-2"
+     transform="matrix(0.16158955,3.5740096,-3.497329,0.21914672,164.09941,-141.76822)"
+     style="fill:#afdde9"><circle
+       style="fill:#afdde9"
+       id="circle22-9"
+       r="2"
+       cy="41"
+       cx="46" /></g></svg>
--- a/plugin/card_game/resources/css/card-back.png
+++ b/plugin/card_game/resources/css/card-back.png
--- a/plugin/card_game/resources/css/card1.jpg
+++ b/plugin/card_game/resources/css/card1.jpg
--- a/plugin/card_game/resources/css/card1.pdn
+++ b/plugin/card_game/resources/css/card1.pdn
--- a/plugin/card_game/resources/css/cardgame.css
+++ b/plugin/card_game/resources/css/cardgame.css
@@ -0,0 +1,238 @@
+/** CSS used to show a 5x3 table of cells hiding a big image */
+#home-card {
+    overflow: hidden;
+}
+
+.enjoy-cardgame-active {
+    position: relative;
+    left: 50%;
+    top: 90%;
+    width: 40px;
+    height: 40px;
+    margin-top: -35px;
+    margin-left: 10px;
+    background-image: url('card-acces-active.svg');
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-position: center fixed;
+    -webkit-background-size: cover;
+    background-size: cover;
+    cursor: pointer;
+    z-index: 1000;
+}
+
+.enjoy-cardgame {
+    position: relative;
+    left: 50%;
+    top: 90%;
+    width: 40px;
+    height: 40px;
+    margin-top: -35px;
+    margin-left: 10px;
+    background-image: url('card-acces.svg');
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-position: center fixed;
+    -webkit-background-size: cover;
+    background-size: cover;
+    cursor: pointer;
+    z-index: 1000;
+}
+
+.card-one {
+    position: absolute;
+    transform: rotate(160deg);
+    background-image: url('card1.jpg');
+    background-position: center center;
+    left: 130%;
+    top: 50px;
+    width: 220px;
+    height: 330px;
+    margin-left: -110px;
+    background-color: #CECEF6;
+    border: solid 2px green;
+    cursor: pointer;
+    border-radius: 20px;
+    -webkit-transition: all 1s ease-in-out;
+    transition: all 1s ease-in-out;
+    opacity: 0.1;
+}
+
+.card-one-2 {
+    transform: rotate(0deg);
+    left: 50%;
+    opacity: 1;
+}
+
+.cardgame-pack {
+    position: relative;
+    width: 100%;
+    height: 450px;
+    background-image: url('cardpack450.jpg');
+    background-color: transparent;
+    background-position: -500px bottom;
+    -webkit-transition: all 1s ease-in-out;
+    transition: all 1s ease-in-out;
+}
+
+.cardgame-open {
+    background-position: 0px 0px;
+}
+
+.linescissors {
+    position: absolute;
+    left: 60px;
+    top: 135px;
+    width: 220px;
+    height: 6px;
+    transform: rotate(-26deg);
+    border-top: dotted 3px gray;
+}
+
+.messagePackDeck {
+    position: absolute;
+    text-align: center;
+    right: 20px;
+    top: 30px;
+    width: 200px;
+    padding: 20px;
+    font-size: 22px;
+    border-radius: 15px;
+    background-color: #8A0886;
+    color: white;
+}
+
+.viewDeckBottom {
+    position: absolute;
+    left: 3px;
+    bottom: 5px;
+    width: 73px;
+    height: 60px;
+    background-image: url('galerie.png');
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-position: center fixed;
+    -webkit-background-size: cover;
+    background-size: cover;
+    display: none;
+    cursor: pointer;
+}
+
+.messagePackDeckBottom {
+    position: absolute;
+    text-align: center;
+    left: 85px;
+    bottom: 10px;
+    right: 20px;
+    padding: 14px;
+    font-size: 16px;
+    border-radius: 15px;
+    background-color: #8A0886;
+    color: white;
+}
+
+.scissorsrightinit {
+    transform: rotate(160deg);
+    position: absolute;
+    left: 260px;
+    top: 50px;
+    width: 60px;
+    height: 60px;
+    background-image: url('scissorsright.gif');
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-position: center fixed;
+    -webkit-background-size: cover;
+    background-size: cover;
+    cursor: pointer;
+    z-index: 1000;
+    -webkit-transition: all 3s ease-in-out;
+    transition: all 3s ease-in-out;
+}
+
+.scissorsrightinitfinal {
+    left: 10px;
+    top: 170px;
+}
+
+.puzzlecardone {
+    position: absolute;
+    display: none;
+    left: 5%;
+    top: 2%;
+    width: 90%;
+    height: 80%;
+    background-color: gray;
+    background-repeat: no-repeat;
+    background-position: center fixed;
+    -webkit-background-size: cover;
+    background-size: cover;
+    border: solid 1px green;
+    overflow: hidden;
+}
+
+.puzzleMin {
+    float: left;
+    position: relative;
+    left: 10px;
+    top: 10px;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    width: 150px;
+    height: 100px;
+    -webkit-transition: all 1s ease-in-out;
+    transition: all 1s ease-in-out;
+}
+
+.puzzleMinOther {
+    float: left;
+    position: relative;
+    left: 10px;
+    top: 10px;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    width: 150px;
+    height: 100px;
+    background-image: url('b-back.jpg');
+    background-repeat: no-repeat;
+    background-position: center center;
+    -webkit-background-size: cover;
+    background-size: cover;
+    display: none;
+    -webkit-transition: all 1s ease-in-out;
+    transition: all 1s ease-in-out;
+}
+
+.pimg01 {
+    background-image: url('img01.jpg');
+}
+
+.pimg02 {
+    background-image: url('img02.jpg');
+}
+
+.pimg03 {
+    background-image: url('img03.jpg');
+}
+
+.pimg04 {
+    background-image: url('img04.jpg');
+}
+
+.puzzlepart1 {
+    position: relative;
+    border-right: dotted 3px green;
+    border-bottom: dotted 3px green;
+    float: left;
+    left: 0%;
+    top: 0%;
+    width: 20%;
+    height: 33.34%;
+    background-image: url('b-back.jpg');
+    background-color: transparent;
+    background-position: center center;
+}
+
+.puzzlepartstar {
+    background-image: url('animstar.png');
+}
--- a/plugin/card_game/resources/css/cardpack.jpg
+++ b/plugin/card_game/resources/css/cardpack.jpg
--- a/plugin/card_game/resources/css/cardpack450.jpg
+++ b/plugin/card_game/resources/css/cardpack450.jpg
--- a/plugin/card_game/resources/css/galerie.png
+++ b/plugin/card_game/resources/css/galerie.png
--- a/plugin/card_game/resources/css/img01.jpg
+++ b/plugin/card_game/resources/css/img01.jpg
--- a/plugin/card_game/resources/css/img02.jpg
+++ b/plugin/card_game/resources/css/img02.jpg
--- a/plugin/card_game/resources/css/img03.jpg
+++ b/plugin/card_game/resources/css/img03.jpg
--- a/plugin/card_game/resources/css/img04.jpg
+++ b/plugin/card_game/resources/css/img04.jpg
--- a/plugin/card_game/resources/css/renderchami.jpg
+++ b/plugin/card_game/resources/css/renderchami.jpg
--- a/plugin/card_game/resources/css/scissorsright.gif
+++ b/plugin/card_game/resources/css/scissorsright.gif
--- a/plugin/card_game/resources/js/cardgame.js
+++ b/plugin/card_game/resources/js/cardgame.js
@@ -0,0 +1,237 @@
+/* For license terms, see /license.txt */
+/**
+ * Whenever the cardgame.js file is included into the loaded JavaScript,
+ * search for the user picture in the left menu and add a div
+ * "enjoy-cardgame" to it to show a little drawing cards icon to enable
+ * this plugin
+ */
+$(document).ready(function ($) {
+
+  if (!document.getElementById('havedeckcardgame')) {
+    $('.sidebar .panel-body .img-circle').parent().parent().after('<div id="plugin-cardgame-icon" class="enjoy-cardgame" onClick="onlyOpenCardView();" ></div>')
+  } else {
+    $('.sidebar .panel-body .img-circle').parent().parent().after('<div id="plugin-cardgame-icon" class="enjoy-cardgame-active" onClick="installCardView()" ></div>')
+  }
+})
+
+/**
+ * This function inserts the <article> element 'home-card' for the card game
+ * before the .page-content element on the page (the right side of the
+ * "my courses" page) only if the element with id 'home-card' does not exist
+ * yet.
+ */
+function installCardView () {
+  if (!document.getElementById('home-card')) {
+    var mess1 = $('#cardgamemessage').html()
+    var h = '<article id="home-card" style="border:solid 1px gray;" >'
+    h += '<div class="cardgame-pack" >'
+    var panClass = 'pimg0' + $('#pancardgame').html()
+
+    // Setup the 3x5 table of images
+    h += '<div class="puzzlecardone ' + panClass + '" >'
+    h += '<div id="puzzlepart1"  class="puzzlepart1" ></div>'
+    h += '<div id="puzzlepart2"  class="puzzlepart1" ></div>'
+    h += '<div id="puzzlepart3"  class="puzzlepart1" ></div>'
+    h += '<div id="puzzlepart4"  class="puzzlepart1" ></div>'
+    h += '<div id="puzzlepart5"  class="puzzlepart1" ></div>'
+    h += '<div id="puzzlepart6"  class="puzzlepart1" ></div>'
+    h += '<div id="puzzlepart7"  class="puzzlepart1" ></div>'
+    h += '<div id="puzzlepart8"  class="puzzlepart1" ></div>'
+    h += '<div id="puzzlepart9"  class="puzzlepart1" ></div>'
+    h += '<div id="puzzlepart10" class="puzzlepart1" ></div>'
+    h += '<div id="puzzlepart11" class="puzzlepart1" ></div>'
+    h += '<div id="puzzlepart12" class="puzzlepart1" ></div>'
+    h += '<div id="puzzlepart13" class="puzzlepart1" ></div>'
+    h += '<div id="puzzlepart14" class="puzzlepart1" ></div>'
+    h += '<div id="puzzlepart15" class="puzzlepart1" ></div>'
+    h += '</div>'
+
+    h += '<div id="puzzleMinOther1" class="puzzleMinOther" ></div>'
+    h += '<div id="puzzleMinOther2" class="puzzleMinOther" ></div>'
+    h += '<div id="puzzleMinOther3" class="puzzleMinOther" ></div>'
+    h += '<div id="puzzleMinOther4" class="puzzleMinOther" ></div>'
+
+    h += '<div class="card-one" onclick="cardOpenCardView();" ></div>'
+    h += '<div class="linescissors" ></div>'
+
+    h += '<div id="viewDeckBottom" class="viewDeckBottom" onClick="minimizePuzzle()" ></div>'
+    h += '<div id="messagePackDeck" class="messagePackDeck" >' + mess1 + '</div>'
+
+    h += '<div id="scissors" class="scissorsrightinit" onclick="animationOpenCardView();" ></div>'
+    h += '</div>'
+    h += '</article>'
+
+    $('.page-content').before(h)
+
+  } else {
+    $('#home-card').fadeToggle()
+  }
+
+}
+
+/**
+ * Animate the scissors
+ */
+function animationOpenCardView () {
+
+  $('#scissors').addClass('scissorsrightinitfinal')
+
+  setTimeout(function () {
+    $('#scissors').fadeOut()
+    $('.linescissors').fadeOut()
+    $('#messagePackDeck').css('display', 'none')
+    $('#messagePackDeck').removeClass('messagePackDeck')
+
+  }, 2600)
+
+  setTimeout(function () {
+    $('.cardgame-pack').addClass('cardgame-open')
+    $('.card-one').addClass('card-one-2')
+  }, 3000)
+
+}
+
+function cardOpenCardView () {
+
+  $('.card-one').removeClass('card-one-2')
+
+  setTimeout(function () {
+    $('.puzzlecardone').fadeIn()
+    randomOpenCardView()
+  }, 700)
+
+}
+
+function randomOpenCardView () {
+
+  var part = Math.floor(Math.random() * (15 - 1 + 1)) + 1
+
+  $('.puzzlecardone').css('display', 'block')
+  $('#scissors').fadeOut()
+  $('.linescissors').fadeOut()
+  $('#messagePackDeck').css('display', 'none')
+  $('#messagePackDeck').removeClass('messagePackDeck')
+
+  var memocardgame = $('#memocardgame').html()
+  var parts = memocardgame
+  var arrayOfStrings = parts.split(';')
+
+  var findDouble = false
+  for (var i = 0; i < arrayOfStrings.length; i++) {
+    var idpart = arrayOfStrings[i]
+    idpart = idpart.replace('!!', '')
+    idpart = idpart.replace('!', '')
+    idpart = idpart.replace('!', '')
+    idpart = idpart.replace(';', '')
+    $('#puzzlepart' + idpart).css('opacity', 0)
+
+    if (part == idpart) {
+      findDouble = true
+    }
+
+  }
+  if (findDouble) {
+    part = Math.floor(Math.random() * (15 - 1 + 1)) + 1
+  }
+  if (memocardgame.indexOf('!' + part + ';') != -1) {
+    part = Math.floor(Math.random() * (15 - 1 + 1)) + 1
+  }
+  if (memocardgame.indexOf('!' + part + ';') != -1) {
+    part = Math.floor(Math.random() * (15 - 1 + 1)) + 1
+  }
+
+  if (memocardgame.indexOf('!' + part + ';') != -1) {
+    var mess2 = $('#cardgameloose').html()
+    $('#messagePackDeck').html(mess2)
+    $('#messagePackDeck').css('display', 'block')
+    $('#messagePackDeck').css('backgroundColor', 'red')
+    $('#messagePackDeck').addClass('messagePackDeckBottom')
+    var lk = $('#linkcardgame').html()
+    $.ajax({ url: lk + '?loose=1' }).done(function () { })
+
+  } else {
+    var lk = $('#linkcardgame').html()
+    $.ajax({ url: lk + '?part=' + part }).done(function () { })
+
+    setTimeout(function () {
+      $('#puzzlepart' + part).addClass('puzzlepartstar')
+    }, 600)
+
+    setTimeout(function () {
+      $('#puzzlepart' + part).css('opacity', 0)
+    }, 1200)
+
+    setTimeout(function () {
+      var mess2 = $('#cardgameengage').html()
+      $('#messagePackDeck').html(mess2)
+      $('#messagePackDeck').css('display', 'block')
+      $('#messagePackDeck').addClass('messagePackDeckBottom')
+      $('#viewDeckBottom').css('display', 'block')
+    }, 1500)
+
+  }
+  $('#plugin-cardgame-icon').removeClass('enjoy-cardgame-active')
+  $('#plugin-cardgame-icon').addClass('enjoy-cardgame')
+}
+
+/**
+ * This function adds the cardgame area block (in invisible state), then
+ * changes the visibility of blocks inside the puzzle area to show them
+ */
+function onlyOpenCardView () {
+
+  installCardView();
+
+  var memocardgame = $('#memocardgame').html()
+
+  $('.puzzlecardone').css('display', 'block')
+  $('#scissors').css('display', 'none')
+  $('.linescissors').css('display', 'none')
+  $('#messagePackDeck').css('display', 'none')
+  $('#messagePackDeck').removeClass('messagePackDeck')
+
+  var lk = $('#linkcardgame').html()
+  var parts = memocardgame
+  // alert(parts);
+  var arrayOfStrings = parts.split(';')
+
+  for (var i = 0; i < arrayOfStrings.length; i++) {
+    var idpart = arrayOfStrings[i]
+    idpart = idpart.replace('!!', '')
+    idpart = idpart.replace('!', '')
+    idpart = idpart.replace('!', '')
+    idpart = idpart.replace(';', '')
+    $('#puzzlepart' + idpart).css('opacity', 0)
+  }
+
+  var mess2 = $('#cardgameengage').html()
+  $('#messagePackDeck').html(mess2)
+  $('#messagePackDeck').css('display', 'block')
+  $('#messagePackDeck').addClass('messagePackDeckBottom')
+  $('#viewDeckBottom').css('display', 'block')
+}
+
+function minimizePuzzle () {
+
+  $('.puzzlecardone').addClass('puzzleMin')
+  setTimeout(function () {
+
+    $('.puzzleMinOther').css('display', 'block')
+
+    var panNumber = parseInt($('#pancardgame').html())
+
+    if (panNumber > 1) {
+      $('#puzzleMinOther1').addClass('pimg01')
+    }
+    if (panNumber > 2) {
+      $('#puzzleMinOther2').addClass('pimg02')
+    }
+    if (panNumber > 3) {
+      $('#puzzleMinOther3').addClass('pimg03')
+    }
+    if (panNumber > 4) {
+      $('#puzzleMinOther4').addClass('pimg04')
+    }
+  }, 1000)
+}
+