tethys/resources/views/publish/create-step1.blade.php

564 lines
32 KiB
PHP
Raw Normal View History

2018-09-14 16:16:02 +00:00
@extends('settings.layouts.app')
2018-10-10 16:28:51 +00:00
2018-10-18 14:51:46 +00:00
@section('title', 'Publish')
2018-10-10 16:28:51 +00:00
2018-08-06 12:30:51 +00:00
@section('content')
2018-08-29 15:18:15 +00:00
<div class="header">
<h3 class="header-title">
<i class="fa fa-upload"></i> Publish New Dataset
</h3>
</div>
2018-08-06 12:30:51 +00:00
2018-08-29 15:18:15 +00:00
<div id="app" class="box-content">
2018-10-18 14:51:46 +00:00
{{--
<form action={{ route( 'publish.dataset.store1') }} method="post" class="pure-form" enctype="multipart/form-data">
--}}
<main class="steps pure-form" enctype="multipart/form-data">
{{ csrf_field() }}
2018-11-05 15:44:25 +00:00
<div v-if="step === 1 && isInitial" data-vv-scope="step-1">
2019-01-22 17:24:18 +00:00
<h1>Step One: Mandatory Elements</h1>
2018-10-18 14:51:46 +00:00
<div class="form-group">
2019-01-22 17:24:18 +00:00
<legend>General</legend>
2018-10-18 14:51:46 +00:00
<div class="description hint">
<p>Bitte wählen Sie einen Datensatztyp aus der Liste aus.</p>
</div>
<p></p>
2019-01-22 17:24:18 +00:00
{{-- <div class="form-item">
2018-10-18 14:51:46 +00:00
<label for="documentType">Datensatztyp<span class="required" title="Dieses Feld muss ausgefüllt werden."> *</span></label>
<div class="select" style="width:300px" title="Bitte wählen Sie einen Datensatztyp aus der Liste aus.">
{!! Form::select('Type', Lang::get('doctypes'), null, ['id' => 'type', 'placeholder' => '-- select type --', 'v-model' =>
'dataset.type', "v-validate" => "'required'", 'data-vv-scope' => 'step-1']) !!}
</div>
2019-01-22 17:24:18 +00:00
</div> --}}
<div class="pure-u-1 pure-u-md-1-2 pure-div">
<label for="documentType">Datensatztyp<span class="required" title="Dieses Feld muss ausgefüllt werden."> *</span></label>
<div class="select pure-u-23-24" title="Bitte wählen Sie einen Datensatztyp aus der Liste aus.">
{!! Form::select('Type', Lang::get('doctypes'), null, ['id' => 'type', 'placeholder' => '-- select type --', 'v-model' =>
'dataset.type', "v-validate" => "'required'", 'data-vv-scope' => 'step-1']) !!}
</div>
</div>
2018-08-29 15:18:15 +00:00
</div>
2018-08-06 12:30:51 +00:00
2019-01-22 17:24:18 +00:00
<fieldset id="fieldset-titles">
<legend>Title(s)</legend>
<div class="pure-g">
<div class="pure-u-1 pure-u-md-1-2 pure-div">
{!! Form::label('TitleMain', 'Main Title ') !!}
{!! Form::text('TitleMain[Value]', null, ['class' => 'pure-u-23-24', 'v-model'
=> 'dataset.title_main.value', "v-validate" => "'required|min:3'", "data-vv-as" => "Main Title", 'data-vv-scope' => 'step-1']) !!}
</div>
<div class="pure-u-1 pure-u-md-1-2 pure-div">
{!! Form::label('TitleLanguage', 'Title Language..') !!}
<div class="select pure-u-23-24">
{!! Form::select('TitleMain[Language]', $languages, null, ['placeholder' => '--no language--', 'v-model' => 'dataset.title_main.language',
"v-validate" => "'required'", "data-vv-as" => "Title Language", 'data-vv-scope' => 'step-1']) !!}
</div>
</div>
</div>
2019-01-24 15:56:39 +00:00
<div class="pure-u-1 pure-u-md-1-2 pure-div">
{!! Form::label('TitleMain', 'Add additional title(s) ') !!}
<button class="pure-button button-small" @click.prevent="addTitle()">+</button>
</div>
2019-01-22 17:24:18 +00:00
<table class="pure-table pure-table-horizontal" v-if="dataset.titles.length">
<thead>
<tr>
<th style="width: 20px;">Title</th>
<th>Type</th>
<th>Language</th>
<th style="width: 130px;"></th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in dataset.titles">
<td>
<input name="Title" class="form-control" placeholder="[TITLE]" v-model="item.value" v-validate="'required'" data-vv-scope="step-1" />
</td>
<td>
{!! Form::select('Title[Type]', $titleTypes, null,
['placeholder' => '[titleType]', 'v-model' => 'item.type', "v-validate" => "'required'", 'data-vv-scope' => 'step-1']) !!}
</td>
<td>
2019-01-24 15:56:39 +00:00
{!! Form::select('Title[Language]', $languages, null,
['placeholder' => '[language]', 'v-model' => 'item.language', "v-validate" => "'required'", 'data-vv-scope' => 'step-1']) !!}
2019-01-22 17:24:18 +00:00
</td>
<td>
<button class="pure-button button-small is-warning" @click.prevent="removeTitle(index)">-</button>
</td>
</tr>
</tbody>
</table>
</fieldset>
2019-01-24 15:56:39 +00:00
<fieldset id="fieldset-description">
<legend>Description</legend>
<div class="pure-g">
<div class="pure-u-1 pure-u-md-1-2 pure-div">
{!! Form::label('TitleAbstract', 'Main Abstract ') !!}
{{ Form::textarea('TitleAbstract[Value]', null, ['class' => 'pure-u-23-24',
'size' => '70x6', 'v-model' => 'dataset.abstract_main.value', "v-validate" => "'required|min:3'",
"data-vv-as" => "Main Abstract", 'data-vv-scope' => 'step-2']) }}
</div>
<div class="pure-u-1 pure-u-md-1-2 pure-div">
{!! Form::label('AbstractLanguage', 'Abstract Language..') !!}
<div class="select pure-u-23-24">
{!! Form::select('TitleAbstract[Language]', $languages, null, ['placeholder' => '--no language--', 'v-model' => 'dataset.abstract_main.language',
"v-validate" => "'required'", "data-vv-as" => "Abstract Language", 'data-vv-scope' => 'step-2']) !!}
</div>
</div>
2019-01-24 16:33:04 +00:00
<div class="pure-u-1 pure-u-md-1-2 pure-div">
{!! Form::label('AddtionalDescription', 'Add additional descriptions(s) ') !!}
<button class="pure-button button-small" @click.prevent="addDescription()">+</button>
</div>
2019-01-24 15:56:39 +00:00
</div>
2019-01-24 16:33:04 +00:00
<table class="pure-table pure-table-horizontal" v-if="dataset.descriptions.length">
<thead>
<tr>
<th style="width: 20px;">Description</th>
<th>Type</th>
<th>Language</th>
<th style="width: 130px;"></th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in dataset.descriptions">
<td>
<input name="Description[Value]" class="form-control" placeholder="[DESCRIPTION]" v-model="item.value" v-validate="'required'" data-vv-scope="step-1" />
</td>
<td>
{!! Form::select('Description[Type]', $descriptionTypes, null,
['placeholder' => '[descriptionType]', 'v-model' => 'item.type', "v-validate" => "'required'", 'data-vv-scope' => 'step-1']) !!}
</td>
<td>
{!! Form::select('Description[Language]', $languages, null,
['placeholder' => '[language]', 'v-model' => 'item.language', "v-validate" => "'required'", 'data-vv-scope' => 'step-1']) !!}
</td>
<td>
<button class="pure-button button-small is-warning" @click.prevent="removeDescription(index)">-</button>
</td>
</tr>
</tbody>
</table>
2019-01-24 15:56:39 +00:00
</fieldset>
<fieldset id="fieldset-creator">
2019-01-22 17:24:18 +00:00
<legend>Creator(s)</legend>
<div class="pure-g">
<div class="pure-u-1 pure-u-md-1-2 pure-div">
<my-autocomplete title="searching active person table" @person="onAddAuthor"></my-autocomplete>
{{--
<my-autocomplete :items="[ 'Apple', 'Banana', 'Orange', 'Mango', 'Pear', 'Peach', 'Grape', 'Tangerine', 'Pineapple']"></my-autocomplete> --}}
</div>
<div class="pure-u-1 pure-u-md-1-2 pure-div">
<div class="pure-control-group checkboxlist">
2019-01-24 15:56:39 +00:00
<input name="persons" v-model="dataset.checkedAuthors" type="hidden" class="form-check-input" v-validate="'required'" data-vv-as="Creator" data-vv-scope="step-1">
2019-01-22 17:24:18 +00:00
<label v-for="(person, index) in dataset.persons" :for="person.id" class="pure-checkbox">
<input type="checkbox" name="persons" v-bind:value="person.id" v-model="dataset.checkedAuthors" class="form-check-input" data-vv-scope="step-1">
@{{ person.full_name }}
</label>
<br />
{{-- <span>Checked Authors: @{{ dataset.checkedAuthors }}</span> --}}
</div>
</div>
</div>
</fieldset>
<fieldset id="fieldset-publisher">
<legend>Publisher</legend>
<div class="pure-u-1 pure-u-md-1-2 pure-div">
{!! Form::label('CreatingCorporation', 'Creating Corporation') !!}
{!! Form::text('CreatingCorporation', null, ['class' =>
'pure-u-23-24', 'v-model' => 'dataset.creating_corporation', "v-validate" => "'required'", 'data-vv-scope' => 'step-1']) !!}
</div>
</fieldset>
2018-10-18 14:51:46 +00:00
<div :class="{'form-group':true, 'has-error':errors.has('rights')}">
2018-11-08 16:47:27 +00:00
<legend>Einräumung eines einfachen Nutzungsrechts</legend>
<label for="rights" class="pure-checkbox">
<input class="form-checkbox" name="rights" id="rights" type="checkbox" v-model="dataset.rights" v-validate="'required'" data-vv-scope="step-1">
2018-10-18 14:51:46 +00:00
I accept
2018-11-08 16:47:27 +00:00
</label>
2019-01-30 16:46:12 +00:00
<button @click="showModal" class="pure-button button-small is-success">
{!! trans('validation.attributes.backend.create-dataset.terms_and_conditions').'*' !!}
</button>
<!-- use the modal component, pass in the prop -->
{{-- <button type="button" class="btn" @click="showModal">
Open Modal!
</button> --}}
<modal v-if="isModalVisible" @close="closeModal" >
<template slot="header">
{!! trans('validation.attributes.backend.create-dataset.terms_and_conditions').'*' !!}
</template>
<template slot="body">
Die im GBA-RDR veröffentlichten Informationen und Metadaten unterliegen grundsätzlich den Open-Access-Bedingungen, wenn nicht anders angegeben. Die publizierten Datensets unterliegen einem definierten Zugriffs- sowie Nutzungsrecht welche in den Metadaten eindeutig beschrieben sind.
</template>
</modal>
2018-11-08 16:47:27 +00:00
2018-10-10 16:28:51 +00:00
<br />
<i v-show="errors.has('step-1.rights')" class="fa fa-warning"></i>
<span v-show="errors.has('step-1.rights')" class="text-danger">@{{ errors.first('step-1.rights') }}</span>
2018-11-08 16:47:27 +00:00
2019-01-22 17:24:18 +00:00
<span class="help-block">You must agree to continue</span>
2018-10-18 14:51:46 +00:00
</div>
2018-08-29 15:18:15 +00:00
2018-10-18 14:51:46 +00:00
<br />
<div class="pure-controls">
<button @click.prevent="next('step-1')" class="pure-button button-small" :disabled="errors.any()">
2018-08-29 15:18:15 +00:00
<i class="fa fa-arrow-right"></i>
2018-09-14 16:16:02 +00:00
<span>Continue</span>
2018-08-29 15:18:15 +00:00
</button>
2018-10-18 14:51:46 +00:00
</div>
<div v-if="errors.items.length > 0">
<b>Please correct the following error(s):</b>
<ul class="alert validation-summary-errors">
<li style="margin-left:5px;" v-for="error in errors.items">@{{ error.msg }}</li>
</ul>
</div>
2018-08-29 15:18:15 +00:00
</div>
2018-11-05 15:44:25 +00:00
<div v-if="step === 2 && isInitial" data-vv-scope="step-2">
2019-01-22 17:24:18 +00:00
<h1>Step Two: Recommended Elements</h1>
2018-10-18 14:51:46 +00:00
2019-01-24 15:56:39 +00:00
<fieldset id="fieldset-subject">
<legend>Subject</legend>
<div class="pure-g">
2018-08-29 15:18:15 +00:00
2019-01-24 15:56:39 +00:00
{{-- <div class="pure-u-1 pure-u-md-1-2 pure-div">
2018-10-19 10:54:40 +00:00
<div class="select pure-u-23-24">
2018-10-29 13:24:41 +00:00
{!! Form::select( 'State', ['unpublished' => 'unpublished', 'inprogress' => 'inprogress'], null, ['id' => 'state',
2018-10-19 10:54:40 +00:00
'placeholder' => '-- select server state --', 'v-model' => 'dataset.state', "v-validate" => "'required'", 'data-vv-scope' => 'step-2'] ) !!}
2019-01-24 15:56:39 +00:00
</div>
</div> --}}
2018-08-31 14:47:04 +00:00
2018-10-18 14:51:46 +00:00
<div class="pure-u-1 pure-u-md-1-2 pure-div">
{!! Form::label('project_id', 'Project..') !!}
<div class="select pure-u-23-24">
{!! Form::select('project_id', $projects, null, ['id' => 'project_id', 'placeholder' => '--no project--', 'v-model' => 'dataset.project_id', 'data-vv-scope' => 'step-2'])
!!}
</div>
<small id="projectHelp" class="pure-form-message-inline">project is optional</small>
2019-01-24 15:56:39 +00:00
</div>
2018-09-14 16:16:02 +00:00
2018-08-29 15:18:15 +00:00
</div>
2018-10-18 14:51:46 +00:00
</fieldset>
2019-01-24 15:56:39 +00:00
<fieldset-dates>
<legend>Date(s)</legend>
<div class="pure-u-1 pure-u-md-1-2 pure-div">
{!! Form::label('EmbargoDate', 'Embargo Date') !!}
{!! Form::date('EmbargoDate', null, ['placeholder' => date('y-m-d'), 'class'
=> 'pure-u-23-24', 'v-model' => 'dataset.embargo_date', 'data-vv-scope' => 'step-2']) !!}
<small id="projectHelp" class="pure-form-message-inline">EmbargoDate is optional</small>
</div>
</fieldset-dates>
<fieldset id="fieldset-general">
<legend>Contributors</legend>
<div class="pure-g">
<div class="pure-u-1 pure-u-md-1-2 pure-div">
<my-autocomplete title="searching active person table" @person="onAddContributor"></my-autocomplete>
</div>
<div class="pure-u-1 pure-u-md-1-2 pure-div">
<div class="pure-control-group checkboxlist">
<label v-for="(contributor, index) in dataset.contributors" :for="contributor.id" class="pure-checkbox">
<input type="checkbox" name="contributors" v-bind:value="contributor.id" v-model="dataset.checkedContributors" class="form-check-input" data-vv-scope="step-2">
@{{ contributor.full_name }}
</label>
<br />
{{-- <span>Checked Contributors: @{{ dataset.checkedContributors }}</span> --}}
</div>
</div>
</div>
</fieldset>
<fieldset id="fieldset-geolocation">
<legend>Geo Location</legend>
<div class="pure-g">
2019-01-08 13:06:21 +00:00
<div class="pure-u-1 pure-u-md-1 pure-u-lg-1 pure-div">
<locations-map v-bind:geolocation="dataset.geolocation"></locations-map>
</div>
<div class="pure-u-1 pure-u-md-1-2 pure-div">
2019-01-08 13:06:21 +00:00
{!! Form::label('xmin', 'xmin: ') !!}
{!! Form::text('xmin', null, ['class' => 'pure-u-23-24', 'v-model' => 'dataset.geolocation.xmin', 'readonly']) !!}
</div>
<div class="pure-u-1 pure-u-md-1-2 pure-div">
2019-01-08 13:06:21 +00:00
{!! Form::label('ymin', 'ymin: ') !!}
{!! Form::text('ymin', null, ['class' => 'pure-u-23-24', 'v-model' => 'dataset.geolocation.ymin', 'readonly']) !!}
</div>
<div class="pure-u-1 pure-u-md-1-2 pure-div">
2019-01-08 13:06:21 +00:00
{!! Form::label('xmax', 'xmax: ') !!}
{!! Form::text('xmax', null, ['class' => 'pure-u-23-24', 'v-model' => 'dataset.geolocation.xmax', 'readonly']) !!}
</div>
<div class="pure-u-1 pure-u-md-1-2 pure-div">
2019-01-08 13:06:21 +00:00
{!! Form::label('ymax', 'ymax: ') !!}
{!! Form::text('ymax', null, ['class' => 'pure-u-23-24', 'v-model' => 'dataset.geolocation.ymax', 'readonly']) !!}
</div>
</div>
2019-01-24 15:56:39 +00:00
</fieldset>
2018-10-29 13:24:41 +00:00
<fieldset id="fieldset-references">
2019-01-22 17:24:18 +00:00
<legend>Dataset references</legend>
2018-10-29 13:24:41 +00:00
<button class="pure-button button-small" @click.prevent="addReference()">Add Reference</button>
<table class="table table-hover" v-if="dataset.references.length">
<thead>
<tr>
<th style="width: 20px;">Value of the identifier</th>
<th>Type</th>
<th>Relation</th>
2019-01-24 15:56:39 +00:00
<th>Label</th>
2018-10-29 13:24:41 +00:00
<th style="width: 130px;"></th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in dataset.references">
<td>
2019-01-22 17:24:18 +00:00
<input name="Reference Value" class="form-control" placeholder="[RELATED IDENTIFIER]" v-model="item.value" v-validate="'required'" data-vv-scope="step-2" />
2018-10-29 13:24:41 +00:00
</td>
<td>
2019-01-22 17:24:18 +00:00
{!! Form::select('Reference[Type]', $relatedIdentifierTypes, null,
['placeholder' => '[relatedIdentifierType]', 'v-model' => 'item.type', "v-validate" => "'required'", 'data-vv-scope' => 'step-2']) !!}
2018-10-29 13:24:41 +00:00
</td>
<td>
2019-01-22 17:24:18 +00:00
{!! Form::select('Reference[Relation]', $relationTypes, null,
['placeholder' => '[relationType]', 'v-model' => 'item.relation', 'data-vv-scope' => 'step-2']) !!}
2018-10-29 13:24:41 +00:00
</td>
<td>
<input name="Reference Label" class="form-control" v-model="item.label" v-validate="'required'" data-vv-scope="step-2" />
</td>
<td>
<button class="pure-button button-small is-warning" @click.prevent="removeReference(index)">Remove</button>
</td>
</tr>
</tbody>
</table>
</fieldset>
2018-08-29 15:18:15 +00:00
2018-10-18 14:51:46 +00:00
<br />
<div class="pure-controls">
<button @click.prevent="prev()" class="pure-button button-small">
2018-08-29 15:18:15 +00:00
<i class="fa fa-arrow-left"></i>
2018-09-14 16:16:02 +00:00
<span>Back</span>
2018-08-29 15:18:15 +00:00
</button>
2018-09-14 16:16:02 +00:00
2018-10-18 14:51:46 +00:00
<button @click.prevent="next('step-2')" class="pure-button button-small" v-bind:disabled="errors.any()">
2018-08-29 15:18:15 +00:00
<i class="fa fa-arrow-right"></i>
2018-09-14 16:16:02 +00:00
<span>Continue</span>
</button>
2018-10-18 14:51:46 +00:00
</div>
<div v-if="errors.items.length > 0">
<b>Please correct the following error(s):</b>
<ul class="alert validation-summary-errors">
<li style="margin-left:5px;" v-for="error in errors.items">@{{ error.msg }}</li>
</ul>
</div>
2018-09-14 16:16:02 +00:00
</div>
2018-10-18 14:51:46 +00:00
2018-11-05 15:44:25 +00:00
<div v-if="step === 3 && isInitial" data-vv-scope="step-3">
2019-01-24 15:56:39 +00:00
<h1>Step 3: Other Elements</h1>
2018-10-18 14:51:46 +00:00
<fieldset id="fieldset-general">
2019-01-24 15:56:39 +00:00
<legend>Language</legend>
<div class="pure-g">
<div class="pure-u-1 pure-u-md-1-2 pure-div">
{!! Form::label('Language', 'Language..') !!}
<div class="select pure-u-23-24">
{!! Form::select('Language', $languages, null,
['placeholder' => '[language]', 'v-model' => 'dataset.language', "v-validate" => "'required'", 'data-vv-scope' => 'step-3']) !!}
</div>
<small id="languageHelp" class="pure-form-message-inline">language is optional</small>
2018-10-19 10:54:40 +00:00
</div>
</div>
2018-10-18 14:51:46 +00:00
</fieldset>
2018-10-19 10:54:40 +00:00
2019-01-24 15:56:39 +00:00
<fieldset id="fieldset-licenses">
<legend>Rights List</legend>
<div class="pure-control-group checkboxlist">
@foreach ($licenses as $indexKey => $license)
<label for={{ "license". $license->id }} class="pure-checkbox">
@if ($loop->first)
<input name="licenses" value={{ $license->id }} v-model="dataset.checkedLicenses" type="radio" class="form-check-input" v-validate="'required'"
data-vv-as="Licence" data-vv-scope="step-3">
{{ $license->name_long }}
@else
<input name="licenses" value={{ $license->id }} v-model="dataset.checkedLicenses" type="radio" class="form-check-input" data-vv-scope="step-3">
{{ $license->name_long }}
@endif
</label>
@endforeach
<br>
{{-- <span>Checked license: @{{ dataset.checkedLicenses }}</span> --}}
</div>
</fieldset>
<fieldset id="fieldset-submitters">
2018-10-18 14:51:46 +00:00
<legend>Submitters</legend>
2018-10-29 13:24:41 +00:00
<div class="pure-g">
<div class="pure-u-1 pure-u-md-1-2 pure-div">
<my-autocomplete title="searching active person table" @person="onAddSubmitter"></my-autocomplete>
</div>
<div class="pure-u-1 pure-u-md-1-2 pure-div">
<div class="pure-control-group checkboxlist">
2018-11-05 15:44:25 +00:00
<label v-for="(submitter, index) in dataset.submitters" :for="submitter.id" class="pure-checkbox">
2018-10-29 13:24:41 +00:00
<input type="checkbox" name="submitters" v-bind:value="submitter.id" v-model="dataset.checkedSubmitters" class="form-check-input" data-vv-scope="step-3">
@{{ submitter.full_name }}
</label>
<br />
<span>Checked Submitters: @{{ dataset.checkedSubmitters }}</span>
</div>
</div>
</div>
2018-10-18 14:51:46 +00:00
</fieldset>
<br />
<div class="pure-controls">
<button @click.prevent="prev()" class="pure-button button-small">
2019-01-24 15:56:39 +00:00
<i class="fa fa-arrow-left"></i>
<span>Back</span>
</button>
<button @click.prevent="next('step-3')" class="pure-button button-small">
<i class="fa fa-arrow-right"></i>
<span>Review Dataset</span>
</button>
</div>
<div v-if="errors.items.length > 0">
<b>Please correct the following error(s):</b>
<ul class="alert validation-summary-errors">
<li style="margin-left:5px;" v-for="error in errors.items">@{{ error.msg }}</li>
</ul>
2018-10-18 14:51:46 +00:00
</div>
</div>
2018-11-05 15:44:25 +00:00
<div v-if="step === 4 && (isInitial || isSaving)" data-vv-scope="step-4">
2018-10-18 14:51:46 +00:00
<h1>File Upload</h1>
<div class="dropbox">
<input type="file" multiple name="files" v-bind:disabled="isSaving" @change="filesChange($event.target.name, $event.target.files)"
class="input-file" data-vv-scope="step-4">
<p v-if="isInitial">
Drag your file(s) here to begin<br> or click to browse
</p>
<p v-if="isSaving">
Uploading @{{ fileCount }} files...
</p>
</div>
{{-- <button @click.prevent="resetDropbox()" v-bind:disabled="isInitial" class="pure-button is-warning">Reset Dropbox</button> --}} {{--
<ul class="list-unstyled">
<li v-for="(item, index) in dataset.files">
@{{ item.name }} <i class="fa fa-remove"></i><span class="remove-file" v-on:click="removeFile(index)"> Remove</span>
</li>
</ul> --}}
2018-10-29 13:24:41 +00:00
<table class="table table-hover" v-if="dataset.files.length">
2018-10-18 14:51:46 +00:00
<thead>
<tr>
<th style="width: 20px;">Sorting</th>
<th>File</th>
<th>Label</th>
<th style="width: 130px;"></th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in dataset.files">
<td>
@{{ index +1 }}
</td>
<td>
<input class="form-control" v-model="item.file.name" />
</td>
<td>
<input class="form-control" v-model="item.label" />
</td>
<td>
<button class="pure-button button-small is-warning" @click.prevent="removeFile(index)">Remove</button>
</td>
</tr>
</tbody>
</table>
<button @click.prevent="prev()" class="pure-button button-small">
<i class="fa fa-arrow-left"></i>
<span>Zurück</span>
</button>
<button @click.prevent="submit()" class="pure-button button-small">
<i class="fa fa-save"></i>
<span>Create Dataset</span>
</button>
2018-09-14 16:16:02 +00:00
</div>
2018-10-18 14:51:46 +00:00
2018-11-05 15:44:25 +00:00
<!--SUCCESS-->
<div v-if="isSuccess">
<h2>Uploaded @{{ dataset.files.length }} file(s) successfully.</h2>
<p>
<a href="javascript:void(0)" @click="reset()" class="pure-button button-small">Upload new Dataset</a>
</p>
<p>
<a href="javascript:void(0)" @click="editNewDataset()" class="pure-button button-small">@{{ redirectLink }}</a>
</p>
<ul class="list-unstyled">
{{-- <li v-for="item in uploadedFiles">
<img :src="item.url" class="img-responsive img-thumbnail" :alt="item.originalName">
</li> --}}
2018-10-18 14:51:46 +00:00
</ul>
2018-08-29 15:18:15 +00:00
</div>
2018-10-18 14:51:46 +00:00
2018-11-05 15:44:25 +00:00
<!--ERROR-->
<div v-if="isFailed">
<h2>Uploaded failed.</h2>
<p>
2018-11-28 16:06:00 +00:00
<a href="javascript:void(0)" @click="retry()">Retry: Edit inputs</a>
2018-11-05 15:44:25 +00:00
</p>
2018-11-28 16:06:00 +00:00
<p>
<a href="javascript:void(0)" @click="reset()">Start again</a>
</p>
2018-11-05 15:44:25 +00:00
<div v-if="serrors.length > 0">
<b>Please correct the following server error(s):</b>
<ul class="alert validation-summary-errors">
<li style="margin-left:5px;" v-for="error in serrors">@{{ error }}</li>
</ul>
</div>
</div>
2018-10-18 14:51:46 +00:00
</main>
{{-- <br/><br/>Debug:@{{ dataset }} --}}
2018-08-29 15:18:15 +00:00
</div>
2018-08-06 12:30:51 +00:00
2018-10-18 14:51:46 +00:00
@stop
@section('styles')
<style type="text/css">
2018-10-10 16:28:51 +00:00
/* main.steps article {
display:block;
} */
2018-08-06 12:30:51 +00:00
2018-10-10 16:28:51 +00:00
.help-block {
display: none;
font-size: 0.8em;
}
2018-08-06 12:30:51 +00:00
2018-10-10 16:28:51 +00:00
.has-error .help-block {
2018-10-18 14:51:46 +00:00
display: block;
2018-10-10 16:28:51 +00:00
}
</style>
2018-09-14 16:16:02 +00:00
2018-10-18 14:51:46 +00:00
@stop
2018-09-14 16:16:02 +00:00
@section('after-scripts') {{--
<script type="text/javascript" src="{{ asset('js/lib.js') }}"></script> --}} {{--
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>--}} {{--
<script type="text/javascript" src="{{ resource_path('assets\js\datasetPublish.js') }}"></script> --}}
<script type="text/javascript" src="{{ asset('backend/publish/datasetPublish.js') }}"></script>
2018-10-18 14:51:46 +00:00
2018-09-14 16:16:02 +00:00
@stop