generator-steroids
Version:
63 lines (42 loc) • 2.4 kB
HTML
<html>
<head>
<meta charset="utf8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>My Steroids App</title>
<link rel="stylesheet" href="/components/supersonic/css/supersonic.css">
<link rel="stylesheet" href="/stylesheets/application.css">
<link rel="import" href="/components/supersonic/components/import.html">
<script src="http://localhost/cordova.js"></script>
<script src="/components/steroids-js/steroids.js"></script>
<script src="/components/angular/angular.js"></script>
<script src="/components/supersonic/supersonic.js"></script>
<script src="/components/webcomponentsjs/webcomponents.js"></script>
<script src="/scripts/application.js"></script>
</head>
<body ng-app="SteroidsApplication">
<div class="padding" ng-controller="IndexController">
<super-navbar>
<super-navbar-title ng-bind="navbarTitle">
</super-navbar-title>
</super-navbar>
<p>Awesome! This file is located at <strong>www/index.html</strong> — open it, change some text, save the file, and press enter in the Terminal window running <strong>$ steroids connect</strong>. The changes are updated to all connected devices. Cool, ain't it?</p>
<h3>Using the Scanner App</h3>
<p>On iOS, to restart your current app or scan another app, <strong>tap and hold on the screen with three fingers.</strong>. This opens the Scanner context menu.</p>
<p>On Android, press the native back button to return to the scan screen.</p>
<h3>Working with AngularJS</h3>
<p>Angular works great with Supersonic native components. Changing the input field below will automatically update the navigation bar title.</p>
<div class="card padding">
<h4>Navigation Bar Title (Look Up!)</h4>
<label class="item item-input">
<input type="text" ng-model="navbarTitle">
</label>
</div>
<p>You can find the AngularJS controller used at:</p>
<p><strong><small>www/scripts/application.js</small></strong></p>
<h2>Get in touch with us!</h2>
<p>Learn more about building apps with Supersonic at <a onclick="supersonic.app.openURL('http://docs.appgyver.com')" href="">http://docs.appgyver.com</a>.</p>
<p>Feel free to contact us at <a onclick="supersonic.app.openURL('mailto:contact@appgyver.com')" href="">contact@appgyver.com</a>, we would love to get your feedback!</p>
</div>
</body>
</html>