beenull/disposable-mailbox-2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 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.address = response.data.address;
self.username = response.data.username;
if (self.inputFieldUsername === self.username) {
self.inputFieldUsername = self.address;
}
} else {
self.error = {
title: "JSON_ERROR",

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

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

52
src/index.html
View file

@ -18,28 +18,42 @@
<div ng-controller="MailboxController as $ctrl" ng-cloak>
<div class="nav-container">
<header>
<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)">
<input ng-model="$ctrl.inputFieldUsername"
placeholder="username"
type="text" class="form-control"/>
<button type="submit" class="btn btn-outline-success">login</button>
<button ng-click="$ctrl.randomize()" type="button" class="btn btn-outline-primary">randomize
</button>
</form>
</nav>
<form ng-submit="$ctrl.updateUsername($ctrl.inputFieldUsername)">
<div class="row">
<div class="col-sm-1">
<br>
<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>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</header>
<main>
<div class="container min-height">