Advertisement
Guest User

sofiaxt

a guest
Mar 19th, 2019
253
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 92.32 KB | None | 0 0
  1. <!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">-->
  2. <!DOCTYPE html>
  3.  
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-mx">
  6. <head>
  7. <meta http-equiv="X-UA-Compatible" content="IE=10" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  9. <title>Perfil</title>
  10. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  11.  
  12.  
  13.  
  14.  
  15. <!--ICONS-------------------------------------->
  16. <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  17. <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
  18. <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
  19. <link rel="manifest" href="/manifest.json">
  20. <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  21. <meta name="theme-color" content="#ffffff">
  22. <!------------------------------------------------>
  23. <!--jQuery References-->
  24. <script src="/Scripts/jquery/main/jquery-1.8.3.js"></script>
  25. <script src="/Scripts/jquery/main/jquery-ui-1.10.0.js"></script>
  26.  
  27.  
  28. <script>
  29. $(document).ready(function () {
  30. var colors = ['#ec2c39', '#f15b28', '#f78d27', '#ee78aa', '#c21d85', '#1873ba', '#25bfd7', '#28b9aa', '#20b476'];
  31. $('meta[name=theme-color]').attr('content', colors[Math.floor(Math.random() * colors.length)]);
  32.  
  33. });
  34. </script>
  35. <!--StyleSheets-->
  36. <link href="/Content/offline/offline-theme-default-indicator.css" rel="stylesheet"/>
  37. <link href="/Content/offline/offline-language-spanish.css" rel="stylesheet"/>
  38. <link href="/Content/offline/offline-language-spanish-indicator.css" rel="stylesheet"/>
  39.  
  40. <!--boostrap-->
  41. <link href="/Content/bootstrap/bootstrap.css" rel="stylesheet"/>
  42. <link href="/Content/bootstrap/css/datepicker.css" rel="stylesheet"/>
  43. <link href="/Content/bootstrap/css/timepicker.css" rel="stylesheet"/>
  44. <link href="/Content/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
  45. <link href="/Scripts/lighbox/bootstrap-lightbox.min.css" rel="stylesheet"/>
  46. <link href="/Scripts/bootstrap-multiselect/bootstrap-multiselect.css" rel="stylesheet"/>
  47.  
  48.  
  49. <link href="/Content/peekaboo/css/style.css" rel="stylesheet"/>
  50. <link href="/Content/peekaboo/css/nivo-slider.css" rel="stylesheet"/>
  51.  
  52.  
  53. <!-- Lesther -->
  54. <script src="/Scripts/converterAnyBase.js"></script>
  55. <script src="/Scripts/lesther.js?a=20023945069"></script>
  56.  
  57.  
  58.  
  59. <!--css swicth-->
  60. <link rel="stylesheet" type="text/css" title="switchStylesheet" href="/content/peekaboo/css/style-default.css" />
  61.  
  62.  
  63. <link href="/Content/intro" rel="stylesheet"/>
  64.  
  65.  
  66. <link href="/Content/print.css" rel="stylesheet" type="text/css" media="print" />
  67.  
  68.  
  69. <link href="/Content/Sofia.css" rel="stylesheet"/>
  70. <link href="/Content/marco.css" rel="stylesheet"/>
  71. <link href="/Content/Sofia.Avatares.css" rel="stylesheet"/>
  72. <link href="/Content/Sofia.Ejer.RectaNum.css" rel="stylesheet"/>
  73. <link href="/Content/submenu.css" rel="stylesheet"/>
  74.  
  75.  
  76. <link href="/Content/new-design.css" rel="stylesheet"/>
  77. <link href="/Content/Responsive.css" rel="stylesheet"/>
  78. <link href="/Content/font-awesome.css" rel="stylesheet"/>
  79.  
  80.  
  81. <script>
  82.  
  83. if (window.location.href.indexOf("sofiaxt.com") > 1) {
  84. (function (i, s, o, g, r, a, m) {
  85. i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
  86. (i[r].q = i[r].q || []).push(arguments)
  87. }, i[r].l = 1 * new Date(); a = s.createElement(o),
  88. m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
  89. })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
  90. ga('create', 'UA-39337100-1', 'sofiaxt.com');
  91. ga('send', 'pageview');
  92. }
  93.  
  94. if (window.location.href.indexOf("sofiaxt.mx") > 1) {
  95. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  96. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  97. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  98. })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  99. ga('create', 'UA-39337100-4', 'auto');
  100. ga('send', 'pageview');
  101. }
  102.  
  103. if (window.location.href.indexOf("sofiaxt.pe") > 1) {
  104. (function (i, s, o, g, r, a, m) {
  105. i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
  106. (i[r].q = i[r].q || []).push(arguments)
  107. }, i[r].l = 1 * new Date(); a = s.createElement(o),
  108. m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
  109. })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
  110. ga('create', 'UA-39337100-6', 'auto');
  111. ga('send', 'pageview');
  112. }
  113.  
  114. //// Track basic JavaScript errors
  115. //window.addEventListener('error', function (e) {
  116. // ga(
  117. // '_trackEvent',
  118. // 'JavaScript Error',
  119. // e.message,
  120. // e.filename + ': ' + e.lineno,
  121. // true
  122. // );
  123. //});
  124.  
  125. //// Track AJAX errors (jQuery API)
  126. //$(document).ajaxError(function (e, request, settings) {
  127. // ga(
  128. // '_trackEvent',
  129. // 'Ajax error',
  130. // settings.url,
  131. // e.result,
  132. // true
  133. // );
  134. //});
  135.  
  136. </script>
  137.  
  138. <script type="text/javascript">
  139.  
  140. var appInsights=window.appInsights||function(config){
  141. function i(config){t[config]=function(){var i=arguments;t.queue.push(function(){t[config].apply(t,i)})}}var t={config:config},u=document,e=window,o="script",s="AuthenticatedUserContext",h="start",c="stop",l="Track",a=l+"Event",v=l+"Page",y=u.createElement(o),r,f;y.src=config.url||"https://az416426.vo.msecnd.net/scripts/a/ai.0.js";u.getElementsByTagName(o)[0].parentNode.appendChild(y);try{t.cookie=u.cookie}catch(p){}for(t.queue=[],t.version="1.0",r=["Event","Exception","Metric","PageView","Trace","Dependency"];r.length;)i("track"+r.pop());return i("set"+s),i("clear"+s),i(h+a),i(c+a),i(h+v),i(c+v),i("flush"),config.disableExceptionTracking||(r="onerror",i("_"+r),f=e[r],e[r]=function(config,i,u,e,o){var s=f&&f(config,i,u,e,o);return s!==!0&&t["_"+r](config,i,u,e,o),s}),t
  142. }({
  143. instrumentationKey:"db33bed7-037d-40fe-b9fe-84286eab99ef"
  144. });
  145.  
  146. window.appInsights=appInsights;
  147. appInsights.trackPageView();
  148.  
  149. </script>
  150.  
  151.  
  152.  
  153.  
  154.  
  155.  
  156. <script src="/Scripts/client.min.js"></script>
  157.  
  158.  
  159.  
  160. </head>
  161. <body scroll="no">
  162. <!-- Google Code para etiquetas de remarketing -->
  163. <!-- Es posible que las etiquetas de remarketing todavía no estén asociadas a la información de identificación personal o que estén en páginas relacionadas con las categorías delicadas.
  164. Para obtener más información e instrucciones sobre cómo configurar la etiqueta, consulte http://google.com/ads/remarketingsetup. -->
  165. <script type="text/javascript">
  166. /* <![CDATA[ */ var google_conversion_id = 949786759; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */
  167. </script>
  168.  
  169. <noscript>
  170. <div style="display:inline;">
  171. <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/949786759/?value=0&amp;guid=ON&amp;script=0" />
  172. </div>
  173. </noscript>
  174.  
  175. <script src="/Scripts/sofia/Sofia.Storage.js"></script>
  176. <script src="/Scripts/sofia/Sofia.Noti.js"></script>
  177. <script src="/Scripts/sofia/Sofia.UI.js"></script>
  178. <script src="/Scripts/sofia/Sofia.GlobalCom.js"></script>
  179. <script src="/Scripts/sofia/Sofia.Chat.js"></script>
  180. <script src="/Scripts/sofia/Sofia.Audio.js"></script>
  181. <script src="/Scripts/sofia/Sofia.Speech.js"></script>
  182. <script src="/Scripts/sofia/Sofia.ShowPassword.js"></script>
  183. <script src="/Scripts/sofia/Sofia.Lang.js"></script>
  184. <script src="/Scripts/responsivevoice.js"></script>
  185. <script src="/Scripts/auto-dropup.js"></script>
  186. <script src="/Scripts/sofia/Sofia.General.js"></script>
  187. <script src="/Scripts/howler.js"></script>
  188.  
  189.  
  190. <div id="center" style="position:fixed;top:50%;left:50%;z-index:100000000"></div>
  191. <!-- header -->
  192.  
  193.  
  194. <!-- Header begin-->
  195. <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  196.  
  197.  
  198.  
  199.  
  200. <div class="container-fluid">
  201. <div class="navbar-header">
  202. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  203. <span class="sr-only">Toggle navigation</span>
  204. <span class="icon-bar"></span>
  205. <span class="icon-bar"></span>
  206. <span class="icon-bar"></span>
  207. </button>
  208. <a class="navbar-brand" href="/">
  209. <!--<img src="~/Content/img/logo-navbar.png" />-->
  210. <img src="/Content/img/logo-navbar.png" style="height: 50px;" />
  211.  
  212. </a>
  213.  
  214.  
  215.  
  216. <!-- Alertas -->
  217.  
  218. </div>
  219. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  220.  
  221. <form class="navbar-form navbar-left buscador" role="search">
  222. <div class="form-group">
  223. <input type="text" class="form-control amigos" placeholder="Busca lo que quieras">
  224.  
  225. </div>
  226. </form>
  227. <ul class="nav navbar-nav navbar-right">
  228. <!-- inicio -->
  229. <li class="blue">
  230. <a href="/es-MX"><span class="fa fa-home fa-lg"></span> <span class="hide-text" lang="es"> Inicio </span> </a>
  231. </li>
  232.  
  233. <!-- Soporte-->
  234.  
  235. <li class="orange">
  236. <a href="/es-MX/Dashboard/estadisticas"><span class="fa fa-line-chart fa-lg"></span> <span class="hide-text" lang="es"> Reporte </span> </a>
  237. </li>
  238. <!-- diccionario -->
  239. <li class="purple">
  240. <a href="/es-MX/Diccionario"><span class="fa fa-search fa-lg"></span> <span class="hide-text" lang="es"> Diccionario </span> </a>
  241. </li>
  242.  
  243. <!-- tienda -->
  244. <li class="red">
  245. <a href="/es-MX/Tienda"><span class="fa fa-shopping-cart fa-lg"></span> <span class="hide-text" lang="es"> Tienda </span></a>
  246. </li>
  247.  
  248. <!-- juego -->
  249. <li class="green">
  250. <a href="/es-MX/Juego"><span class="fa fa-gamepad fa-lg"></span> <span class="hide-text" lang="es"> Juegos </span> </a>
  251. </li>
  252.  
  253. <!-- Apoyos - Formularios -->
  254. <li class="yellow dropdown">
  255. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  256. <span class="fa fa-lightbulb-o fa-lg"></span> <span class="hide-text" lang="es"> Apoyos </span> <b class="caret"></b>
  257. </a>
  258. <ul class="dropdown-menu">
  259. <li><a href="/es-MX/Apoyos/Formulario/tablas" lang="es"><span class="fa fa-check"></span> Tablas </a></li>
  260. <li><a href="/es-MX/Apoyos/Formulario/perimetro" lang="es"><span class="fa fa-check"></span> Perímetro </a></li>
  261. <li><a href="/es-MX/Apoyos/Formulario/area" lang="es"><span class="fa fa-check"></span> Área </a></li>
  262. <li><a href="/es-MX/Apoyos/Formulario/volumen" lang="es"><span class="fa fa-check"></span> Volúmen </a></li>
  263. </ul>
  264. </li>
  265. <!-- libros -->
  266.  
  267.  
  268. <!-- videos -->
  269.  
  270.  
  271. <!-- inbox -->
  272.  
  273.  
  274. <!-- lenguaje -->
  275.  
  276.  
  277. <!-- opciones -->
  278. <li class="purple dropdown">
  279. <a href="#" class="dropdown-toggle nav-username" data-toggle="dropdown">
  280. <span class="fa fa-spin fa-spinner fa-lg"></span> Cargando <b class='caret'></b>
  281. </a>
  282. <ul class="dropdown-menu">
  283. <li><a id="perfil-usuario" lang="es"><span class="fa fa-user"></span> Perfil</a></li>
  284. <li><a href="/es-MX/UserData/Licencias" lang="es"><span class="fa fa-key"></span> Licencias</a></li>
  285. <li><a href="/es-MX/UserData/Edit" lang="es"><span class="fa fa-edit"></span> Editar datos personales</a></li>
  286. <li><a href="/es-MX/Account/ChangePassword" lang="es"><span class="fa fa-key"></span> Cambiar Contraseña</a></li>
  287. <li><a href="#" class="btnAudioUserSetting">Cargando...</a></li>
  288. <li><a href="#" class="btnChatUserSetting">Cargando...</a></li>
  289. <li class="divider"></li>
  290. <li class="dropdown-header" lang="es">
  291. Temas <b class="caret"></b>
  292. </li>
  293. <ul class="theme-picker">
  294. <li><a href="#!" class="default" title="Default" data-css="Default" ></a></li>
  295. <li><a href="#!" class="alpha" title="Alpha" data-css="Alpha"></a></li>
  296. <li><a href="#!" class="bravo" title="Bravo" data-css="Bravo"></a></li>
  297. <li><a href="#!" class="charlie" title="Charlie" data-css="Charlie"></a></li>
  298. <li><a href="#!" class="delta" title="Delta" data-css="Delta"></a></li>
  299. <li><a href="#!" class="face" title="Face" data-css="Face"></a></li>
  300. <li><a href="#!" class="hallowen" title="Hallowen" data-css="Hallowen" ></a></li>
  301. <li><a href="#!" class="sofiaxt" title="5to Aniversario" data-css="SofiaXT"></a></li>
  302. </ul>
  303. <li class="divider"></li>
  304. <li><a href="/es-MX/Account/LogOff" lang="es"><span class="fa fa-power-off"></span> Cerrar sesión </a> </li>
  305. </ul>
  306. </li>
  307.  
  308.  
  309.  
  310. </ul>
  311. </div>
  312. </div>
  313. </nav>
  314.  
  315.  
  316. <div class="col-md-12 column-center avisoBrowser">
  317. <div class="alert-list">
  318. </div>
  319. </div>
  320. <div class="container">
  321. <script src="/scripts/highcharts/highcharts.js"></script>
  322. <script src="/scripts/highcharts/highcharts-more.js"></script>
  323.  
  324. <script src="/Scripts/jquery/jquery.qjax.min.js"></script>
  325.  
  326.  
  327.  
  328. <div class="col-sm-5 col-sm-offset-2 column-left">
  329. <!---------- AVATAR ------------>
  330.  
  331. <div class="main round_8 avatarPerfil text-center">
  332.  
  333. <img class="avatar_dp img-responsive center-block thumbnail" src="https://sofiaxt.blob.core.windows.net/imagenes/avatarn/1b172e9d-5d1d-4109-bcde-240d067ed6a1/full/avatar_5b4ec598-358f-4b91-b9d9-92d512ca9ab1.png" onerror="SofiaUI.fixBrokenImg(this);" />
  334. </div>
  335. <!---------- PERFIL ------------>
  336. <div class="main round_8" data-position="right" data-intro="Este es tu perfil personal, el cuál muestra información de tu escuela y algunas estadísticas.">
  337. <div class="page_title round_6">
  338. <h1 class="replace">ANGELA JANAI HERNANDEZ BECERRA </h1>
  339. </div>
  340. <hr>
  341.  
  342. <div class="row">
  343. <div class="col-xs-6" data-position="right" data-intro="Tus puntos totales en Sofía, cada vez que resuelves correctamente un ejercicio te regalamos 10. Acumula puntos para subir de nivel.">
  344. <div class="profile_data">
  345. <strong>36210 </strong>
  346. <h4>Puntos</h4>
  347. </div>
  348. </div>
  349.  
  350. <div class="col-xs-6" data-position="right" data-intro="Tu dinero en Sofía se llama créditos. Podrás utilizarlos más adelante para cambiarlos por regalos en la tienda de Sofía. Estos créditos los obtienes al realizar ejercicios y contestar encuestas.">
  351. <div class="profile_data">
  352. <strong>
  353. 24910 <span class="fa-stack" style="font-size: 13px; margin-top: -5px">
  354. <span class="fa fa-circle fa-stack-2x" style="color: gold"></span>
  355. <span class="fa fa-usd fa-stack-1x fa-inverse"></span>
  356. </span>
  357. </strong>
  358. <h4>Créditos</h4>
  359. </div>
  360. </div>
  361. </div>
  362.  
  363. <hr />
  364. <div class="row">
  365. <div class="col-md-6">
  366. <h5 id="textAmigos"></h5>
  367. </div>
  368. <div class="col-md-6 Amigos">
  369.  
  370. </div>
  371. </div>
  372. </div>
  373.  
  374.  
  375.  
  376. <!------STATS------->
  377.  
  378.  
  379. <!------POST------->
  380.  
  381. <div class="muro">
  382. <div id="div_feeds" class="partialContent" data-url="/es-MX/Dashboard/_Feeds" data-idstudent="25527217-e8d4-44ad-b2da-39bdc7bce9ec">
  383. <div class="feedC round_8">
  384. <div class="centerAligment">
  385. <img class="centerAligment" src="/Content/img/gifs/load2_sofia_pro.gif" />
  386. <p>Cargando muro...</p>
  387. </div>
  388. </div>
  389. </div>
  390. </div>
  391.  
  392. </div>
  393. <div class="col-sm-4 column-right">
  394. <!---------- AVATAR ------------>
  395. <div class="main round_8 avatar text-center" data-position="left" data-intro="Este es tu avatar. Es tu representante en el mundo de Sofía. ¿No tienes uno? ¡Diséñalo ya!">
  396. <img class="avatar_dp img-responsive center-block thumbnail" src="https://sofiaxt.blob.core.windows.net/imagenes/avatarn/1b172e9d-5d1d-4109-bcde-240d067ed6a1/full/avatar_5b4ec598-358f-4b91-b9d9-92d512ca9ab1.png" onerror="SofiaUI.fixBrokenImg(this);" />
  397. </div>
  398.  
  399. <!------STATS------->
  400.  
  401.  
  402. <!---------- LOGROS ------------>
  403. <div class="main round_8 logros perfil" data-position="left" data-intro="Aquí puedes ver todas tus medallas. Las obtienes al realizar actividades y romper récords. ¿Ya tienes todas?">
  404. <div class="page_title round_6">
  405. <h1 class="replace"><span class="fa fa-shield"></span> Logros</h1>
  406. </div>
  407. <hr />
  408. <div id="div_logro" class="partialContent" data-url="/es-MX/Dashboard/_Logros" data-idstudent="1b172e9d-5d1d-4109-bcde-240d067ed6a1">
  409. <div class="progress">
  410. <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
  411. </div>
  412. </div>
  413. </div>
  414. </div>
  415.  
  416. <!-- tags -->
  417. <div class="main round_8 tags perfil" data-position="left" data-intro="Aquí puedes ver todos tus gustos. Los puedes modificar en la sección de Editar Datos Personales en el menú de usuario.">
  418. <div class="page_title round_6">
  419. <h1 class="replace"><span class="fa fa-star"></span> Gustos</h1>
  420. </div>
  421. <hr />
  422. <div id="div_tags" class="partialContent" data-url="/es-MX/Dashboard/_Tags" data-idstudent="1b172e9d-5d1d-4109-bcde-240d067ed6a1">
  423. <div class="progress">
  424. <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
  425. </div>
  426. </div>
  427. </div>
  428. </div>
  429.  
  430. <!---------- REDES ------------>
  431.  
  432.  
  433. <!---------AVISOS---------------->
  434. <div class="main round_8">
  435. © 2014 SofiaXT, todos los derechos reservados. Potenciado por <a href="http://getbootstrap.com/">Bootstrap </a>|<a href="/Home/Privacidad"> Aviso de Privacidad</a>
  436. </div>
  437. </div>
  438.  
  439.  
  440. <script type="text/javascript">
  441.  
  442. var poolSwitch = true;
  443.  
  444. //Pool principal
  445. var ajaxPool = $.qjax({
  446. timeout: 10000,
  447. ajaxSettings: {
  448. },
  449. onQueueChange: function (length) {
  450. if (length == 0) {
  451. console.info("Ajax main pool: requests terminadas");
  452. }
  453. },
  454. onStart: function () {
  455. //Notifier.info("Grabando");
  456. },
  457. onStop: function () {
  458. //Notifier.info("Fin grabado");
  459. }
  460. });
  461.  
  462. //Pool secundario
  463. var ajaxSubPool = $.qjax({
  464. timeout: 10000,
  465. ajaxSettings: {
  466. },
  467. onQueueChange: function (length) {
  468. if (length == 0) {
  469. console.info("Ajax sub pool: requests terminadas");
  470. }
  471. },
  472. onStart: function () {
  473. },
  474. onStop: function () {
  475. }
  476. });
  477.  
  478.  
  479.  
  480. $(document).ready(function () {
  481.  
  482.  
  483. $(".partialContent").each(function (index, item) {
  484.  
  485. var url = $(item).data("url");
  486. var idstudiante = $(item).data("idstudent");
  487. if (url && url.length > 0) {
  488.  
  489. $.ajax({
  490. url: url,
  491. data: { id: idstudiante },
  492. success: function (data) {
  493. $(item).html(data);
  494. },
  495. error: function (jqXHR, exception) {
  496. $(item).html("<div class='alert alert-danger'><strong>Error</strong><p>No se pudo cargar</p></div>");
  497. }
  498. //async: false,
  499. });
  500.  
  501. //Pool de requets
  502. /*
  503. ajaxPool.Queue({
  504. url: url,
  505. data: { id: idstudiante },
  506. success: function (data) {
  507. $(item).html(data);
  508. },
  509. error: function (jqXHR, exception) {
  510. $(item).html("<div class='alert alert-danger'><strong>Error</strong><p>No se pudo cargar</p></div>");
  511. }
  512. });*/
  513. }
  514. });
  515.  
  516.  
  517.  
  518. $(".Amigos").on("click", "#btnAmigo", function (event) {
  519.  
  520. var idstudentamigo = $(this).data("idstudent");
  521. var action = $(this).data("action");
  522.  
  523. var btn = $(this);
  524.  
  525. btn.attr("disabled", "disabled");
  526. btn.html('<span class="fa fa-spinner fa-spin"></span> Espera...');
  527.  
  528. var createBtn = $('<button/>').attr({ id: "btnAmigo", class: "btn btn-lg btn-theme btn-block" });
  529. var newBtn = $(createBtn).attr("data-idstudent", "25527217-e8d4-44ad-b2da-39bdc7bce9ec");
  530.  
  531. if (action == "add") {
  532. $.ajax({
  533. data: { idstudianteAmigo: idstudentamigo },
  534. url: "/Dashboard/agregarAmigo",
  535. success: function (data) {
  536.  
  537. if (data.Respuesta) {
  538. $(btn).remove();
  539. $(newBtn).addClass("active");
  540. $(newBtn).html('<span class="fa fa-reply"></span> Cancelar Solicitud');
  541. $(newBtn).attr("data-action", "delete");
  542. $(".Amigos").append(newBtn);
  543. $("#textAmigos").append('Solicitud Enviada');
  544. }
  545. else {
  546. }
  547. btn.removeAttr("disabled");
  548. },
  549. onerror: function (x, h, j) {
  550.  
  551. $(btn).html('<span class="fa fa-refresh"></span> Vuelve a Intentar');
  552. btn.removeAttr("disabled");
  553. }
  554. });
  555. }
  556.  
  557. if (action == "delete") {
  558. $.ajax({
  559. url: "/Dashboard/borrarAmigo",
  560. data: { idstudiante: idstudentamigo },
  561. success: function (data) {
  562.  
  563. if (data.Respuesta) {
  564.  
  565. $(btn).remove();
  566. $(newBtn).html('<span class="fa fa-user"></span><span class="fa fa-plus" style="font-size: 12px"></span> Agregar Amigo');
  567. $(newBtn).attr("data-action", "add");
  568. $(".Amigos").append(newBtn);
  569. $("#textAmigos").html('');
  570. }
  571. else {
  572.  
  573. //alert("ddd");
  574. //alert("" + data.Msg);
  575. //var alerta = '<div class="alert alert-error">' + data.Msg + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>';
  576. //$("#alertas").append(alerta);
  577. }
  578. btn.removeAttr("disabled");
  579. },
  580. onerror: function (x, h, j) {
  581.  
  582. $(btn).html('<span class="fa fa-refresh"></span> Vuelve a Intentar');
  583. btn.removeAttr("disabled");
  584. }
  585. });
  586. }
  587.  
  588. if (action == "acept") {
  589. $.ajax({
  590. url: "/Dashboard/aceptarAmigo",
  591. data: { idstudiante: idstudentamigo },
  592. success: function (data) {
  593.  
  594. if (data.Respuesta) {
  595.  
  596. $(btn).remove();
  597.  
  598. $(newBtn).attr("data-action", "delete");
  599. $(newBtn).html('<span class="fa fa-user"></span><span class="fa fa-level-down" style="font-size: 12px"></span> Dejar de Seguir');
  600. $(".Amigos").append(newBtn);
  601. $("#textAmigos").html('ANGELA JANAI y tú ya son amigos');
  602. }
  603. else {
  604.  
  605. //alert("ddd");
  606. //alert("" + data.Msg);
  607. //var alerta = '<div class="alert alert-error">' + data.Msg + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>';
  608. //$("#alertas").append(alerta);
  609. }
  610. btn.removeAttr("disabled");
  611. },
  612. onerror: function (x, h, j) {
  613.  
  614. $(btn).html('<span class="fa fa-refresh"></span> Vuelve a Intentar');
  615. btn.removeAttr("disabled");
  616. }
  617. });
  618. }
  619.  
  620. });
  621.  
  622. });
  623.  
  624.  
  625. </script>
  626.  
  627. </div>
  628. <!-- end container -->
  629. <!-- boton chat -->
  630. <div class="btn-chat col-xs-2">
  631. <span class="replace text_center">
  632. <img src="../../Content/icons/chat.png" />
  633. Sofia - Chat <span class="right"> <span class="fa fa-spinner fa-spin"></span> </span>
  634. </span>
  635. </div>
  636.  
  637. <!-- chat list -->
  638. <div class="chat-list" style="display: none;">
  639. <div class="chat-header-list">
  640. <span class="replace text_center">
  641. <img src="../../Content/icons/chat.png" />
  642. Sofia - Chat <span class="right"><span class="fa fa-spinner fa-spin"></span><!--(3)--></span>
  643. </span>
  644. </div>
  645. <div class="chat-body">
  646.  
  647. <!-- menu tabs -->
  648. <ul class="nav nav-pills nav-tabs nav-justified" role="tablist">
  649. <li role="presentation" class="active"><a href="#chat-div-grupo" aria-controls="grupo" role="tab" data-toggle="tab">Grupo</a></li>
  650. <li role="presentation"><a href="#chat-div-chats" aria-controls="chats" role="tab" data-toggle="tab">Conversaciones <span class="badge badge-info" id="chat-cont">0</span></a></li>
  651. </ul>
  652.  
  653. <!-- chat grupo div-->
  654. <div class="tab-content">
  655.  
  656. <div role="tabpanel" class="tab-pane active" id="chat-div-grupo" >
  657. <!-- grupo -->
  658. <div class="select-group-chat">
  659. <span>Lista del grupo:</span>
  660. <select id="chatGroups" class="form-control" disabled="disabled"></select>
  661. </div>
  662. <!-- lista contactos -->
  663. <ul class="list-user">
  664.  
  665. <!-- progress -->
  666. <div class="progress">
  667. <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
  668. </div>
  669. </div>
  670.  
  671. </ul>
  672. </div>
  673.  
  674. <!-- chat chats div -->
  675. <div role="tabpanel" class="tab-pane active" id="chat-div-chats">
  676. <ul class="list-user">
  677. </ul>
  678. </div>
  679. </div>
  680.  
  681. </div>
  682. </div>
  683.  
  684. <!-- chat -->
  685. <div class="chat" data-usernamedestino="" style="display: none;">
  686. <div class="chat-header">
  687. <span class="name">Nombre</span> <span class="close-chat"> <span class="fa fa-times"> </span></span>
  688. </div>
  689. <div class="chat-body">
  690. <div class="conversacion-chat">
  691. </div>
  692. </div>
  693. <input type="text" class="text-chat" data-toggle="tooltip" placeholder="Escribe aquí" />
  694. </div>
  695.  
  696.  
  697. <script type="text/javascript">
  698.  
  699.  
  700.  
  701. $("#chatGroups").change(function () {
  702. //switchear group
  703. if (typeof (gcom) != "undefined" && gcom.chatModule != null) {
  704. var currentGroup = gcom.chatModule.grouplistid;
  705. var switchGroup = $(this).val();
  706. var switchGroupName = $("#chatGroups option:selected").text();
  707. if (currentGroup != switchGroup)
  708. {
  709. gcom.chatModule.cambiarGrupo(switchGroup);
  710. //Preguntar si quiere cambiar
  711. //bootbox.confirm("¿Estás seguro que quieres cambiarte al CHAT del grupo <span class='label label-info'>" + switchGroupName + "</span>?", function (result) {
  712. // if(result == true)
  713. // {
  714. // //cambiar
  715. // sChat.cambiarGrupo(switchGroup);
  716. // }
  717. //});
  718. }
  719.  
  720. }
  721. });
  722.  
  723.  
  724.  
  725. </script>
  726.  
  727.  
  728. <div class="modal fade" id="modal_ticket" tabindex="-1" role="dialog">
  729. <div class="modal-dialog modal-lg" role="document">
  730. <div class="modal-content">
  731. <div class="modal-header">
  732. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  733. <h2 class="modal-title replace">Formato de soporte.</h2>
  734. </div>
  735. <div class="modal-body">
  736. <div class="row">
  737. <div class="col-xs-12">
  738.  
  739. <div class="emailEnviado"></div>
  740. <form class="form-soporte form-horizontal">
  741. <div class="form-group">
  742. <label class="col-xs-12 opcionTitle">Elija una opción:</label>
  743. </div>
  744. <div class="form-group">
  745. <input type="hidden" id="rol-soporte" />
  746. <input type="hidden" id="id-soporte" />
  747. <div class="labelSoporte">
  748.  
  749. </div>
  750. <div class="col-xs-6 col-sm-3">
  751. <input type="radio" name="soporte" id="soporte" value="soporte" class="input-hidden"/>
  752. <label for="soporte">
  753. <span class="fa fa-2x fa-ticket"></span>
  754. <span class="text-radio"> Soporte </span>
  755. </label>
  756. </div>
  757. <div class="col-xs-6 col-sm-3">
  758. <input type="radio" name="soporte" id="bug" value="bug" class="input-hidden" />
  759. <label for="bug">
  760. <span class="fa fa-2x fa-bug"></span>
  761. <span class="text-radio"> Error </span>
  762. </label>
  763. </div>
  764. <div class="col-xs-6 col-sm-3">
  765. <input type="radio" name="soporte" id="mejora" value="mejora" class="input-hidden" />
  766. <label for="mejora">
  767. <span class="fa fa-2x fa-level-up"></span>
  768. <span class="text-radio"> Mejora </span>
  769. </label>
  770. </div>
  771. <div class="col-xs-6 col-sm-3">
  772. <input type="radio" name="soporte" id="info" value="info" class="input-hidden" />
  773. <label for="info">
  774. <span class="fa fa-2x fa-bullhorn"></span>
  775. <span class="text-radio"> Información </span>
  776. </label>
  777. </div>
  778. </div>
  779. <div class="form-group">
  780. <label for="usuario" class="col-sm-2">Usuario</label>
  781. <div class="col-sm-10">
  782. <input type="text" name="usuario" id="usuario-soporte" class="form-control" />
  783. <p class="text-info"><span class="fa fa-info"></span> El usuario con el que ingresa a la plataforma.</p>
  784. </div>
  785. </div>
  786. <div class="form-group">
  787. <label for="email" class="col-sm-2">Email</label>
  788. <div class="col-sm-10">
  789. <input type="email" name="email" id="email-soporte" class="form-control" />
  790. <p class="text-warning"><span class="fa fa-warning"></span> Si tu correo <b>no es correcto</b> o <b>no existe</b>, <b>NO</b> podrá ver avance del reporte o <b>NO</b> se le registrará el reporte.</p>
  791. </div>
  792. </div>
  793. <div class="form-group">
  794. <label for="celular" class="col-sm-2">Celular</label>
  795. <div class="col-sm-10">
  796. <input type="tel" name="celular" id="celular-soporte" class="form-control" placeholder="Opcional" />
  797. <p class="text-warning"><span class="fa fa-warning"></span> Tu teléfono nos ayuda a ponernos de acuerdo contigo en caso de requerir más detalles.</p>
  798. </div>
  799. </div>
  800. <div class="form-group">
  801. <label for="title" class="col-sm-2">Título</label>
  802. <div class="col-sm-10">
  803. <input type="text" name="titulo" id="titulo-soporte" class="form-control" />
  804. </div>
  805. </div>
  806. <div class="form-group">
  807. <label for="descripcion" class="col-sm-2">Descripción</label>
  808. <div class="col-sm-10">
  809.  
  810. <!-- editor -->
  811. <div class="btn-toolbar" data-role="editor-toolbar" data-target="#editor">
  812. <div class="btn-group">
  813. <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" title="Font Size"><i class="fa fa-text-height"></i>&nbsp;<b class="caret"></b></a>
  814. <ul class="dropdown-menu">
  815. <li><a data-edit="fontSize 5"><font size="5">Grande</font></a></li>
  816. <li><a data-edit="fontSize 3"><font size="3">Normal</font></a></li>
  817. <li><a data-edit="fontSize 1"><font size="1">Pequeño</font></a></li>
  818. </ul>
  819. </div>
  820. <div class="btn-group">
  821. <a class="btn btn-default" data-edit="bold" title="Bold (Ctrl/Cmd+B)"><i class="fa fa-bold"></i></a>
  822. <a class="btn btn-default" data-edit="italic" title="Italic (Ctrl/Cmd+I)"><i class="fa fa-italic"></i></a>
  823. <a class="btn btn-default" data-edit="strikethrough" title="Strikethrough"><i class="fa fa-strikethrough"></i></a>
  824. <a class="btn btn-default" data-edit="underline" title="Underline (Ctrl/Cmd+U)"><i class="fa fa-underline"></i></a>
  825. </div>
  826. <div class="btn-group">
  827. <a class="btn btn-default" data-edit="insertunorderedlist" title="Bullet list"><i class="fa fa-list-ul"></i></a>
  828. <a class="btn btn-default" data-edit="insertorderedlist" title="Number list"><i class="fa fa-list-ol"></i></a>
  829. <a class="btn btn-default" data-edit="outdent" title="Reduce indent (Shift+Tab)"><i class="fa fa-outdent"></i></a>
  830. <a class="btn btn-default" data-edit="indent" title="Indent (Tab)"><i class="fa fa-indent"></i></a>
  831. </div>
  832. <div class="btn-group">
  833. <a class="btn btn-default" data-edit="justifyleft" title="Align Left (Ctrl/Cmd+L)"><i class="fa fa-align-left"></i></a>
  834. <a class="btn btn-default" data-edit="justifycenter" title="Center (Ctrl/Cmd+E)"><i class="fa fa-align-center"></i></a>
  835. <a class="btn btn-default" data-edit="justifyright" title="Align Right (Ctrl/Cmd+R)"><i class="fa fa-align-right"></i></a>
  836. <a class="btn btn-default" data-edit="justifyfull" title="Justify (Ctrl/Cmd+J)"><i class="fa fa-align-justify"></i></a>
  837. </div>
  838. <div class="btn-group">
  839. <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" title="Hyperlink"><i class="fa fa-link"></i></a>
  840. <div class="dropdown-menu input-append">
  841. <input class="col-md-2" placeholder="URL" type="text" data-edit="createLink" />
  842. <button class="btn" type="button">Add</button>
  843. </div>
  844. </div>
  845. <div class="btn-group">
  846. <a class="btn btn-default" data-edit="unlink" title="Remove Hyperlink"><i class="fa fa-cut"></i></a>
  847. <a class="btn btn-default" title="Insert picture (or just drag & drop)" id="pictureBtn">
  848. <i class="fa fa-picture-o"></i>
  849. <input type="file" data-role="magic-overlay" data-target="#pictureBtn" data-edit="insertImage" />
  850. </a>
  851. </div>
  852. <div class="btn-group">
  853. <a class="btn btn-default" data-edit="undo" title="Undo (Ctrl/Cmd+Z)"><i class="fa fa-undo"></i></a>
  854. <a class="btn btn-default" data-edit="redo" title="Redo (Ctrl/Cmd+Y)"><i class="fa fa-repeat"></i></a>
  855. <a class="btn btn-default" data-edit="html" title="Clear Formatting"><i class='glyphicon glyphicon-pencil'></i></a>
  856. </div>
  857. </div>
  858. <div id="editor" class="lead form-control" placeholder="This is a basic example with a simple toolbar."></div>
  859. <div id="editorPreview"></div>
  860. <!-- editor -->
  861.  
  862. <strong>Espacio usado:</strong>
  863. <div class="progress">
  864. <div class="progress-bar" id="proC" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
  865. 0%
  866. </div>
  867. </div>
  868. <input id="descripcion-soporte" name="descripcion-soporte" type="hidden" value="" />
  869.  
  870. </div>
  871. </div>
  872. </form>
  873. <div class="row">
  874. <div class="col-sm-10 col-sm-offset-2">
  875. <button class="btn btn-theme btn-lg" id="btnEnviarSoporte">Enviar</button>
  876. </div>
  877. </div>
  878. </div>
  879. </div>
  880. </div>
  881. </div>
  882. </div>
  883. </div>
  884.  
  885. <!-- wysiwg editor -->
  886. <script src="/Scripts/jquery.hotkeys.js"></script>
  887. <script src="/Scripts/bootstrap-wysiwyg-mexia.js"></script>
  888.  
  889. <script>
  890.  
  891. var isReadyToUpload = false;
  892.  
  893. $('#editor').wysiwyg();
  894. $('#editor').on("DOMSubtreeModified", function () {
  895. isReadyToUpload = true;
  896. $("#proC").attr("class", "progress-bar");
  897. var val = $('#editor').html().toString();
  898. $("#descripcion-soporte").val(val);
  899. var valBytes = getByteLen(val);
  900. var porc = (valBytes / 5242880 * 100.00).toFixed(2);
  901. $("#proC").attr("aria-valuenow", (porc > 100) ? 100 : porc);
  902. $("#proC").css("width", ((porc > 100) ? 100 : porc) + "%");
  903. $("#proC").html(porc + "%");
  904. if (porc >= 70 && porc < 100) {
  905. $("#proC").addClass('progress-bar-warning');
  906. }
  907. else if (porc >= 100) {
  908. $("#proC").addClass('progress-bar-danger');
  909. isReadyToUpload = false;
  910. }
  911. });
  912.  
  913. function getByteLen(normal_val) {
  914. normal_val = String(normal_val);
  915. var byteLen = 0;
  916. for (var i = 0; i < normal_val.length; i++) {
  917. var c = normal_val.charCodeAt(i);
  918. byteLen += c < (1 << 7) ? 1 :
  919. c < (1 << 11) ? 2 :
  920. c < (1 << 16) ? 3 :
  921. c < (1 << 21) ? 4 :
  922. c < (1 << 26) ? 5 :
  923. c < (1 << 31) ? 6 : Number.NaN;
  924. }
  925. return byteLen;
  926. }
  927.  
  928. $(".btn-support").click(function () {
  929.  
  930. $('#modal_ticket').on('show.bs.modal', function (e) {
  931.  
  932. $('.form-soporte input:not([type=file]), .form-soporte #descripcion').attr('readonly', true).val('Cargando...');
  933. $(".error").remove();
  934. var modal = $(this);
  935. var urlS = "/es-MX/Home/_GetDataSupport";
  936.  
  937. $.ajax({
  938.  
  939. type: "GET",
  940. url: urlS,
  941. error: function (xhr, statusText) {
  942. $(".emailEnviado").html('<div class="alert alert-danger setTimeHide" role="alert">Ha ocurrido un error, vuelva a intentarlo por favor.</div>');
  943. setTimeout(function () {
  944. $('#modal_ticket').modal('hide');
  945. $(".emailEnviado").remove();
  946. }, 4000);
  947. },
  948.  
  949. success: function (s)
  950. {
  951. //debugger;
  952. if (s != false)
  953. {
  954. //debugger;
  955. var usuario = s.User;
  956. var email = s.Email;
  957. var celular = s.Tel;
  958. var rolUsuario = s.Rol;
  959. var rol = rolUsuario.toUpperCase();
  960. var userid = s.Id;
  961.  
  962. //debugger;
  963.  
  964. $('.form-soporte input:not([type=file]), .form-soporte #descripcion-soporte').attr('readonly', false).val('');
  965.  
  966. modal.find('.modal-body #usuario-soporte').val(usuario).attr('readonly', true);
  967.  
  968. //EMAIL
  969. if (email == null || email == "alumno@gmail.com" || email == "general@sofiaxt.com" || email == "asesor@sofiaxt.com") {
  970.  
  971. modal.find('.modal-body #email-soporte').val('');
  972. modal.find('.modal-body #email-soporte').data('email', false);
  973. }
  974. else {
  975. modal.find('.modal-body #email-soporte').val(email).attr('readonly', true);
  976. modal.find('.modal-body #email-soporte').data('email', true);
  977. }
  978.  
  979. //CELULAR
  980. if (celular == null || celular == "") {
  981.  
  982. modal.find('.modal-body #celular-soporte').val('');
  983. modal.find('.modal-body #celular-soporte').data('celular', false);
  984. }
  985. else {
  986.  
  987. modal.find('.modal-body #celular-soporte').val(celular).attr('readonly', true);
  988. modal.find('.modal-body #celular-soporte').data('celular', true);
  989. }
  990.  
  991. modal.find('.modal-body #rol-soporte').val(rol);
  992. modal.find('.modal-body #id-soporte').val(userid);
  993. //debugger;
  994.  
  995. }
  996. else {
  997. //debugger;
  998. $('.form-soporte input:not([type=file]), .form-soporte #descripcion-soporte').attr('readonly', false).val('');
  999. modal.find('.modal-body #rol-soporte').val('GUEST');
  1000. $('#btnEnviarSoporte').removeClass('btn-theme').addClass('btn-primary');
  1001.  
  1002. }
  1003. }
  1004.  
  1005. }
  1006. );
  1007.  
  1008. });
  1009.  
  1010. });
  1011.  
  1012.  
  1013. var emailreg = /^[a-zA-Z0-9_\.\-]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$/;
  1014. var celreg = /^\+?\d{1,3}?[- .]?\(?(?:\d{2,3})\)?[- .]?\d\d\d[- .]?\d\d\d\d$/;
  1015. var userreg = /^[a-z\d_]{6,20}$/i;
  1016. var problemaTipo = "";
  1017.  
  1018. //botones sin seleccion
  1019. $(".form-soporte input[name='soporte']").change(function () {
  1020. //btnEnviarSoporte
  1021. problemaTipo = $('.form-soporte input[name="soporte"]:checked').attr("id");
  1022.  
  1023. });
  1024.  
  1025.  
  1026. $("#btnEnviarSoporte").click(function ()
  1027. {
  1028. //debugger;
  1029. var usuarioSoporte = $('.form-soporte #usuario-soporte').val();
  1030. var emailSoporte = $('.form-soporte #email-soporte').val();
  1031. var celularSoporte = $('.form-soporte #celular-soporte').val();
  1032. var tituloSoporte = $('.form-soporte #titulo-soporte').val();
  1033. var descSoporte = $('.form-soporte #descripcion-soporte').val();
  1034. var rolUser = $('.form-soporte #rol-soporte').val();
  1035. var idUser = $('.form-soporte #id-soporte').val();
  1036. var currentUrl = window.location.href;
  1037. var dataEmail = $('.form-soporte #email-soporte').data('email');
  1038. var dataCelular = $('.form-soporte #celular-soporte').data('celular');
  1039. $(".error").remove();
  1040.  
  1041. //debugger;
  1042.  
  1043. if (problemaTipo == "")
  1044. {
  1045. $(".opcionTitle").append("<label class='error'>Elija una de las 4 opciones primero.</label> ");
  1046. return false;
  1047. }
  1048.  
  1049. if ($(".form-soporte #usuario-soporte").val() == "" || !userreg.test($(".form-soporte #usuario-soporte").val()))
  1050. {
  1051. $(".form-soporte #usuario-soporte").focus().after("<label class='error'>Ingrese su usuario</label> ");
  1052. return false;
  1053. }
  1054. else if ($(".form-soporte #email-soporte").val() == "" || !emailreg.test($(".form-soporte #email-soporte").val() || $(".form-soporte #email-soporte").val() == "asesor@sofiaxt.com" || $(".form-soporte #email-soporte").val() == "general@sofiaxt.com" || $(".form-soporte #email-soporte").val() == "alumno@gmail.com"))
  1055. {
  1056. $(".form-soporte #email-soporte").focus().after("<label class='error'>Ingrese un email correcto</label>");
  1057. return false;
  1058. }
  1059. else if ($(".form-soporte #celular-soporte").val() != "" && !celreg.test($(".form-soporte #celular-soporte").val())) {
  1060.  
  1061. $(".form-soporte #celular-soporte").focus().after("<label class='error'>Ingrese un número correcto de celular.</label>");
  1062. return false;
  1063. }
  1064. else if ($(".form-soporte #titulo-soporte").val() == "") {
  1065. $(".form-soporte #titulo-soporte").focus().after("<label class='error'>Ingrese un título del problema</label>");
  1066. return false;
  1067. }
  1068. else if ($(".form-soporte #descripcion-soporte").val() == "") {
  1069. $(".form-soporte #descripcion-soporte").focus().after("<label class='error'>Ingrese una descripción del problema</label>");
  1070. return false;
  1071. }
  1072.  
  1073.  
  1074. if (dataEmail == false || dataCelular == false)
  1075. {
  1076.  
  1077. //debugger;
  1078. var urlEmailDisponible = "/es-MX/Account/_IsEmailDisponible";
  1079.  
  1080. $.get(urlEmailDisponible, { Email: emailSoporte }, function (data) {
  1081.  
  1082. //debugger;
  1083. if(data != true)
  1084. {
  1085. //debugger;
  1086. $(".form-soporte #email-soporte").focus().val('').after("<label class='error'>"+ data +"</label>");
  1087.  
  1088. $(".form-soporte #email-soporte").data('isVerificado', false);
  1089. $('#btnEnviarSoporte').html('Enviar').attr('disabled', false);
  1090.  
  1091. }
  1092. else
  1093. {
  1094. $(".form-soporte #email-soporte").data('isVerificado', true);
  1095. }
  1096.  
  1097.  
  1098. if ($(".form-soporte #email-soporte").data('isVerificado') == true)
  1099. {
  1100.  
  1101. $('#btnEnviarSoporte').attr('disabled', true).html("<span class='fa fa-spinner fa-spin fa-lg'></span> Cargando");
  1102. $('.form-soporte input, .form-soporte #descripcion-soporte').attr('readonly', true);
  1103.  
  1104.  
  1105. $(".form-soporte input[name='soporte']:not(:checked) + label").css("visibility", "hidden");
  1106.  
  1107. var urlSaveData = "/es-MX/Home/_SaveDataUser";
  1108. $.get(urlSaveData, { email: emailSoporte, celular: celularSoporte, id: idUser }, function (data) {
  1109.  
  1110. //debugger;
  1111. if (data == true) {
  1112. //debugger;
  1113.  
  1114. var client = new ClientJS(); // Create A New Client Object
  1115.  
  1116. var fingerprint = client.getFingerprint(); // Get Client's Fingerprint
  1117. var browser = client.getBrowser(); // Get Browser
  1118. var browserVersion = client.getBrowserVersion(); // Get Browser Version
  1119. var engine = client.getEngine(); // Get Engine
  1120. var engineVersion = client.getEngineVersion(); // Get Engine Version
  1121. var OS = client.getOS(); // Get OS Version
  1122. var osVersion = client.getOSVersion(); // Get OS Version
  1123. var device = client.getDevice(); // Get Device
  1124. var deviceVendor = client.getDeviceVendor(); // Get Device Vendor
  1125. var deviceType = client.getDeviceType(); // Get Device Type
  1126. var currentResolution = client.getCurrentResolution(); // Get Current Resolution
  1127. var isLocalStorage = client.isLocalStorage(); // Check For Local Storage
  1128. var isSessionStorage = client.isSessionStorage(); // Check For Session Storage
  1129. var timeZone = client.getTimeZone(); // Get Time Zone
  1130. var language = client.getLanguage(); // Get User Language
  1131.  
  1132. var contentClient = "FingerPrint: " + fingerprint + ",";
  1133. contentClient += "Browser: " + browser + ", Browser Version: " + browserVersion + ", ";
  1134. contentClient += "Engine: " + engine + ", Engine Version: " + engineVersion + ", ";
  1135. contentClient += "SO: " + OS + ", SO Version: " + osVersion + ", ";
  1136. contentClient += "Device: " + (device == null ? false : device) + ", Device Vendor: " + (deviceVendor == null ? false : deviceVendor) + ", Device Type: " + (deviceType == null ? false : deviceType) + ",";
  1137. contentClient += "Resolution: " + currentResolution + ", ";
  1138. contentClient += "Local Storage: " + isLocalStorage + ", Session Storage: " + isSessionStorage + ", ";
  1139. contentClient += "Time Zone: " + timeZone + ", Language: " + language;
  1140.  
  1141. var url = "/es-MX/Home/PruebaCorreo";
  1142.  
  1143. //$.get(url, { tipoProblema:problemaTipo, usuario: usuarioSoporte, email: emailSoporte, cel: celularSoporte, title: tituloSoporte, des: descSoporte, datosClient: contentClient, url: currentUrl, rol: rolUser }, function (data) {
  1144. $.ajax({
  1145. url: url,
  1146. type: "POST",
  1147. contentType: "application/json; charset=utf-8",
  1148. dataType: "json",
  1149. data: JSON.stringify({ "tipoProblema": problemaTipo, "usuario": usuarioSoporte, "email": emailSoporte, "cel": celularSoporte, "title": tituloSoporte, "des": descSoporte, "datosClient": contentClient, "url": currentUrl, "rol": rolUser }),
  1150. success: function (data) {
  1151. if (data == true) {
  1152. $(".emailEnviado").html('<div class="alert alert-success setTimeHide" role="alert">Correo enviado</div>');
  1153.  
  1154. $(".form-soporte input[name='soporte']:not(:checked) + label").css("visibility", "visible");
  1155. $('.form-soporte input, .form-soporte #descripcion-soporte').attr('readonly', false).val('');
  1156. $('#editor').html("");
  1157. $('#editorPreview').html("");
  1158.  
  1159. $('#btnEnviarSoporte').html('Enviar');
  1160.  
  1161. setTimeout(function () {
  1162. $('#modal_ticket').modal('hide');
  1163. $('#btnEnviarSoporte').attr("disabled", false).html('Enviar');
  1164. $(".setTimeHide").remove();
  1165.  
  1166. }, 3000);
  1167. }
  1168. else {
  1169. $(".emailEnviado").html('<div class="alert alert-danger setTimeHide" role="alert">Correo no enviado</div>');
  1170. $('#btnEnviarSoporte').attr("disabled", false).html('Enviar').html('Enviar');
  1171. }
  1172. },
  1173. failure: function (error) {
  1174. alert(error);
  1175. }
  1176. });
  1177. }
  1178.  
  1179. });
  1180. }
  1181. });
  1182. }
  1183. else
  1184. {
  1185. //debugger;
  1186. $('#btnEnviarSoporte').attr('disabled', true).html("<span class='fa fa-spinner fa-spin fa-lg'></span> Cargando");
  1187. $('.form-soporte input, .form-soporte #descripcion-soporte').attr('readonly', true);
  1188.  
  1189.  
  1190. $(".form-soporte input[name='soporte']:not(:checked) + label").css("visibility", "hidden");
  1191.  
  1192. var client = new ClientJS(); // Create A New Client Object
  1193.  
  1194. var fingerprint = client.getFingerprint(); // Get Client's Fingerprint
  1195. var browser = client.getBrowser(); // Get Browser
  1196. var browserVersion = client.getBrowserVersion(); // Get Browser Version
  1197. var engine = client.getEngine(); // Get Engine
  1198. var engineVersion = client.getEngineVersion(); // Get Engine Version
  1199. var OS = client.getOS(); // Get OS Version
  1200. var osVersion = client.getOSVersion(); // Get OS Version
  1201. var device = client.getDevice(); // Get Device
  1202. var deviceVendor = client.getDeviceVendor(); // Get Device Vendor
  1203. var deviceType = client.getDeviceType(); // Get Device Type
  1204. var currentResolution = client.getCurrentResolution(); // Get Current Resolution
  1205. var isLocalStorage = client.isLocalStorage(); // Check For Local Storage
  1206. var isSessionStorage = client.isSessionStorage(); // Check For Session Storage
  1207. var timeZone = client.getTimeZone(); // Get Time Zone
  1208. var language = client.getLanguage(); // Get User Language
  1209.  
  1210. var contentClient = "FingerPrint: " + fingerprint + ",";
  1211. contentClient += "Browser: " + browser + ", Browser Version: " + browserVersion + ", ";
  1212. contentClient += "Engine: " + engine + ", Engine Version: " + engineVersion + ", ";
  1213. contentClient += "SO: " + OS + ", SO Version: " + osVersion + ", ";
  1214. contentClient += "Device: " + (device == null ? false : device) + ", Device Vendor: " + (deviceVendor == null ? false : deviceVendor) + ", Device Type: " + (deviceType == null ? false : deviceType) + ",";
  1215. contentClient += "Resolution: " + currentResolution + ", ";
  1216. contentClient += "Local Storage: " + isLocalStorage + ", Session Storage: " + isSessionStorage + ", ";
  1217. contentClient += "Time Zone: " + timeZone + ", Language: " + language;
  1218.  
  1219. var url = "/es-MX/Home/PruebaCorreo";
  1220.  
  1221. $.ajax({
  1222. url: url,
  1223. type: "POST",
  1224. contentType: "application/json; charset=utf-8",
  1225. dataType: "json",
  1226. data: JSON.stringify({ "tipoProblema": problemaTipo, "usuario": usuarioSoporte, "email": emailSoporte, "cel": celularSoporte, "title": tituloSoporte, "des": descSoporte, "datosClient": contentClient, "url": currentUrl, "rol": rolUser }),
  1227. success: function (data) {
  1228. if (data == true) {
  1229. $(".emailEnviado").html('<div class="alert alert-success setTimeHide" role="alert">Correo enviado</div>');
  1230.  
  1231. $(".form-soporte input[name='soporte']:not(:checked) + label").css("visibility", "visible");
  1232. $('.form-soporte input, .form-soporte #descripcion-soporte').attr('readonly', false).val('');
  1233. $('#editor').html("");
  1234. $('#editorPreview').html("");
  1235.  
  1236. $('#btnEnviarSoporte').html('Enviar');
  1237.  
  1238. setTimeout(function () {
  1239. $('#modal_ticket').modal('hide');
  1240. $('#btnEnviarSoporte').attr("disabled", false).html('Enviar');
  1241. $(".setTimeHide").remove();
  1242.  
  1243. }, 3000);
  1244. }
  1245. else {
  1246. $(".emailEnviado").html('<div class="alert alert-danger setTimeHide" role="alert">Correo no enviado</div>');
  1247. $('#btnEnviarSoporte').attr("disabled", false).html('Enviar').html('Enviar');
  1248. }
  1249. },
  1250. failure: function (error) {
  1251. alert(error);
  1252. }
  1253. });
  1254. }
  1255. });
  1256. </script>
  1257.  
  1258. <!-- estilo editor -->
  1259. <style type="text/css">
  1260. #editor {
  1261. max-height: 250px;
  1262. height: 250px;
  1263. background-color: white;
  1264. border-collapse: separate;
  1265. border: 1px solid rgb(204, 204, 204);
  1266. padding: 4px;
  1267. box-sizing: content-box;
  1268. -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 1px 0 inset;
  1269. box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 1px 0 inset;
  1270. border-top-right-radius: 3px;
  1271. border-bottom-right-radius: 3px;
  1272. border-bottom-left-radius: 3px;
  1273. border-top-left-radius: 3px;
  1274. overflow: scroll;
  1275. outline: none;
  1276. }
  1277.  
  1278. #editor:focus {
  1279. border-color: rgba(82, 168, 236, 0.8);
  1280. outline: 0;
  1281. outline: thin dotted \9;
  1282. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  1283. -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  1284. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  1285. }
  1286.  
  1287. #voiceBtn {
  1288. width: 20px;
  1289. color: transparent;
  1290. background-color: transparent;
  1291. transform: scale(2.0, 2.0);
  1292. -webkit-transform: scale(2.0, 2.0);
  1293. -moz-transform: scale(2.0, 2.0);
  1294. border: transparent;
  1295. cursor: pointer;
  1296. box-shadow: none;
  1297. -webkit-box-shadow: none;
  1298. }
  1299.  
  1300. div[data-role="editor-toolbar"] {
  1301. -webkit-user-select: none;
  1302. -moz-user-select: none;
  1303. -ms-user-select: none;
  1304. user-select: none;
  1305. }
  1306.  
  1307. .dropdown-menu a {
  1308. cursor: pointer;
  1309. }
  1310.  
  1311. .btn-toolbar {
  1312. padding: 10px 0px 10px 0px;
  1313. }
  1314.  
  1315. .placeholderText {
  1316. color: #777;
  1317. }
  1318. </style>
  1319.  
  1320.  
  1321. <div class="float-tabs-container">
  1322. <a href="#" id="btnAyuda" class="button-tab btn btn-lg btn-danger">
  1323. <span> Tour</span>
  1324. <span class="fa fa-question-circle fa-2x"></span>
  1325. </a>
  1326.  
  1327. <a href="#" class="button-tab btn btn-block btn-lg btn-sofia" data-toggle="modal" data-target="#modal-usoCasa">
  1328. Uso de:
  1329. <img src="/Content/img/cubo-sofia-md.png" />
  1330. </a>
  1331.  
  1332. </div>
  1333.  
  1334.  
  1335.  
  1336.  
  1337. <script type="text/javascript">
  1338. //debugger;
  1339. var myUrl1 = '/es-MX/UserConfig/UsuarioHaTomadoTour';
  1340. var takeTour = true;
  1341. $.ajax({
  1342. type: "GET",
  1343. url: myUrl1,
  1344. dataType: "json",
  1345. //data: data,
  1346. success: function (response) {
  1347. //console.log(response)
  1348. //takeTour = response ? false : true;
  1349. takeTour = false;
  1350. if (takeTour == true) {
  1351. if ($('title').text() == "Dashboard")
  1352. homeTour();
  1353.  
  1354. if ($('title').text() == "Mi Perfil")
  1355. perfilTour();
  1356.  
  1357. if ($('title').text() == "Tienda")
  1358. tiendaTour();
  1359.  
  1360. if ($('title').text() == "Juegos")
  1361. juegosTour();
  1362.  
  1363. if ($('title').text() == "Modulos")
  1364. librosTour();
  1365.  
  1366. if ($('title').text() == "Mi Avatar")
  1367. avatarTour();
  1368. }
  1369. },
  1370. error: function (jqXHR, textStatus, errorThrown) {
  1371. console.log(errorThrown);
  1372. },
  1373. });
  1374.  
  1375. //Comenzar tutorial
  1376. $("#btnAyuda").click(function () {
  1377. if ($('title').text() == "Dashboard")
  1378. homeTour();
  1379.  
  1380. if ($('title').text() == "Mi Perfil")
  1381. perfilTour();
  1382.  
  1383. if ($('title').text() == "Tienda")
  1384. tiendaTour();
  1385.  
  1386. if ($('title').text() == "Juegos")
  1387. juegosTour();
  1388.  
  1389. if ($('title').text() == "Modulos")
  1390. librosTour();
  1391.  
  1392. if ($('title').text() == "Mi Avatar")
  1393. avatarTour();
  1394. });
  1395.  
  1396. function homeTour() {
  1397. var width = $('html').width();
  1398. var step4, step5, step10, intro10, element10;
  1399. if (width <= 715) {
  1400. step4 = "top";
  1401. step5 = "bottom";
  1402. element10 = "#step9";
  1403. intro10 = "Para seguir aprendiendo acerca de Sofía XT da click en el botón azul 'Continua con tu avatar'";
  1404.  
  1405. } else {
  1406. step4 = "left";
  1407. step5 = "left";
  1408. element10 = "#step10";
  1409. intro10 = "En este apartado de tu perfil, te mostramos los puntos y créditos que has obtenido. Para seguir aprendiendo acerca de Sofía XT da clic en el botón verde.";
  1410. }
  1411. var ops = {
  1412. steps: [
  1413. {
  1414. element: document.querySelector('#step1'),
  1415. intro: "<b>¡Bienvenido a Sofía XT!</b> <br/> Este es el inicio de un tour que te ayudará a conocer las funciones principales de Sofía XT. <br /><b>Recuerda que la 1er vez que finalices este tour obtendrás 150 créditos</b> <br /> ¡Iniciemos!",
  1416. step: 1,
  1417. position: "right"
  1418. },
  1419. {
  1420. element: document.querySelector('#step1'),
  1421. intro: "Este es tu avatar, tu representante en el mundo de Sofía. ¿No tienes uno? ¡Diséñalo ya!",
  1422. position: "right"
  1423. },
  1424. {
  1425. element: element10,
  1426. intro: intro10,
  1427. position: "right"
  1428. },
  1429. {
  1430. element: '#step2',
  1431. intro: "Este es el cuadro de honor en el que aparecen los 5 alumnos que obtuvieron mayor puntaje la semana anterior.",
  1432. position: "right"
  1433. },
  1434. {
  1435. element: '#step22',
  1436. intro: "Aquí se muestran los grupos donde te encuentras inscrito. ¿No estás en alguno? ¡Pídele a tu profesor que te incluya!",
  1437. position: "right"
  1438. },
  1439. {
  1440. element: "#step3",
  1441. intro: "Aquí tenemos diferentes encuestas con las cuales puedes obtener créditos adicionales.",
  1442. position: "right"
  1443. },
  1444. {
  1445. element: "#step4",
  1446. intro: "Al dar clic aquí tendrás acceso a tu muro. Muro es una red social desde donde puedes ver lo que hacen tus compañeros y los mensajes de tu profesor.",
  1447. position: "right"
  1448. },
  1449. {
  1450. element: "#step6",
  1451. intro: "En la pestaña de Práctica es donde podrás encontrar TODOS los ejercicios que tenemos en Sofía XT.",
  1452. position: step5
  1453. },
  1454. {
  1455. element: "#step8",
  1456. intro: "En Actividades puedes ver y contestar las asignaciones que tus profesores te dejan. ¡No olvides revisarlo siempre!",
  1457. position: "left"
  1458. },
  1459. {
  1460. element: "#step9",
  1461. intro: "¿Quieres evaluarte? ¡Tenemos 6 exámenes y puedes consultar tus resultados aquí!",
  1462. position: "left"
  1463. }
  1464. ],
  1465. 'skipLabel': 'Salir',
  1466. 'nextLabel': 'Siguiente',
  1467. 'prevLabel': 'Anterior',
  1468. 'doneLabel': 'Continúa con tu Avatar',
  1469. 'showStepNumbers': false,
  1470. 'overlayOpacity': 1
  1471. };
  1472.  
  1473. var ayuda = introJs().setOptions(ops);
  1474. ayuda.start();
  1475.  
  1476. if (typeof (ayuda._introItems) == "undefined")
  1477. alert("No hay ayuda disponible para esta pantalla. Estamos trabajando");
  1478.  
  1479. ayuda.oncomplete(function () {
  1480. var url = "/MiAvatar";
  1481. window.location.href = url;
  1482. });
  1483.  
  1484. ayuda.onexit(function () {
  1485. var myUrl2 = '/es-MX/UserConfig/UsuarioFinalizoTour';
  1486. var tourFinalizado;
  1487. $.ajax({
  1488. type: "POST",
  1489. url: myUrl2,
  1490. dataType: "json",
  1491. //data: data,
  1492. success: function (response) {
  1493. tourFinalizado = response;
  1494. console.log("Usuario ha finalizado tour: " + response);
  1495. },
  1496. error: function (jqXHR, textStatus, errorThrown) {
  1497. console.log(errorThrown);
  1498. },
  1499. });
  1500. });
  1501. }
  1502.  
  1503. function perfilTour() {
  1504. var opsPerfil = {
  1505. 'skipLabel': 'Salir',
  1506. 'nextLabel': 'Siguiente',
  1507. 'prevLabel': 'Anterior',
  1508. 'doneLabel': 'Continúa con la Tienda',
  1509. 'showStepNumbers': false,
  1510. 'overlayOpacity': 1
  1511. };
  1512.  
  1513. var ayudaPerfil = introJs().setOptions(opsPerfil);
  1514. ayudaPerfil.start();
  1515.  
  1516. ayudaPerfil.oncomplete(function () {
  1517. var url = "/es-MX/Tienda";
  1518. window.location.href = url;
  1519. });
  1520. }
  1521.  
  1522.  
  1523. function tiendaTour() {
  1524. var opsTienda = {
  1525. 'skipLabel': 'Salir',
  1526. 'nextLabel': 'Siguiente',
  1527. 'prevLabel': 'Anterior',
  1528. 'doneLabel': 'Continúa con los Juegos',
  1529. 'showStepNumbers': false,
  1530. 'overlayOpacity': 1
  1531. };
  1532.  
  1533. var ayudaTienda = introJs().setOptions(opsTienda);
  1534. ayudaTienda.start();
  1535.  
  1536. ayudaTienda.oncomplete(function () {
  1537. var url = "/es-MX/Juego";
  1538. window.location.href = url;
  1539. });
  1540. }
  1541.  
  1542. function avatarTour() {
  1543. var intro = introJs();
  1544. intro.setOptions({
  1545. steps: [
  1546. {
  1547. element: "#avatarRight",
  1548. intro: "<b>Ahora estás en el área en la que puedes diseñar tu avatar.</b><br/>Sólo selecciona la categoría que quieras cambiar y navega en las opciones disponibles.",
  1549. position: "left"
  1550. },
  1551. {
  1552. element: "#items",
  1553. intro: "Vas a notar que en la parte inferior de la página se despliegan todos los elementos disponibles para la categoría y subcategoría que seleccionaste.",
  1554. position: "right"
  1555. },
  1556. {
  1557. element: "#step5",
  1558. intro: "En esta área vas a estar viendo todos los cambios que le hagas a tu avatar.",
  1559. position: "right"
  1560. },
  1561. {
  1562. element: "#step5",
  1563. intro: "Una vez que hayas hecho todos tus cambios, da clic en el botón azul para guardarlos, o si no deseas guardar tus cambios, solamente da clic en el botón rojo.",
  1564. position: "left"
  1565. }
  1566. ],
  1567. nextLabel: "Siguiente",
  1568. prevLabel: "Atrás",
  1569. skipLabel: "Salir",
  1570. doneLabel: "Continuar con Perfil",
  1571. showStepNumbers: false,
  1572. opactity: 1
  1573.  
  1574. });
  1575.  
  1576. intro.start();
  1577.  
  1578. intro.oncomplete(function () {
  1579. var userId;
  1580. $.ajax({
  1581. type: "GET",
  1582. url: '/Dashboard/_GetUserPicture',
  1583. dataType: "json",
  1584. // data: data,
  1585. success: function (response) {
  1586. userId = response.Id;
  1587. console.log("userId: " + userId);
  1588. window.location.href = "/Dashboard/Perfil/" + userId ;
  1589. return response.Id;
  1590. },
  1591. error: function (jqXHR, textStatus, errorThrown) {
  1592. console.log(errorThrown);
  1593. },
  1594. });
  1595.  
  1596. });
  1597. }
  1598. function juegosTour() {
  1599. var intro = introJs();
  1600. intro.setOptions({
  1601. steps: [
  1602. {
  1603. intro: "En esta área podrás encontrar todos los juegos disponibles con los que podrás ejercitar tus habilidades matemáticas además de divertirte.",
  1604. step: 1
  1605. },
  1606. {
  1607. intro: "Una vez que te hayas decidido por un juego, da clic en el botón 'Jugar Ahora' y listo.",
  1608. position: "right"
  1609. },
  1610. {
  1611. intro: "¿Te gustaría saber qué puedes encontrar en el módulo de 'Libros'?"
  1612. }
  1613. ],
  1614. nextLabel: "Siguiente",
  1615. prevLabel: "Atrás",
  1616. skipLabel: "Salir",
  1617. doneLabel: "Continuar con Libros",
  1618. showStepNumbers: false,
  1619. opactity: 1
  1620.  
  1621. });
  1622.  
  1623. intro.start();
  1624.  
  1625. intro.oncomplete(function () {
  1626. var url = "/es-MX/Modulos/Libro";
  1627. window.location.href = url;
  1628. });
  1629. }
  1630.  
  1631. function librosTour() {
  1632. var intro = introJs();
  1633. intro.setOptions({
  1634. steps: [
  1635. {
  1636. intro: "En esta área podrás encontrar los libros de matemáticas de 1ro, 2do, 3ro, 4to, 5to y 6to. Selecciona el libro que desees ver, estudia el bloque y después realiza las actividades de ese bloque.",
  1637. step: 1
  1638. },
  1639. {
  1640. intro: "Y hasta aquí llega el tour por Sofía XT, recuerda seguir navegando para que descubras toda la diversión que tenemos para ti.",
  1641. },
  1642. {
  1643. intro: "La próxima vez que quieras visitar este tour, sólo da clic en el botón con el signo de interrogación que se encuentra al lado izquierdo de tu navegador",
  1644. }
  1645. ],
  1646. nextLabel: "Siguiente",
  1647. prevLabel: "Atrás",
  1648. skipLabel: "Salir",
  1649. doneLabel: "Fin del tour",
  1650. showStepNumbers: false
  1651. });
  1652.  
  1653. intro.start();
  1654.  
  1655. var userId;
  1656. $.ajax({
  1657. type: "GET",
  1658. url: '/Dashboard/_GetUserPicture',
  1659. dataType: "json",
  1660. // data: data,
  1661. success: function (response) {
  1662. userId = response.Id;
  1663. return response.Id;
  1664. },
  1665. error: function (jqXHR, textStatus, errorThrown) {
  1666. console.log(errorThrown);
  1667. },
  1668. });
  1669.  
  1670. intro.oncomplete(function () {
  1671. debugger;
  1672. var myUrl2 = '/es-MX/UserConfig/UsuarioFinalizoTour';
  1673. var tourFinalizado;
  1674. $.ajax({
  1675. type: "POST",
  1676. url: myUrl2,
  1677. dataType: "json",
  1678. //data: data,
  1679. success: function (response) {
  1680.  
  1681. tourFinalizado = response.Response;
  1682. console.log("Usuario ha finalizado tour: " + tourFinalizado);
  1683.  
  1684. if (tourFinalizado == true && response.DarCreditos == true ) {
  1685. var data = { id: userId, q: 150, d: "Tour Finalizado" }
  1686. $.ajax({
  1687. type: "GET",
  1688. url: '/PuntosCreditos/agregarCreditos',
  1689. dataType: "json",
  1690. data: data,
  1691. success: function (d) {
  1692. console.log(d);
  1693. },
  1694. error: function (jqXHR, textStatus, errorThrown) {
  1695. console.log(errorThrown);
  1696. },
  1697. });
  1698. }
  1699. },
  1700. error: function (jqXHR, textStatus, errorThrown) {
  1701. console.log(errorThrown);
  1702. },
  1703. });
  1704.  
  1705.  
  1706. });
  1707. }
  1708.  
  1709.  
  1710. </script>
  1711.  
  1712.  
  1713.  
  1714.  
  1715.  
  1716.  
  1717.  
  1718.  
  1719.  
  1720.  
  1721.  
  1722.  
  1723.  
  1724.  
  1725. <div id="timeout" title="¿Sígues ahí?">
  1726. <p>¡Rápido! Mueve el mouse o presiona una tecla para saber si estás aquí.</p>
  1727. <hr />
  1728. <p>
  1729. <u>Tú sesión se cerrará automaticamente en 1 minuto.</u>
  1730. </p>
  1731. </div>
  1732.  
  1733. <!------IE------->
  1734. <!--[if lt IE 9]>
  1735. <script type="text/javascript" src="/Scripts/respond.min.js"></script>
  1736. <![endif]-->
  1737. <!--[if lte IE 8]>
  1738. <script type="text/javascript" src="/Scripts/respond.min.js"></script>
  1739. <![endif]-->
  1740. <!--Scripts-->
  1741. <script src="/Scripts/sofia/Graph/Graficador.js"></script>
  1742.  
  1743. <script src="/Scripts/moment.min.js"></script>
  1744. <script src="/Scripts/bootstrap.js"></script>
  1745. <script src="/Content/bootstrap/js/bootstrap-datepicker.js"></script>
  1746. <script src="/Content/bootstrap/js/bootstrap-timepicker.min.js"></script>
  1747. <script src="/Scripts/bootstrap-datetimepicker.min.js"></script>
  1748. <script src="/Scripts/lighbox/bootstrap-lightbox.min.js"></script>
  1749. <script src="/Scripts/bootstrap-multiselect/bootstrap-multiselect.js"></script>
  1750. <script src="/Scripts/converterAnyBase.js"></script>
  1751. <script src="/Scripts/bootbox.js"></script>
  1752. <script src="/Scripts/crypto/sha512.js"></script>
  1753. <script src="/Scripts/crypto/aes.js"></script>
  1754. <script src="/Scripts/sofia/ActivityXT/Sofia.FileSaver.js"></script>
  1755.  
  1756. <script src="/Scripts/intro.min.js"></script>
  1757.  
  1758. <script src="/Content/peekaboo/js/supersized.3.1.3.core.min.js"></script>
  1759. <script src="/Content/peekaboo/js/jquery.colorbox.js"></script>
  1760. <script src="/Content/peekaboo/js/jquery.nivo.slider.pack.js"></script>
  1761.  
  1762. <script src="/Scripts/styleswitcher.js"></script>
  1763.  
  1764. <script src="/Scripts/offline.min.js"></script>
  1765.  
  1766.  
  1767.  
  1768.  
  1769. <!-- offline js -->
  1770. <script type="text/javascript">
  1771.  
  1772. //$('body').on('show.bs.modal, shown.bs.modal', function () {
  1773. // $('.container, .navbar, .wrapper').addClass('blur');
  1774. //});
  1775.  
  1776. //$('body').on('hide.bs.modal, hidden.bs.modal', function () {
  1777. // $('.container, .navbar, .wrapper').removeClass('blur');
  1778. //});
  1779.  
  1780. $(function () {
  1781.  
  1782. var $online = $('.online'), $offline = $('.offline');
  1783.  
  1784. //Offline.options = offlineOptions;
  1785. Offline.options = {
  1786. reconnect: {
  1787. initialDelay: 3,
  1788. delay: 1.5
  1789. },
  1790. //requests: true,
  1791. interceptRequests: true,
  1792. game: true
  1793. };
  1794.  
  1795. Offline.on('confirmed-down', function () {
  1796. $online.fadeOut(function () {
  1797. $offline.fadeIn();
  1798. });
  1799. });
  1800.  
  1801. Offline.on('confirmed-up', function () {
  1802. $offline.fadeOut(function () {
  1803. $online.fadeIn();
  1804. });
  1805. });
  1806.  
  1807.  
  1808. });
  1809.  
  1810. </script>
  1811.  
  1812.  
  1813. <script src="/Scripts/dragscroll.js"></script>
  1814. <script src="/Scripts/masonry.js"></script>
  1815. <script src="/Scripts/autocomplete.js"></script>
  1816. <script src="/Scripts/sofia/Sofia.GetNameGeneral.js?20/03/2019 02:39:45 a. m."></script>
  1817.  
  1818.  
  1819. <script type="text/javascript">
  1820.  
  1821. $.ajaxSetup({ cache: false }); //previene cache ie, edge
  1822.  
  1823. //jQuery.each(jQuery.browser, function (i, val) {
  1824. // $("<div>" + i + " : <span>" + val + "</span>")
  1825. // .appendTo(".column-left");
  1826. //});
  1827.  
  1828. var nec = "2";
  1829.  
  1830. var fondoSecPrep;
  1831. //debugger;
  1832. if (nec == -1) {
  1833. fondoSecPrep = false
  1834. }
  1835. else if (nec != 2) {
  1836. fondoSecPrep = true;
  1837. $("body").css("background-image", "url(https://sofiaxt.blob.core.windows.net/imagenes/interfaz/alumno/fondos/SecPrep/Default/fondo-secundaria-01.jpg)");
  1838.  
  1839. }
  1840.  
  1841. $(window).ready(function () {
  1842. //$(document).on('error', 'img', function () { this.src = "http://files.softicons.com/download/toolbar-icons/fatcow-hosting-extra-icons-2-by-fatcow/png/32x32/http_status_not_found.png"; });
  1843. SofiaUI.loadMainBg(fondoSecPrep);
  1844. SofiaUI.attachBrokenImgsHandler();
  1845.  
  1846.  
  1847. });
  1848.  
  1849. //Spinner ajax
  1850. //var spinner;
  1851. //$(document).on({
  1852.  
  1853. // ajaxStart: function () {
  1854. // var opts = {
  1855. // lines: 13, // The number of lines to draw
  1856. // length: 20, // The length of each line
  1857. // width: 10, // The line thickness
  1858. // radius: 30, // The radius of the inner circle
  1859. // corners: 1, // Corner roundness (0..1)
  1860. // rotate: 0, // The rotation offset
  1861. // direction: 1, // 1: clockwise, -1: counterclockwise
  1862. // color: '#000', // #rgb or #rrggbb or array of colors
  1863. // speed: 1, // Rounds per second
  1864. // trail: 60, // Afterglow percentage
  1865. // shadow: false, // Whether to render a shadow
  1866. // hwaccel: false, // Whether to use hardware acceleration
  1867. // className: 'spinner', // The CSS class to assign to the spinner
  1868. // zIndex: 2e9, // The z-index (defaults to 2000000000)
  1869. // top: '50%', // Top position relative to parent
  1870. // left: '50%' // Left position relative to parent
  1871. // };
  1872.  
  1873.  
  1874. // var target = document.body;
  1875. // if (typeof (spinner) !== "undefined")
  1876. // spinner.stop();
  1877. // else
  1878. // spinner = new Spinner(opts);
  1879.  
  1880. // spinner.spin(document.getElementById('center'));
  1881. // },
  1882. // ajaxStop: function () {
  1883. // if (typeof(spinner) != "undefined" && spinner.constructor.name == "h") {
  1884. // spinner.stop();
  1885. // $(spinner).destroy();
  1886. // }
  1887. // }
  1888. //});
  1889.  
  1890. //iNBOX CONTADORT
  1891. /*
  1892. $.get("/Inbox/GetInboxNotificaciones", function (d) {
  1893. $("#contInbox").html(d.length);
  1894. });
  1895. */
  1896.  
  1897. </script>
  1898.  
  1899. <!-- signallr -->
  1900. <script src="/Scripts/jquery.signalR-1.1.4.min.js" type="text/javascript"></script>
  1901. <script type="text/javascript" src="/signalr/hubs"></script>
  1902.  
  1903. <script type="text/javascript">
  1904.  
  1905. ////antiback
  1906. //window.location.hash = "no-back-button";
  1907. //window.location.hash = "Again-No-back-button";//again because google chrome don't insert first hash into history
  1908. //window.onhashchange = function () { window.location.hash = "no-back-button"; }
  1909. ////end antiback
  1910.  
  1911. $(document).ready(function () {
  1912.  
  1913.  
  1914. $(document).ready(function () {
  1915. var popupElement = '<div class="btn-group btn-toggle">';
  1916. popupElement += '<a href="/es-MX/minuevoavatar" class="btn btn-royal btn-block">Diseñador Tiin </a>';
  1917. popupElement += '<a href="/es-MX/miavatar" class="btn btn-primary btn-block">Diseñador Chibi</a> ';
  1918. popupElement += '</div>';
  1919.  
  1920. $('.popover-avatar').popover({
  1921. animation: true,
  1922. content: popupElement,
  1923. html: true,
  1924. placement: "bottom"
  1925. });
  1926.  
  1927. });
  1928.  
  1929.  
  1930. $('#Lightbox').lightbox({ backdrop: true, keyboard: true, show: false, resizeToFit: true });
  1931. $('.lightboxLink').click(function (e) {
  1932. e.preventDefault();
  1933. $('#Lightbox').lightbox("show");
  1934. });
  1935.  
  1936. setTimeout(function () {
  1937. if (window.location.hash != "") {
  1938.  
  1939. var url = window.location.hash;
  1940.  
  1941. var splitUrl = url.split('_');
  1942.  
  1943. if (splitUrl[0] == "#tutor") {
  1944.  
  1945.  
  1946. setTimeout(function () {
  1947. $("body").addClass("noscroll");
  1948. $("html").addClass("noscroll");
  1949. }, 1100);
  1950.  
  1951. setTimeout(function () {
  1952. $(".tutorVirtual").addClass("in");
  1953. }, 1200);
  1954.  
  1955. $('a[href="#' + splitUrl[1] + 'grado"]').click()
  1956. }
  1957. }
  1958. }, 5000);
  1959.  
  1960. //$(".navbar-brand").html('<img src="https://sofiaxt.blob.core.windows.net/imagenes/interfaz/home/misc/LOGO-NINO.png" style="height: 50px;">')
  1961.  
  1962. var popupElement = '';
  1963. popupElement += '<h5 class="replace text-center">Nuevo diseñador</h5>';
  1964. popupElement += '<a href="/MiAvatar/Prueba" class="btn btn-block btn-royal"> Nuevo diseñador</a>';
  1965. popupElement += '<a href="/MiAvatar/Index" class="btn btn-block btn-theme"> Actual diseñador</a>';
  1966.  
  1967. $(function () {
  1968. $('.popoverAvatar').popover({
  1969. animation: true,
  1970. content: popupElement,
  1971. html: true,
  1972. placement: 'top'
  1973. });
  1974. });
  1975.  
  1976. });
  1977.  
  1978. //Deprecado
  1979.  
  1980.  
  1981. //var gcom = new SofiaGlobalCom("ANDRE.CAMPOS2544");
  1982.  
  1983. //quitar chat temp
  1984. $(".btn-chat").remove();
  1985. $(".chat-list").remove();
  1986. $(".btnChatUserSetting").parent().remove();
  1987.  
  1988. if ($.browser.mozilla) {
  1989. if ($.browser.mozilla && $.browser.version <= "33") {
  1990. $(".avisoBrowser").css("display", "block");
  1991. alert("Te recomendamos usar un navegador más actualizado para disfrutar de una mejor experiencia con Sofía XT.");
  1992. $(".column-center.avisoBrowser").prepend("<div class='main round_8 browser'> <h3 class='avisoText text_center replace'> Sofía XT funciona mejor con estos navagadores.</h3> <div class='row'></div> </div>");
  1993. $(".main.browser .row").append("<div class='col-md-3 primera'></div> <div class='col-md-3 segunda'></div> <div class='col-md-3 tercera'></div> <div class='col-md-3 cuarta'></div>")
  1994. $(".main.browser .row .primera").append("<a class='link_browsers' target='_blank' href='http://www.google.com.mx/chrome/browser/desktop/index.html'> <img class='img-responsive center-block' src='/Content/img/nav_chrome.png' /> </a>")
  1995. $(".main.browser .row .segunda").append("<a class='link_browsers' target='_blank' href='https://www.mozilla.org/es-MX/firefox/new/'> <img class='img-responsive center-block' src='/Content/img/nav_firefox.png' /> </a>")
  1996. $(".main.browser .row .tercera").append("<a class='link_browsers' target='_blank' href='http://windows.microsoft.com/es-xl/internet-explorer/download-ie'> <img class='img-responsive center-block' src='/Content/img/nav_explorer.png' /> </a>")
  1997. $(".main.browser .row .cuarta").append("<a class='link_browsers' target='_blank' href='http://support.apple.com/kb/DL1531?viewlocale=es_ES'> <img class='img-responsive center-block' src='/Content/img/nav_safari.png' /> </a>")
  1998.  
  1999. }
  2000. }
  2001.  
  2002. // If the web browser type is Safari
  2003. if ($.browser.safari) {
  2004. if ($.browser.safari && $.browser.version <= "530") {
  2005. $(".avisoBrowser").css("display", "block");
  2006. alert("Te recomendamos usar un navegador más actualizado para disfrutar de una mejor experiencia con Sofía XT.");
  2007. $(".column-center.avisoBrowser").prepend("<div class='main round_8 browser'> <h3 class='avisoText text_center replace'> Sofía XT funciona mejor con estos navagadores.</h3> <div class='row'></div> </div>");
  2008. $(".main.browser .row").append("<div class='col-md-3 primera'></div> <div class='col-md-3 segunda'></div> <div class='col-md-3 tercera'></div> <div class='col-md-3 cuarta'></div>")
  2009. $(".main.browser .row .primera").append("<a class='link_browsers' target='_blank' href='http://www.google.com.mx/chrome/browser/desktop/index.html'> <img class='img-responsive center-block' src='/Content/img/nav_chrome.png' /> </a>")
  2010. $(".main.browser .row .segunda").append("<a class='link_browsers' target='_blank' href='https://www.mozilla.org/es-MX/firefox/new/'> <img class='img-responsive center-block' src='/Content/img/nav_firefox.png' /> </a>")
  2011. $(".main.browser .row .tercera").append("<a class='link_browsers' target='_blank' href='http://windows.microsoft.com/es-xl/internet-explorer/download-ie'> <img class='img-responsive center-block' src='/Content/img/nav_explorer.png' /> </a>")
  2012. $(".main.browser .row .cuarta").append("<a class='link_browsers' target='_blank' href='http://support.apple.com/kb/DL1531?viewlocale=es_ES'> <img class='img-responsive center-block' src='/Content/img/nav_safari.png' /> </a>")
  2013. }
  2014. }
  2015.  
  2016. // If the web browser type is Chrome
  2017. if ($.browser.chrome) {
  2018. if ($.browser.chrome && $.browser.version <= "30") {
  2019. $(".avisoBrowser").css("display", "block");
  2020. alert("Te recomendamos usar un navegador más actualizado para disfrutar de una mejor experiencia con Sofía XT.");
  2021. $(".column-center.avisoBrowser").prepend("<div class='main round_8 browser'> <h3 class='avisoText text_center replace'> Sofía XT funciona mejor con estos navagadores.</h3> <div class='row'></div> </div>");
  2022. $(".main.browser .row").append("<div class='col-md-3 primera'></div> <div class='col-md-3 segunda'></div> <div class='col-md-3 tercera'></div> <div class='col-md-3 cuarta'></div>")
  2023. $(".main.browser .row .primera").append("<a class='link_browsers' target='_blank' href='http://www.google.com.mx/chrome/browser/desktop/index.html'> <img class='img-responsive center-block' src='/Content/img/nav_chrome.png' /> </a>")
  2024. $(".main.browser .row .segunda").append("<a class='link_browsers' target='_blank' href='https://www.mozilla.org/es-MX/firefox/new/'> <img class='img-responsive center-block' src='/Content/img/nav_firefox.png' /> </a>")
  2025. $(".main.browser .row .tercera").append("<a class='link_browsers' target='_blank' href='http://windows.microsoft.com/es-xl/internet-explorer/download-ie'> <img class='img-responsive center-block' src='/Content/img/nav_explorer.png' /> </a>")
  2026. $(".main.browser .row .cuarta").append("<a class='link_browsers' target='_blank' href='http://support.apple.com/kb/DL1531?viewlocale=es_ES'> <img class='img-responsive center-block' src='/Content/img/nav_safari.png' /> </a>")
  2027. }
  2028. }
  2029.  
  2030. // If the web browser type is Internet Explorer
  2031. if ($.browser.msie) {
  2032. if ($.browser.msie && $.browser.version <= 9) {
  2033. $(".avisoBrowser").css("display", "block");
  2034. alert("Te recomendamos usar un navegador más actualizado para disfrutar de una mejor experiencia con Sofía XT.");
  2035. $(".column-center.avisoBrowser").prepend("<div class='main round_8 browser'> <h3 class='avisoText text_center replace'> Sofía XT funciona mejor con estos navagadores.</h3> <div class='row'></div> </div>");
  2036. $(".main.browser .row").append("<div class='col-md-3 primera'></div> <div class='col-md-3 segunda'></div> <div class='col-md-3 tercera'></div> <div class='col-md-3 cuarta'></div>")
  2037. $(".main.browser .row .primera").append("<a class='link_browsers' target='_blank' href='http://www.google.com.mx/chrome/browser/desktop/index.html'> <img class='img-responsive center-block' src='/Content/img/nav_chrome.png' /> </a>")
  2038. $(".main.browser .row .segunda").append("<a class='link_browsers' target='_blank' href='https://www.mozilla.org/es-MX/firefox/new/'> <img class='img-responsive center-block' src='/Content/img/nav_firefox.png' /> </a>")
  2039. $(".main.browser .row .tercera").append("<a class='link_browsers' target='_blank' href='http://windows.microsoft.com/es-xl/internet-explorer/download-ie'> <img class='img-responsive center-block' src='/Content/img/nav_explorer.png' /> </a>")
  2040. $(".main.browser .row .cuarta").append("<a class='link_browsers' target='_blank' href='http://support.apple.com/kb/DL1531?viewlocale=es_ES'> <img class='img-responsive center-block' src='/Content/img/nav_safari.png' /> </a>")
  2041. }
  2042. }
  2043.  
  2044. var enablePwdChange = SofiaStorage.get("enablePwdChange", false);
  2045. if (enablePwdChange == null || enablePwdChange == "false") {
  2046. $("a[href*='/ChangePassword']").remove();
  2047. if (window.location.href.indexOf("changepassword") != -1) {
  2048. bootbox.alert("Redireccionado al inicio.");
  2049. window.location.href = "/";
  2050. }
  2051. }
  2052.  
  2053. </script>
  2054.  
  2055. <!-- lengauege -->
  2056.  
  2057.  
  2058.  
  2059.  
  2060.  
  2061.  
  2062.  
  2063.  
  2064.  
  2065.  
  2066. </body>
  2067. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement