2017-08-11 19:21:35 +00:00
|
|
|
<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>
|