Sails app
This commit is contained in:
Ben Ramey
76
views/403.ejs
Normal file
76
views/403.ejs
Normal file
@@ -0,0 +1,76 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
|
||||
|
||||
444444444 000000000 333333333333333
|
||||
4::::::::4 00:::::::::00 3:::::::::::::::33
|
||||
4:::::::::4 00:::::::::::::00 3::::::33333::::::3
|
||||
4::::44::::4 0:::::::000:::::::03333333 3:::::3
|
||||
4::::4 4::::4 0::::::0 0::::::0 3:::::3
|
||||
4::::4 4::::4 0:::::0 0:::::0 3:::::3
|
||||
4::::4 4::::4 0:::::0 0:::::0 33333333:::::3
|
||||
4::::444444::::4440:::::0 000 0:::::0 3:::::::::::3
|
||||
4::::::::::::::::40:::::0 000 0:::::0 33333333:::::3
|
||||
4444444444:::::4440:::::0 0:::::0 3:::::3
|
||||
4::::4 0:::::0 0:::::0 3:::::3
|
||||
4::::4 0::::::0 0::::::0 3:::::3
|
||||
4::::4 0:::::::000:::::::03333333 3:::::3
|
||||
44::::::44 00:::::::::::::00 3::::::33333::::::3
|
||||
4::::::::4 00:::::::::00 3:::::::::::::::33
|
||||
4444444444 000000000 333333333333333
|
||||
|
||||
|
||||
|
||||
This is the default "403: Forbidden" page.
|
||||
User agents that don't "Accept" HTML will see a JSON version instead.
|
||||
You can customize the control logic for your needs in `config/403.js`
|
||||
|
||||
You can trigger this response from one of your controllers or policies with:
|
||||
`return res.forbidden( msg );`
|
||||
(where `msg` is an optional error message to include in the response)
|
||||
|
||||
|
||||
|
||||
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>Forbidden</title>
|
||||
<link href='http://sailsjs.org/styles/fonts.css' rel='stylesheet'/>
|
||||
<style>
|
||||
/* Styles included inline since you'll probably be deleting or replacing this page anyway */
|
||||
html,body{text-align:left;font-size:1em}html,body,img,form,textarea,input,fieldset,div,p,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code{margin:0;padding:0}ul,li{list-style:none}img{display:block}a img{border:0}a{text-decoration:none;font-weight:normal;font-family:inherit}*:active,*:focus{outline:0;-moz-outline-style:none}h1,h2,h3,h4,h5,h6,h7{font-weight:normal;font-size:1em}.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}.page .ocean{background:url('http://sailsjs.com/images/waves.png') #0c8da0 no-repeat center 0;height:315px}.page .ocean img{margin-right:auto;margin-left:auto}.page .waves{display:block;padding-top:25px;margin-right:auto;margin-left:auto}.page .main{display:block;margin-top:90px}.page .logo{width:150px;margin-top:3.5em;margin-left:auto;margin-right:auto}.page .fishy{display:block;padding-top:100px}.page .help{padding-top:2em}.page h1{font-family:"Open Sans","Myriad Pro",Arial,sans-serif;font-weight:bold;font-size:1.7em;color:#001c20;text-align:center}.page h2{font-family:"Open Sans","Myriad Pro",Arial,sans-serif;font-weight:300;font-size:1.5em;color:#001c20;text-align:center}.page p{font-family:"Open Sans","Myriad Pro",Arial,sans-serif;font-size:1.25em;color:#001c20;text-align:center}.page a{color:#118798}.page a:hover{color:#b1eef7}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="page">
|
||||
<div class="ocean">
|
||||
<img class="fishy" src="http://sailsjs.com/images/image_devInTub.png">
|
||||
</div>
|
||||
|
||||
<div class="main">
|
||||
<h1>
|
||||
Forbidden
|
||||
</h1>
|
||||
<h2>
|
||||
<% if (typeof message !== 'undefined') { %>
|
||||
<%= message %>
|
||||
<% } else { %>
|
||||
You don't have permission to see the page you're trying to reach.
|
||||
<% } %>
|
||||
</h2>
|
||||
<p class="help">
|
||||
<a href="http://en.wikipedia.org/wiki/HTTP_403">Why</a> might this be happening?
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="logo">
|
||||
<a href="http://sailsjs.org">
|
||||
<img src="http://sailsjs.org/images/logo.png">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
72
views/404.ejs
Normal file
72
views/404.ejs
Normal file
@@ -0,0 +1,72 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
|
||||
|
||||
444444444 000000000 444444444
|
||||
4::::::::4 00:::::::::00 4::::::::4
|
||||
4:::::::::4 00:::::::::::::00 4:::::::::4
|
||||
4::::44::::4 0:::::::000:::::::0 4::::44::::4
|
||||
4::::4 4::::4 0::::::0 0::::::0 4::::4 4::::4
|
||||
4::::4 4::::4 0:::::0 0:::::0 4::::4 4::::4
|
||||
4::::4 4::::4 0:::::0 0:::::0 4::::4 4::::4
|
||||
4::::444444::::4440:::::0 000 0:::::04::::444444::::444
|
||||
4::::::::::::::::40:::::0 000 0:::::04::::::::::::::::4
|
||||
4444444444:::::4440:::::0 0:::::04444444444:::::444
|
||||
4::::4 0:::::0 0:::::0 4::::4
|
||||
4::::4 0::::::0 0::::::0 4::::4
|
||||
4::::4 0:::::::000:::::::0 4::::4
|
||||
44::::::44 00:::::::::::::00 44::::::44
|
||||
4::::::::4 00:::::::::00 4::::::::4
|
||||
4444444444 000000000 4444444444
|
||||
|
||||
|
||||
|
||||
This is the default "404: Not Found" page.
|
||||
User agents that don't "Accept" HTML will see a JSON version instead.
|
||||
You can customize the control logic for your needs in `config/404.js`
|
||||
|
||||
Sails considers a request to be in a "404: Not Found" state when a user
|
||||
requests a URL which doesn't match any of your app's routes or blueprints.
|
||||
|
||||
You can also trigger this response from one of your controllers or policies with:
|
||||
`return res.notFound();`
|
||||
|
||||
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>Page Not Found</title>
|
||||
<link href='http://sailsjs.org/styles/fonts.css' rel='stylesheet'/>
|
||||
<style>
|
||||
/* Styles included inline since you'll probably be deleting this page anyway */
|
||||
html,body{text-align:left;font-size:1em}html,body,img,form,textarea,input,fieldset,div,p,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code{margin:0;padding:0}ul,li{list-style:none}img{display:block}a img{border:0}a{text-decoration:none;font-weight:normal;font-family:inherit}*:active,*:focus{outline:0;-moz-outline-style:none}h1,h2,h3,h4,h5,h6,h7{font-weight:normal;font-size:1em}.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}.fourohfour .ocean{background:url('http://sailsjs.com/images/waves.png') #0c8da0 no-repeat center 0;height:315px}.fourohfour .ocean img{margin-right:auto;margin-left:auto}.fourohfour .waves{display:block;padding-top:25px;margin-right:auto;margin-left:auto}.fourohfour .main{display:block;margin-top:90px}.fourohfour .logo{width:150px;margin-top:3.5em;margin-left:auto;margin-right:auto}.fourohfour .fishy{display:block;padding-top:27px}.fourohfour .help{padding-top:2em}.fourohfour h1{font-family:"Open Sans","Myriad Pro",Arial,sans-serif;font-weight:bold;font-size:1.7em;color:#001c20;text-align:center}.fourohfour h2{font-family:"Open Sans","Myriad Pro",Arial,sans-serif;font-weight:300;font-size:1.5em;color:#001c20;text-align:center}.fourohfour p{font-family:"Open Sans","Myriad Pro",Arial,sans-serif;font-size:1.25em;color:#001c20;text-align:center}.fourohfour a{color:#118798}.fourohfour a:hover{color:#b1eef7}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="fourohfour">
|
||||
<div class="ocean">
|
||||
<img class="fishy" src="http://sailsjs.org/images/fishy4.png">
|
||||
</div>
|
||||
|
||||
<div class="main">
|
||||
<h1>
|
||||
Something's fishy here.
|
||||
</h1>
|
||||
<h2>
|
||||
The page you were trying to reach doesn't exist.
|
||||
</h2>
|
||||
<p class="help">
|
||||
<a href="http://en.wikipedia.org/wiki/HTTP_404">Why</a> might this be happening?
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="logo">
|
||||
<a href="http://sailsjs.org">
|
||||
<img src="http://sailsjs.org/images/logo.png">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
86
views/500.ejs
Normal file
86
views/500.ejs
Normal file
File diff suppressed because one or more lines are too long
93
views/home/index.ejs
Normal file
93
views/home/index.ejs
Normal file
@@ -0,0 +1,93 @@
|
||||
<!-- Default home page -->
|
||||
<link type="text/css" href='http://sailsjs.org/styles/fonts.css' rel='stylesheet'/>
|
||||
<style>
|
||||
/* Styles included inline since you'll probably be deleting this page anyway */
|
||||
html,body{text-align:left;font-size:1em}html,body,img,form,textarea,input,fieldset,div,p,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code{margin:0;padding:0}ul,li{list-style:none}img{display:block}a img{border:0}a{text-decoration:none;font-weight:normal;font-family:inherit}*:active,*:focus{outline:0;-moz-outline-style:none}h1,h2,h3,h4,h5,h6{font-weight:normal}div.clear{clear:both}.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}body{font-family:"Open Sans",Arial,sans-serif;font-weight:300;font-size:15px}h1{color:#0c8da0;font-size:2em;font-weight:300}h2{font-size:1.5em;font-weight:300;margin-top:4%}h3{font-size:1.25em;font-weight:300;font-style:italic;margin-bottom:5px}h4{color:#0c8da0;font-weight:300;font-size:1.5em}span{font-weight:700}ul{margin-top:5%;margin-bottom:5%}a{text-decoration:none;color:inherit}p{margin-bottom:7px;font-size:.9em}.container{max-width:997px;margin:0 auto;padding:0 4%}.sprite{font-weight:normal;background:url(http://sailsjs.org/images/newapp.sprite.png) no-repeat}.top-bar{position:relative;padding-top:10px;background-color:#001c20;height:55px}.main{float:left;max-width:610px;height:555px;margin-top:50px}.steps{height:250px}.getting-started p{ margin-bottom: 30px; line-height: 26px; }.getting-started div{float:left;width:540px}.getting-started li{clear:both;height:60px;margin-top:20px;margin-bottom:20px}.getting-started .sprite{margin-left:10px;padding-left:60px;height:42px;width:0}.getting-started .one{background-position:0 0}.getting-started .two{background-position:0 -42px}.getting-started .three{background-position:0 -83px}.delete{margin-top:5%;height:52px;background:#e3f0f1;border:1px solid #118798;color:#118798;clear:both}.delete .sprite{margin-top:10px;margin-bottom:10px;margin-left:9%;padding-left:42px;padding-top:7px;height:25px;background-position:0 -126px}.delete a{color:#0c8da0;font-weight:bold;padding-left:1%}.side-bar{max-width:327px;height:555px;float:left;border-left:1px solid #0c8da0;margin-left:25px;margin-top:50px;padding-left:25px}.side-bar ul{margin-bottom:10%}.side-bar ul li{margin-top:5px;margin-bottom:.25em}.side-bar ul li a{margin-bottom:.25em}.side-bar .sprite{padding-left:25px}.side-bar .single_page{background-position:0 -199px}.side-bar .traditional{background-position:0 -219px}.side-bar .realtime{background-position:0 -179px}.side-bar .api{background-position:0 -158px}.boxy{font-family:Courier,"Courier New",sans-serif;background-color:#e4edec;border:1px solid #d0d6d6;padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;font-weight:100}.sixteen{margin-right:10px}.nineteen{margin-right:7px}
|
||||
.main { width: 100%; }
|
||||
body { min-width: 925px; }
|
||||
</style>
|
||||
<!--[if IE 7]>
|
||||
<style>
|
||||
.getting-started li{overflow:visible;clear:both}.delete{width:690px}
|
||||
</style>
|
||||
<![endif]-->
|
||||
|
||||
<div class="top-bar">
|
||||
<div class="container clearfix">
|
||||
<img class="logo" src="http://sailsjs.org/images/sails-logo.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container clearfix">
|
||||
<div class="main">
|
||||
<h1 id="main-title"><%= __('Welcome') %></h1>
|
||||
<h2>Getting started</h2>
|
||||
<p>Don't worry, we've got your back.</p>
|
||||
<div class="steps">
|
||||
<ul class="getting-started">
|
||||
<li>
|
||||
<div class="sprite one"></div>
|
||||
<div>
|
||||
<h3>Get your API going.</h3>
|
||||
<p>
|
||||
Run <span class="boxy">sails generate foo</span>. This will create a model <span class="boxy">Foo</span> and controller <span class="boxy">FooController</span>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="sprite two"></div>
|
||||
<div>
|
||||
<h3>
|
||||
Lift your app.
|
||||
</h3>
|
||||
<p>
|
||||
Run <span class="boxy">sails lift</span> to start up your app. If you visit <span class="boxy">http://localhost:1337/foo</span> in your browser, you'll see a socket.io-compatible REST API was generated for your 'Foo' model.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="sprite three"></div>
|
||||
<div>
|
||||
<h3>
|
||||
Dive in and start building.
|
||||
</h3>
|
||||
<p>From here, you can modify your models, create custom controller methods as Express middleware, and create custom routes (routes are set up in <span class="boxy">config/routes.js</span>). Visit <a href="http://sailsjs.org">the Sails website</a> for more information on next steps.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="delete">
|
||||
<div class="sprite">You're looking at: <span class="boxy">views/home/index.ejs</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-bar">
|
||||
<h4 id="new">
|
||||
New to Sails?
|
||||
</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="http://sailsjs.org">Visit sailsjs.org</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://sailsjs.org/#!documentation">Documentation</a>
|
||||
</li>
|
||||
</ul>
|
||||
<h4>
|
||||
Next Steps
|
||||
</h4>
|
||||
<ul>
|
||||
<li class="sprite single_page">
|
||||
<a target="_blank" href="http://sailsjs.org">Build a single page app</a>
|
||||
</li>
|
||||
<li class="sprite traditional">
|
||||
<a target="_blank" href="http://sailsjs.org">Build a traditional webapp</a>
|
||||
</li>
|
||||
<li class="sprite realtime">
|
||||
<a target="_blank" href="http://sailsjs.org">Build a realtime app</a>
|
||||
</li>
|
||||
<li class="sprite api">
|
||||
<a target="_blank" href="http://sailsjs.org">Build an API</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
96
views/layout.ejs
Normal file
96
views/layout.ejs
Normal file
@@ -0,0 +1,96 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<!--
|
||||
For demonstration purposes, the `title` is dynamically set here based on
|
||||
your `sails.config.appName` to show that you can inject data into layouts
|
||||
exactly the same way as with your other view templates.
|
||||
-->
|
||||
<title><%- title %></title>
|
||||
|
||||
<!-- Viewport mobile tag for sensible mobile support -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
||||
|
||||
<!--
|
||||
|
||||
Stylesheets
|
||||
========================
|
||||
|
||||
You can link any CSS, LESS, or image files in your `assets` directory
|
||||
as you would normally: using <link/> tags.
|
||||
|
||||
-->
|
||||
|
||||
<!--
|
||||
|
||||
Support for LESS included by default
|
||||
================================================
|
||||
|
||||
LESS files are automatically compiled when they change using the Gruntfile
|
||||
located in the top-level of this Sails app. If you run into issues with styles
|
||||
not reloading, check the Sails log output in your console for LESS compilation errors.
|
||||
If necessary, shut down and then lift your app again.
|
||||
|
||||
-->
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Include the view file for the current controller/route -->
|
||||
<%- body %>
|
||||
|
||||
|
||||
<!--
|
||||
|
||||
Client-side Javascript
|
||||
========================
|
||||
|
||||
You can import any js files in your `assets` directory as you would
|
||||
normally: using <script></script> tags.
|
||||
|
||||
Here's an example of importing a few dependencies, in order:
|
||||
-->
|
||||
<!-- Bring in the socket.io client -->
|
||||
<script type="text/javascript" src="/js/socket.io.js"></script>
|
||||
<!-- then beef it up with some convenience logic for talking to Sails.js -->
|
||||
<script type="text/javascript" src="/js/sails.io.js"></script>
|
||||
<!-- listen on socket.io for incoming messages -->
|
||||
<script type="text/javascript" src="/js/app.js"></script>
|
||||
|
||||
<!-- Your scripts here? -->
|
||||
<!-- Your scripts here? -->
|
||||
<!-- Your scripts here? -->
|
||||
|
||||
|
||||
<!--
|
||||
|
||||
Looking for client-side CoffeeScript or TypeScript?
|
||||
================================================
|
||||
|
||||
CoffeeScript and TypeScript precompilation are not installed by default,
|
||||
but if you'd like to mix those features in, it is straightforward to
|
||||
`npm install` the relevant grunt community modules and modify your Gruntfile
|
||||
to use them.
|
||||
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
|
||||
Another way: The Asset Linker
|
||||
========================
|
||||
|
||||
Sails supports a Grunt-based asset linker, to automatically inject
|
||||
<link> and <script> tags, as well any client-side templates you're using
|
||||
into your HTML layouts and views, respecting dependencies.
|
||||
|
||||
You created this Sails app with the asset linker disabled.
|
||||
If you change your mind, check out the docs on the subject:
|
||||
http://sailsjs.org/#!documentation/asset-management
|
||||
|
||||
-->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user