BookStack Code Mirror - bookstack/blob - resources/views/pages/attachment-manager.blade.php

   1 <div style="display: block;" toolbox-tab-content="files"
   2      component="attachments"
   3      option:attachments:page-id="{{ $page->id ?? 0 }}">
   4
   5     @exposeTranslations([
   6         'entities.attachments_file_uploaded',
   7         'entities.attachments_file_updated',
   8         'entities.attachments_link_attached',
   9         'entities.attachments_updated_success',
  10         'errors.server_upload_limit',
  11         'components.image_upload_remove',
  12         'components.file_upload_timeout',
  13     ])
  14
  15     <h4>{{ trans('entities.attachments') }}</h4>
  16     <div class="px-l files">
  17
  18         <div id="file-list">
  19             <p class="text-muted small">{{ trans('entities.attachments_explain') }} <span class="text-warn">{{ trans('entities.attachments_explain_instant_save') }}</span></p>
  20
  21             <div component="tabs" refs="attachments@mainTabs" class="tab-container">
  22                 <div class="nav-tabs">
  23                     <button refs="tabs@toggleItems" type="button" class="selected tab-item">{{ trans('entities.attachments_items') }}</button>
  24                     <button refs="tabs@toggleUpload" type="button" class="tab-item">{{ trans('entities.attachments_upload') }}</button>
  25                     <button refs="tabs@toggleLinks" type="button" class="tab-item">{{ trans('entities.attachments_link') }}</button>
  26                 </div>
  27                 <div refs="tabs@contentItems attachments@list">
  28                     @include('pages.attachment-list', ['attachments' => $page->attachments->all()])
  29                 </div>
  30                 <div refs="tabs@contentUpload" class="hiden">
  31                     @include('components.dropzone', [
  32                         'placeholder' => trans('entities.attachments_dropzone'),
  33                         'url' =>  url('/attachments/upload?uploaded_to=' . $page->id)
  34                     ])
  35                 </div>
  36                 <div refs="tabs@contentLinks" class="hidden">
  37                     <p class="text-muted small">{{ trans('entities.attachments_explain_link') }}</p>
  38                     <div class="form-group">
  39                         <label for="attachment_link_name">{{ trans('entities.attachments_link_name') }}</label>
  40                         <input name="attachment_link_name" id="attachment_link_name" type="text" placeholder="{{ trans('entities.attachments_link_name') }}">
  41                         <p class="small text-neg"></p>
  42                     </div>
  43                     <div class="form-group">
  44                         <label for="attachment_link_url">{{ trans('entities.attachments_link_url') }}</label>
  45                         <input name="attachment_link_url" id="attachment_link_url" type="text" placeholder="{{ trans('entities.attachments_link_url_hint') }}">
  46                         <p class="small text-neg"></p>
  47                     </div>
  48                     <button class="button">{{ trans('entities.attach') }}</button>
  49                 </div>
  50             </div>
  51
  52         </div>
  53
  54         <div refs="attachments@editContainer" class="hidden">
  55             <h5>{{ trans('entities.attachments_edit_file') }}</h5>
  56
  57             <div class="form-group">
  58                 <label for="attachment-name-edit">{{ trans('entities.attachments_edit_file_name') }}</label>
  59                 <input type="text" id="attachment-name-edit"
  60                        name="attachment_name"
  61                        placeholder="{{ trans('entities.attachments_edit_file_name') }}">
  62                 <p class="small text-neg"></p>
  63             </div>
  64
  65             <div component="tabs" class="tab-container">
  66                 <div class="nav-tabs">
  67                     <button refs="tabs@toggleFile" type="button" class="tab-item selected">{{ trans('entities.attachments_upload') }}</button>
  68                     <button refs="tabs@toggleLink" type="button" class="tab-item">{{ trans('entities.attachments_set_link') }}</button>
  69                 </div>
  70                 <div refs="tabs@contentFile">
  71                     @include('components.dropzone', [
  72                         'placeholder' => trans('entities.attachments_edit_drop_upload'),
  73                         'url' =>  url('/attachments')
  74                     ])
  75                     <dropzone :upload-url="getUploadUrl(fileToEdit)" :uploaded-to="pageId" placeholder="{{ trans('entities.attachments_edit_drop_upload') }}" @success="uploadSuccessUpdate"></dropzone>
  76                     <br>
  77                 </div>
  78                 <div refs="tabs@contentLink" class="hidden">
  79                     <div class="form-group">
  80                         <label for="attachment-link-edit">{{ trans('entities.attachments_link_url') }}</label>
  81                         <input type="text" id="attachment-link-edit" placeholder="{{ trans('entities.attachment_link') }}" v-model="fileToEdit.link">
  82                         <p class="small text-neg"></p>
  83                     </div>
  84                 </div>
  85             </div>
  86
  87             <button type="button" class="button outline">{{ trans('common.back') }}</button>
  88             <button class="button">{{ trans('common.save') }}</button>
  89         </div>
  90
  91     </div>
  92 </div>