walnut_launchpad.html/templates/bolt.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>