Skip to content

Instantly share code, notes, and snippets.

@Verurteilt

Verurteilt/sanitize.js

Created August 4, 2014 07:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Verurteilt/764fa2646a16b8b237cd to your computer and use it in GitHub Desktop.
Save Verurteilt/764fa2646a16b8b237cd to your computer and use it in GitHub Desktop.
Download ZIP
Raw
sanitize.js
var app = angular.module('ExtensionAcademica',['ngSanitize']);
app.controller("TabCtrl", ["$scope", "$http","$sce",function($scope, $http,$sce){
$http.get("http://192.168.1.67:8000/game").success(function(data, status, headers, config){
$scope.currentTab = $sce.trustAsHtml(data);
});
$scope.changeTab = function(tab){
$scope.currentTab = tab;
};
}]);
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Necesidades básicas de la página
================================================== -->
<meta charset="utf-8">
<title>Video player</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Javascript
================================================== -->
<script type="text/javascript" src="js/html5shiv.js"></script>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.4.custom.min.js"></script>
<!-- Galerias -->
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/mousewheel.js"></script>
<!-- Slider de preguntas -->
<script type="text/javascript" src="js/rhinoslider-1.05.min.js"></script>
<!-- Angular JS -->
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-sanitize.js"> </script>
<!-- Scripts que controlan el sitio -->
<script type="text/javascript" src="js/script_angular.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/grid-fixed.css">
<link rel="stylesheet" href="css/video-cursos.css">
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->
</head>
<body ng-app="ExtensionAcademica">
<div class="container" ng-controller="TabCtrl">
<!--*********************
ACCORDION
*********************-->
<div class="row">
<div id="accordions">
<!-- Texto -->
<h3>Mapa conceptual <span></span></h3>
<div>
<h4>Nunc tristique justo eu</h4>
<p>Aenean at pharetra urna. Pellentesque ultrices imperdiet viverra. Sed nec libero vitae augue aliquet suscipit. Donec sed est eu dui placerat tincidunt. Nunc mi felis, vehicula eu nulla eget, faucibus blandit nunc. Phasellus pellentesque, nunc id egestas ultricies, nisi tellus suscipit erat, ut blandit erat enim a libero. Nunc tempus viverra neque id tempus. Nam porttitor fringilla molestie. Nam leo nisi, dictum id fermentum sed, semper non dui. Integer imperdiet eget massa sit amet elementum. Nam ac dictum turpis. Nam turpis erat, sollicitudin et aliquet eget, commodo vitae tortor. Nunc diam nulla, faucibus ultricies diam ullamcorper, rhoncus viverra felis. Curabitur eget sagittis tellus.</p>
</div>
</div>
</div>
<!--*********************
INTERFASE DE VIDEO
*********************-->
<div class="row" id="interfase-video">
<div id="menu-capitulos">
<div class="row">
<div id="titulo-capitulos">
<h2>Capítulos</h2>
<div class="capitulos-mobile"></div>
</div>
<!--******** Menú capítulos ********-->
<div id="tabs-capitulos">
<ul>
<li>
<a href="#cap-1" ng-click = "changeTab('cap-1.html')">Capítulo 1</a>
</li>
<li>
<a href="#cap-2" ng-click="changeTab('cap-2.html')">Capítulo 2</a>
</li>
<li>
<a href="#cap-3" ng-click="changeTab('cap-3.html')">Capítulo 3</a>
</li>
<li>
<a href="#cap-4" ng-click="changeTab('cap-4.html')">Capítulo 4</a>
</li>
<li>
<a href="#cap-5" ng-click="changeTab('cap-5.html')">Capítulo 5</a>
</li>
<li>
<a href="#cap-6" ng-click="changeTab('cap-6.html')">Capítulo 6</a>
</li>
<li>
<a href="#cap-7" ng-click="changeTab('cap-7.html')">Capítulo 7</a>
</li>
</ul>
<!--*********************
CAPÍTULO 1
*********************-->
<div id="video-player" ng-bind-html="currentTab">
</div>
</div>
</div>
</div>
</div>
<!--*********************
TEXTO
*********************-->
<div class="row">
<div class="sixteen columns">
<h1>Aliquam dolor ligula</h1>
<p>In hac habitasse platea dictumst. Pellentesque arcu dui, blandit in euismod vitae, dictum eget tortor. Duis placerat risus sed tellus pretium tincidunt. Proin a risus eros. Quisque eget diam et sapien ullamcorper iaculis. Aenean eu dui fermentum, eleifend tellus eu, tempor nibh. Suspendisse euismod tincidunt elit, id elementum nisl rutrum sed.</p>
<p>Morbi interdum tortor sed tempor gravida. Phasellus congue quam ac sapien ultrices, et feugiat mi pharetra. Phasellus laoreet pellentesque orci sed viverra. In hac habitasse platea dictumst. Nullam consectetur id velit id feugiat. Aenean neque lacus, iaculis vitae odio at, feugiat varius tellus. Nullam pulvinar nisl sed mi molestie vulputate. Nulla ut arcu eget turpis ornare varius nec quis mi. Nulla interdum fermentum augue sed condimentum.</p>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment