daily pastebin goal
43%
SHARE
TWEET

Untitled

a guest Jan 5th, 2018 92 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
  7.     <meta name="apple-mobile-web-app-capable" content="yes">
  8.     <meta name="apple-mobile-web-app-status-bar-style" content="default">
  9.     <meta name="theme-color" content="#2196f3">
  10.     <meta name="format-detection" content="telephone=no">
  11.     <meta name="msapplication-tap-highlight" content="no">
  12.     <title>test</title>
  13.     <link rel="stylesheet" href="assets/f7/css/framework7.min.css">
  14. </head>
  15. <body>
  16.     <div id="app">
  17.         <!-- Your main view, should have "view-main" class -->
  18.         <div class="view view-main ios-edges">
  19.             <!-- Splash page -->
  20.             <div id="splashPage" class="page" data-name="splash">
  21.                 splash page
  22.             </div>
  23.         </div>
  24.        
  25.         <!-- Login screen -->
  26.         <div id="loginScreen" class="login-screen">
  27.             <div class="view">
  28.                 <div class="page">
  29.                     <div class="page-content login-screen-content">
  30.                         <div class="login-screen-title">login screen</div>
  31.                        
  32.                     </div>
  33.                 </div>
  34.             </div>
  35.         </div>
  36.        
  37.     </div>
  38.    
  39.     <script type="text/javascript" src="assets/f7/js/framework7.min.js"></script>
  40.     <script type="text/javascript">
  41.         (function()
  42.         {
  43.             'use strict';
  44.             var f7 = new Framework7({ // http://framework7.io/docs/app.html#app-parameters
  45.                 root: '#app',
  46.                 name: 'test',
  47.                 id: 'com',
  48.                 theme: 'md',
  49.                 touch: {
  50.                     materialRipple: false,
  51.                 },
  52.                 routes: [
  53.                     {
  54.                         name: 'splash',
  55.                         path: '/splash',
  56.                         pageName: 'splash',
  57.                     },
  58.                 ],
  59.             });
  60.             var $$ = Dom7;
  61.             f7.views.create('.view-main', {
  62.                 name: 'main',
  63.                 url: '/splash',
  64.                 stackedPages: true,
  65.             });
  66.  
  67.             $$('#loginScreen').on('loginscreen:open', function()
  68.             {
  69.                 console.log('loginscreen:open');
  70.             });
  71.             $$('#loginScreen').on('loginscreen:opened', function()
  72.             {
  73.                 console.log('loginscreen:opened');
  74.             });
  75.  
  76.             // Broken:
  77.             f7.loginScreen.open($$('#loginScreen')[0], true);
  78.             // Works:
  79.             //setTimeout(() => f7.loginScreen.open($$('#loginScreen')[0], true), 1000);
  80.         })();
  81.     </script>
  82. </body>
  83. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top