Add IG import views

This commit is contained in:
Daniel Supernault 2019-03-17 15:45:16 -06:00
parent 31dd8d38e7
commit e3c22306e2
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
3 changed files with 79 additions and 0 deletions

View file

@ -0,0 +1,28 @@
@extends('settings.template')
@section('section')
<div class="title">
<h3 class="font-weight-bold">Import from Instagram</h3>
<p class="lead">Step 1</p>
</div>
<hr>
<section>
<p class="lead">Before you proceed, you need to have a backup of your account from Instagram, you can do that <a href="https://www.instagram.com/download/request/">here</a>.</p>
</section>
<section class="mt-5 col-md-8 offset-md-2">
<div class="card mb-3 step-one">
<div class="card-body text-center">
<p class="h5 font-weight-bold">Import <b>photos</b> directory</p>
<p class="text-muted">250mb limit, if your photos directory exceeds that amount, you will have to wait until we support larger imports.</p>
<hr>
<form enctype="multipart/form-data" class="" method="post">
@csrf
<input type="file" name="media[]" multiple="" directory="" webkitdirectory="" mozdirectory="" accept="image/*">
<button type="submit" class="mt-4 btn btn-primary btn-block font-weight-bold">Upload Photos</button>
</form>
</div>
</div>
</section>
@endsection

View file

@ -0,0 +1,25 @@
@extends('settings.template')
@section('section')
<div class="title">
<h3 class="font-weight-bold">Import from Instagram</h3>
<p class="lead">Step 3</p>
</div>
<hr>
<section class="mt-5 col-md-8 offset-md-2">
<div class="card mb-3 step-three">
<div class="card-body text-center">
<p class="h5 font-weight-bold">Found {{$job->files->count()}} posts to import</p>
<p class="text-muted"></p>
<hr>
<form enctype="multipart/form-data" class="" method="post">
@csrf
<button type="submit" class="mt-4 btn btn-primary btn-block font-weight-bold">Import All</button>
</form>
</div>
</div>
</div>
</section>
@endsection

View file

@ -0,0 +1,26 @@
@extends('settings.template')
@section('section')
<div class="title">
<h3 class="font-weight-bold">Import from Instagram</h3>
<p class="lead">Step 2</p>
</div>
<hr>
<section class="mt-5 col-md-8 offset-md-2">
<div class="card mb-3 step-two">
<div class="card-body text-center">
<p class="h5 font-weight-bold">Import <b>media.json</b> file</p>
<p class="text-muted">10mb limit, please only upload the media.json file</p>
<hr>
<form enctype="multipart/form-data" class="" method="post">
@csrf
<input type="file" name="media">
<button type="submit" class="mt-4 btn btn-primary btn-block font-weight-bold">Upload media.json</button>
</form>
</div>
</div>
</div>
</section>
@endsection