github-mirrors/pf2015
1
0
Fork 0
mirror of https://github.com/ysoftdevs/pf2015.git synced 2026-04-30 12:24:30 +02:00
Code Issues 1 Packages Projects Releases Wiki Activity

Use angluar-flippy to flip cards

Browse Source
This commit is contained in:
Juraj Michalek
2014-12-25 14:33:43 +00:00
parent 4dd6fa8c36
commit 7609ffdfd3
6 changed files with 203 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
index.html
View File

@@ -5,17 +5,36 @@
<meta charset="utf-8">
<title>PF2015</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.7/angular.min.js"></script>
<script type="text/javascript" src="js/pexeso-controller.js"></script>
<link rel="stylesheet" href="css/pexeso.css" type="text/css" />
<link rel="stylesheet" href="css/flippy.css" />
<script type="text/javascript" src="js/flippy.js"></script>
</head>
<body ng-controller="PexesoController" data-ng-init="init()">
<div id="mainContent">
<div ng-repeat="card in board"
class="card"
ng-class="card.state"
ng-click="selectCard(card)"
>{{card.cardId}}</div>
<flippy ng-repeat="card in board"
class="fancy"
ng-class="card.flipState"
ng-click="selectCard(card)"
flip-duration="800"
timing-function="ease-in-out">
<flippy-front>
?
</flippy-front>
<flippy-back>
{{card.cardId}}
</flippy-back>
</flippy>
</body>
</html>