walnut_launchpad.html/templates/bolt.html

111 lines
5.1 KiB
HTML

<div class="home-container">
<div class="panel panel-default">
<div class="panel-heading pb-0">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="!#bolt-upload" class="quick-create-tab" aria-controls="upload" role="tab" data-toggle="tab"><i class="fa fa-upload" aria-hidden="true"></i> Lightning Share</a></li>
<li role="presentation"><a href="!#bolt-download" class="quick-create-tab" aria-controls="send" role="tab" data-toggle="tab"><i class="fa fa-download" aria-hidden="true"></i> Lightning Accept</a></li>
</ul>
</div>
<div class="panel-body">
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="bolt-upload">
<!-- <h2 class="text-center">Share a file as fast as lightning:</h2> -->
<div class="text-center select-file" ng-hide="vm.lightning_uploaded">
<div ng-click="vm.lightning_uploaded = true">
<div class="panel-body text-center">
Drag and drop a file here
<br>
or
<br>
<button type="button" name="button" class="btn btn-default js-choose-file-btn">Upload New File</button>
<br>
or
<br>
<button type="button" name="button" class="btn btn-default js-choose-file-btn">Choose from Daplie files</button>
</div>
</div>
</div>
<div class="select-file" ng-show="vm.lightning_uploaded">
<p class="text-center"> Uploading 70% complete</p>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:70%">
<span class="sr-only">70% Complete</span>
</div>
</div>
<h3 class="share-text">Share with</h3>
<form action="">
<label class="radio-inline">
<input type="radio" name="optradio" checked="checked">Anyone with this link has access
</label>
<label class="radio-inline">
<input type="radio" name="optradio">Only signed-in contacts have access
</label>
</form>
<h3>Option A: Yell it across the room</h3>
<br>
<ol class="text-left">
<li>
<span>Tell your friend to open </span> <span class="framed">bolt.smithfam.net</span>
<br>
<br>
</li>
<li>
<span>Tell them to use the code </span><span class="framed">happy</span> <span class="framed">dog</span> <span class="framed">22</span>
</li>
</ol>
<br>
<h3>Option B: Share this link <small><a href="#">https://bolt.smithfam.net/#/happy-dog-22</a></small></h3>
<div class="input-group">
<input type="text" class="form-control" placeholder="Type contact name or email address" aria-describedby="basic-addon2">
<span class="input-group-addon" id="basic-addon2">Send Link</span>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="bolt-download">
<center>
<h3>Enter lightning code</h3>
<form class="form-inline">
<input type="text" class="form-control">
<label>-</label>
<input type="text" class="form-control">
<label>-</label>
<input type="text" class="form-control">
</form>
</center>
<br>
<button class="btn btn-default pull-right">Download</button>
</div>
</div>
</div>
<div class="panel-footer" ng-show="vm.noted_on_wall">
<div class="uploaded-info">
<p><strong>type:</strong> <span class="badge select-badge"> Document</span><span class="select-badge"> N/A</span></p>
<p><strong>Location:</strong> Documents > 2017-07-01.txt</p>
<button type="button" name="button" class="btn btn-default save-btn" ng-click="vm.post_selected_file()">Save</button>
</div>
</div>
<div class="panel-footer" ng-show="vm.filed_on_wall">
<div class="uploaded-info">
<p><strong>type:</strong> <span class="badge select-badge"> Music</span><span class="select-badge"> Audio Book</span> <span class="select-badge"> N/A</span></p>
<p><strong>Location:</strong> Music > Taylor Swift > Teardrops.mp3</p>
<button type="button" name="button" class="btn btn-default save-btn" ng-click="vm.post_selected_file()">Save</button>
</div>
</div>
</div>
<div class="">
<h2 class="share-text">Recent Lightning Shares</h2>
<section class="white-well">
<li>
<span>teardrops.mp3
-
<span class="framed">happy</span> <span class="framed">dog</span> <span class="framed">22</span>
-
Shared with <span class="framed">anyone with link</span>
-
<button class="btn">Stop Sharing</button>
</li>
</ol>
</section>
</div>
</div>