mirror of
https://github.com/fazo96/homework.git
synced 2025-03-31 00:58:38 +02:00
193 lines
6.8 KiB
HTML
193 lines
6.8 KiB
HTML
<!-- Homework UI Templates -->
|
|
|
|
<template name="layout">
|
|
<div class="container">
|
|
<div class="page-header">
|
|
<h1 id="title">Homework<br>
|
|
<small>management for students</small>
|
|
</h1>
|
|
</div>
|
|
<div class="center-block" id="ui-container">
|
|
{{> yield}}
|
|
</div>
|
|
<hr>
|
|
<div class="center-block" align="center">{{> footer}}</div>
|
|
</div>
|
|
{{> ribbon}}
|
|
</template>
|
|
|
|
<template name="menu">
|
|
<div align="center" class="menu-container">
|
|
<div class="btn-group">
|
|
<button type="button" disabled="disabled" class="btn btn-success go-archive">
|
|
<i class="fa fa-book fa-inverse"></i> Archive
|
|
</button>
|
|
<button type="button" class="btn btn-primary go-home">
|
|
<i class="fa fa-home fa-inverse"></i> Home
|
|
</button>
|
|
<button type="button" class="btn btn-warning go-account">
|
|
<i class="fa fa-user fa-inverse"></i> Account
|
|
</button>
|
|
</div></div>
|
|
</template>
|
|
|
|
<template name="notes">{{> error }} {{> notelist }} {{> menu}}</template>
|
|
<template name="note">{{> error }} {{> editor }} {{> notelist }} <hr> {{> menu}}</template>
|
|
|
|
<template name="noteadder">
|
|
<div align="center">
|
|
<input type="text" id="newNote" class="form-control" placeholder="Add new note">
|
|
</div>
|
|
</template>
|
|
|
|
<template name="notelist">
|
|
<div class="list-group">
|
|
{{#each notes}}
|
|
<a href="{{pathFor 'note'}}" class="note list-group-item">
|
|
<span class="note-content">
|
|
<button type="button" class="edit-note close">
|
|
<i class="fa fa-pencil-square-o"></i>
|
|
</button>
|
|
<b>{{title}}</b> <span class="note-desc">{{content}}</span>
|
|
</span>
|
|
<button type="button" class="close-note close">×</button>
|
|
</a>
|
|
{{/each}}
|
|
</div>
|
|
{{#if empty}}
|
|
<p align="center">You don't have any notes, try adding a new one</p>
|
|
{{/if}}
|
|
{{> noteadder }}
|
|
</template>
|
|
|
|
<template name="login">
|
|
<div align="center">
|
|
<h3 class="cool-header"><i class="fa fa-sign-in fa-2x"></i><br>Login</h3>
|
|
{{> error}}
|
|
{{#if loggingIn}}
|
|
{{> loading}}
|
|
{{else}}
|
|
<input type="text" id="l-mail" class="form-control login in-bt" placeholder="Email">
|
|
<input type="password" id="l-pass" class="form-control login in-bt" placeholder="Password">
|
|
{{/if}}
|
|
{{#unless loggingIn}}
|
|
<a role="button" href="{{pathFor 'register'}}" class="btn-fix btn btn-success">Register</a>
|
|
<a role="button" id="login-btn" class="btn-fix btn btn-primary">Login</a>
|
|
{{/unless}}
|
|
</div>
|
|
</template>
|
|
|
|
<template name="register">
|
|
<div align="center">
|
|
<h3 class="cool-header"><i class="fa fa-user fa-2x"></i><br>New Account</h3>
|
|
{{#if loggingIn}}
|
|
{{> loading}}
|
|
{{else}}
|
|
<p>Password must be at least 8 characters. You will need to confirm your email.</p>
|
|
{{> error}}
|
|
<input type="text" id="r-mail" class="form-control register in-bt" placeholder="Email">
|
|
<input type="password" id="r-pass" class="form-control register in-bt" placeholder="Password">
|
|
<input type="password" id="r-pass-2" class="form-control register pass-rep in-bt" placeholder="Repeat Password">
|
|
<button type="button" id="register-btn" class="btn-fix btn btn-primary">Create</button>
|
|
<a role="button" href="{{pathFor 'home'}}" class="btn-fix btn btn-success">Home</a>
|
|
{{/if}}
|
|
</div>
|
|
</template>
|
|
|
|
<template name="account">
|
|
<div align="center">
|
|
<h3 class="cool-header"><i class="fa fa-user fa-2x"></i><br>{{email}}</h3>
|
|
{{> menu}}
|
|
<div class="btn-group btns-account">
|
|
<button type="button" id="btn-logout" class="btn btn-warning">
|
|
<i class="fa fa-sign-out fa-inverse"></i> Logout
|
|
</button>
|
|
<button type="button" id="btn-delete-me" class="btn btn-danger">
|
|
<i class="fa fa-exclamation-circle fa-inverse"></i> Delete
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="verifyEmail">
|
|
<div align="center">
|
|
<h3 class="cool-header"><i class="fa fa-envelope fa-2x"></i><br>
|
|
Please verify your Email Address<br><small>{{email}}</small></h3>
|
|
<p>Click the link inside the email we sent you or paste it here:</p>
|
|
{{> error}}
|
|
<input type="text" id="token-field" class="form-control" placeholder="Token">
|
|
<div align="center" class="buttons">
|
|
<button type="button" class="btn btn-warning btn-ver" id="btn-resend">Resend Email</button>
|
|
<button type="button" class="btn btn-success btn-ver" id="btn-verify">Verify Token</button>
|
|
<button type="button" class="btn btn-danger btn-ver" id="btn-delete">Delete Account</button>
|
|
<br><button type="button" class="btn btn-primary btn-ver" id="btn-logout">Logout</button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="editor">
|
|
{{#if _id}}
|
|
<div class="panel panel-info">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">
|
|
<div align="center">
|
|
<input type="text" class="form-control editor-title" value="{{title}}" placeholder="Title">
|
|
<button type="button" class="close close-editor">×</button>
|
|
</div>
|
|
</h3>
|
|
</div>
|
|
<div align="center" class="panel-body">
|
|
<textarea id="area" class="area form-control" rows="3" placeholder="...">{{content}}</textarea>
|
|
<button type="button" class="btn btn-info save-editor">Save</button>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
</template>
|
|
|
|
<template name="notifications">
|
|
{{#each notification}}
|
|
<div class="alert alert-{{type}} notification">
|
|
<p align="center">{{msg}}</p>
|
|
<button type="button" class="close close-notification">×</button>
|
|
</div>
|
|
{{/each}}
|
|
</template>
|
|
|
|
<template name="error">
|
|
{{#if error}}
|
|
<div align="center"><div class="alert alert-{{error.type}} error">
|
|
<p align="center">{{error.msg}}</p>
|
|
<button type="button" class="close close-error">×</button>
|
|
</div></div>
|
|
{{/if}}
|
|
</template>
|
|
|
|
<template name="ribbon">
|
|
<div class="github-fork-ribbon-wrapper right">
|
|
<div class="github-fork-ribbon">
|
|
<a href="http://github.com/fazo96/homework">Fork me on GitHub</a>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="loading">
|
|
<div align="center" class="spinning-cog">
|
|
<i class="fa fa-cog fa-spin fa-3x"></i>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="footer">
|
|
<p>This app is <a href="https://en.wikipedia.org/wiki/Free_software">Free Software</a>, under the <a href="http://opensource.org/licenses/MIT">MIT License</a></p>
|
|
<p>Built by Enrico Fasoli as a prototype.<br><u>Not ready for daily usage yet!</u></p>
|
|
<a class="custom-link" href="http://www.linkedin.com/profile/view?id=292450419"><i class="fa fa-linkedin fa-2x"></i></a>
|
|
<a href="http://twitter.com/fazo96"><i class="fa fa-twitter fa-2x footer-center-icon"></i></a>
|
|
<a class="custom-link" href="http://github.com/fazo96"><i class="fa fa-github fa-2x"></i></a>
|
|
</template>
|
|
|
|
<template name="404">
|
|
<div align="center">
|
|
<h2><i class="fa fa-exclamation-triangle fa-2x"></i><br>
|
|
Acciderbolina!<br><small>Page not found</small></h2>
|
|
</div>
|
|
</template>
|