borekon/disposable-mailbox
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

replace navbar with custom layout. Use email address in username field

Browse Source
This commit is contained in:
Synox 2017-03-21 11:06:12 +01:00
parent 9aabbb2649
commit 438aed16de
3 changed files with 37 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/client-libs/index.js
View File

@ -92,6 +92,9 @@ app.controller('MailboxController', ["$interval", "$http", "$log", function ($in
self.mails = response.data.mails; self.mails = response.data.mails;
self.address = response.data.address; self.address = response.data.address;
self.username = response.data.username; self.username = response.data.username;
if (self.inputFieldUsername === self.username) {
self.inputFieldUsername = self.address;
}
} else { } else {
self.error = { self.error = {
title: "JSON_ERROR", title: "JSON_ERROR",

2
src/client-libs/style.css
View File

@ -17,7 +17,7 @@ div.min-height {
min-height: 400px; min-height: 400px;
} }
.nav-container { header {
background-color: #D9E2E9; background-color: #D9E2E9;
} }

48
src/index.html
View File

@ -18,28 +18,42 @@
<div ng-controller="MailboxController as $ctrl" ng-cloak> <div ng-controller="MailboxController as $ctrl" ng-cloak>
<header>
<div class="nav-container">
<div class="container"> <div class="container">
<nav class="navbar navbar-light">
<a class="navbar-brand"><span class="octicon-inbox"></span>
&nbsp;
{{$ctrl.address}}
&nbsp;
<span ng-if="$ctrl.mails.length" class="tag tag-pill tag-default">{{$ctrl.mails.length}}</span>
</a>
<form class="form-inline float-xs-right" ng-submit="$ctrl.updateUsername($ctrl.inputFieldUsername)"> <form ng-submit="$ctrl.updateUsername($ctrl.inputFieldUsername)">
<input ng-model="$ctrl.inputFieldUsername"
placeholder="username" <div class="row">
type="text" class="form-control"/> <div class="col-sm-1">
<button type="submit" class="btn btn-outline-success">login</button> <br>
<button ng-click="$ctrl.randomize()" type="button" class="btn btn-outline-primary">randomize <span class="octicon-inbox"></span>
<span ng-if="$ctrl.mails.length" class="tag tag-pill tag-default">{{$ctrl.mails.length}}</span>
</div>
<div class="col-sm-11">
<label for="inputFieldUsername">
<small id="emailHelp" class="form-text text-muted">Your disposable email address (or change
it):
</small>
</label>
<div class="row">
<div class="col-sm-6">
<input id="inputFieldUsername" ng-model="$ctrl.inputFieldUsername"
placeholder="new username"
type="text" class="form-control form-control-lg" onclick="this.select()"/>
</div>
<div class="col-sm-2">
<button ng-click="$ctrl.randomize()" type="button" class="btn btn-outline-primary">new
address
</button> </button>
</div>
</div>
</div>
</div>
</form> </form>
</nav>
</div>
</div> </div>
</header>
<main> <main>
<div class="container min-height"> <div class="container min-height">