Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 14 additions & 9 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -44,29 +44,34 @@ <h3>A website to paste shit</h3>
<div id="filename" class="hidden well text-center"><h4></h4></div>
</div>

<div class="col-xs-6 col-sm-6 form-inline form-group">
<div class="col-xs-5 col-sm-5 form-inline form-group">
<div class="form-group">
<button id="paste" type="submit" class="btn btn-primary btn-block ">
Paste
<span class="fa fa-spin fa-spinner hidden"></span>
</button>
</div>
<div class="form-group">
<input type="file" id="file-input" class="sr-only">
<button id="file" type="submit" class="btn btn-default btn-block" disabled="disabled">
Upload File
<button id="shorturl" type="submit" class="btn btn-default btn-block" formaction="/u">
Short URL
<span class="fa fa-spin fa-spinner hidden"></span>
</button>
</div>
<div class="form-group">
<button id="shorturl" type="submit" class="btn btn-default btn-block" formaction="/u">
Short URL
<button id="file" type="submit" class="btn btn-default btn-block">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I suggest class=hidden, and unhide on clear(). If you did that, you might be able to get away with putting the file input here instead.

Upload File
<span class="fa fa-spin fa-spinner hidden"></span>
</button>
</div>
</div>

<div class="col-xs-6 col-sm-6 form-inline form-group text-right">
<div class="col-xs-4 col-sm-4 col-sm-pull-1 form-inline form-group">
<div class="form-group">
<input type="file" id="file-input" name="content" class="form-control" style="padding-bottom: 0.5em">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👎 inline styles == no; use bootstrap

</div>
</div>

<div class="col-xs-3 col-sm-3 form-inline form-group text-right">
<div class="form-group">
<div class="btn-group btn-block" data-toggle="buttons">
<label class="btn btn-default btn-block">
Expand All @@ -75,11 +80,11 @@ <h3>A website to paste shit</h3>
</div>
</div>
<div class="form-group">
<button id="clear" type="input" class="btn btn-default btn-block" disabled="disabled">Clear</button>
<button id="clear" type="reset" class="btn btn-default btn-block">Clear</button>
</div>
</div>

<div class="col-xs-6 col-sm-6 col-sm-push-6 form-group">
<div class="col-xs-12 col-sm-6 col-sm-push-6 form-group">
<div class="form-group">
<label for="sunset" class="sr-only">Expires</label>
<input type="text" id="sunset" name="sunset" class="form-control api-input" placeholder="Expires">
Expand Down
1 change: 1 addition & 0 deletions js/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,7 @@ var WWW = (function(undefined) {

function clear() {

$("#file-input").addClass('hidden');
$('input').val('');
$('textarea').val('');
$(':checkbox').parent()
Expand Down