EVOLUTION-MANAGER

Edit File: editar.blade.php

@extends('layouts.backend')

@section('titulo')
Actualizar  Articulo
@stop

@section('contenido')
@include('alerts.errors')
@include('alerts.request')
  <style type="text/css">
 	.container {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
}

.container .document-name {
  height: 20px;
  background: red;
  flex: 0 0 auto;
}

.container .editor {
  //background: green;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
 </style>

{!! Form::model($articulo, array('method' => 'PATCH', 'route' => array('articulos.update', $articulo->id),'files'=>'true')) !!} 
<input type="hidden" name="_token" value="{{ csrf_token() }}">
     <div class="form-group">
            {!! Form::label('Título de Artículo', 'Título del Artículo') !!}
            {!! Form::Text('titulo',null,['class'=>'form-control', 'placeholder'=>'Ingrese el título del Artículo']) !!}
    </div>
    <div class="form-group">
        {!! Form::label('tipo_articulo_id', 'Tipo de Artículo    :') !!}<br>
        {!!Form::select('tipo_articulo_id', $tipos,$articulo->tipo_articulo_id, ['class' => 'form-control'])!!}
    </div>  
    <div class="form-group" id="div_descripcion">
       {!! Form::label('descripcion', 'Descripción de Artículo    :') !!}
      <textarea class="editor" name="descripcion" id="editor1">{{ $articulo->detalle }}</textarea>
    </div>

<div class="form-group" id="div_foto_principal"> 
       {!! Form::label('foto', 'Foto Principal:') !!}
        <input id="file-4" type="file" class="file-loading"  name="foto">
    </div>

<div class="form-group" id="div_destacado">
      {!! Form::label('destacado', ' Número de Destacado') !!}
      {!! Form::Text('destacado',null,['class'=>'form-control', 'placeholder'=>'Ingrese Número de destacamiento (Solo los 5 mayores se mostrara en la pantalla principal, si ingresa 0 o ningun valor entonces no se tomara en cuenta)']) !!}
    </div>

<div class="form-group" id="div_url">
            {!! Form::label('url_direccion', 'Ingrese url (opcional)') !!}
            {!! Form::Text('url_direccion',null,['class'=>'form-control', 'placeholder'=>'Ingrese url']) !!}
    </div>
    <div class="form-group" id="div_url_video">
            {!! Form::label('video', 'url de video (opcional)',['id'=>'text_url']) !!}
            {!! Form::Text('video',$articulo->video ,['class'=>'form-control', 'placeholder'=>'Ingrese url del Video en youtube']) !!}
    </div>

<div class="form-group" id="div_tipo_noticia">
            {!! Form::label('tipo', ' Tipo') !!}
            <select id="tipo" name="tipo" class="form-control">
              
              @if($articulo->tipo == 'bol')
              <option value="bol" selected>Boletín</option>
              <option value="art">Artículo</option>
              @else
              <option value="art" selected>Artículo</option>
              <option value="bol">Boletín</option>
              @endif
            </select>
            
    </div>

<div class="form-group">
            {!! Form::label('orden', 'Orden (se ordenará de menos a mayor)') !!}
            {!! Form::Text('orden',null,['class'=>'form-control', 'placeholder'=>'Ingrese el orden']) !!}
    </div>

{!!Form::submit('Actualizar  Articulo',['class'=>'btn btn-primary'])!!}
{!! Form::close() !!}
@stop
@section('script-cabecera')

@stop
@section('script')
<script src="{{asset('admin/ckeditor/ckeditor.js')}}"></script>
  <script>
    $(function () {
      // Replace the <textarea id="editor1"> with a CKEditor
      // instance, using default configuration.
      CKEDITOR.replace('editor1');
      //bootstrap WYSIHTML5 - text editor
   //   $('.textarea').wysihtml5();
    })
  </script>
<script>
	/*
  $(function() {
    $('textarea').froalaEditor()
  });

var height = $(".container").height();
  console.log(height);
  $(".editor").data('froala.editor').opts.height = height;
	$(".editor").data('froala.editor').size.refresh();
}
*/
$('#tipo_articulo_id').change(function(){
      var $this = $(this);

if ($this.val() == '14') {
        $('#div_foto_principal').hide();
        $('#div_tipo_noticia').hide();
        $('#div_url').hide();
      }else if($this.val() == '4'){
        $('#div_descripcion').hide();
        $('#div_tipo_noticia').hide();
        $('#div_destacado').hide();
        $('#div_url_video').hide();
        $('#div_url').show();
      }else{
        $('#div_descripcion').show();
        $('#div_foto_principal').show();
        $('#div_tipo_noticia').show();
        $('#div_url_video').show();
        $('#div_url').hide();
      }
    });
$(document).ready(function(){

var $this = $('#tipo_articulo_id').val();

if ($this == '14') {
        $('#div_foto_principal').hide();
        $('#div_tipo_noticia').hide();
        $('#div_url').hide();
      }else if($this == '4'){
        $('#div_descripcion').hide();
        $('#div_tipo_noticia').hide();
        $('#div_destacado').hide();
        $('#div_url_video').hide();
        $('#div_url').show();
      }else{
        $('#div_descripcion').show();
        $('#div_foto_principal').show();
        $('#div_tipo_noticia').show();
        $('#div_url_video').show();
        $('#div_url').hide();
      }

});
       $('#file-4').fileinput({
          language:"es",
          'theme': 'explorer',
            showUpload:false,
          
            MinFileCount: 1,
            MaxFileCount: 1,
          
              overwriteInitial: false,
                initialPreviewAsData: true,
                initialPreview: [

@if(!is_null($articulo->foto))
              "{{asset('fotos-articulos/'.$articulo->foto)}}",
              @endif

],  
                initialPreviewConfig: [                 
                    {
                      caption: "Foto Principal ", 
                      size: 329892, 
                      width: "120px", 
                      extra:{_token:"{{csrf_token()}}"},
                      url: " {{ URL::asset('borrarfotoprincipal') }}", 
                      key: "{{$articulo->id}}"
                    },                  
                  ]             
       });

$('#fotos').fileinput({
          language:"es",
          'theme': 'explorer',
            showUpload:false,
          
            MinFileCount: 1,
            MaxFileCount: 5,
          
              overwriteInitial: false,
                initialPreviewAsData: true,
                initialPreview: [
              @if(count($fotos_adicionales))
              @foreach ($fotos_adicionales as $fota)
               "{{asset('public/fotos-articulos/'.$fota->path)}}",
              @endforeach              
              @endif

],  
                initialPreviewConfig: [       
              @if(count($fotos_adicionales))
              @foreach ($fotos_adicionales as $fota)          
                    {caption: "{{ $fota->titulo }} ", size: 329892, width: "120px", url: "{{ url('borrarfotoadicional') }}", key: "{{$fota->id}}"}, 
              @endforeach              
              @endif                  
                  ]             
       });

$('#archivos').fileinput({
          language:"es",
          'theme': 'explorer',
            showUpload:false,          
            MinFileCount: 1,
            MaxFileCount: 5,          
              overwriteInitial: false,
                initialPreviewAsData: true,
                initialPreview: [
              @if(count($archivos))
              @foreach ($archivos as $arch)
               "{{asset('public/fotos-articulos/'.$arch->path)}}",
              @endforeach              
              @endif 
                ],  
                initialPreviewConfig: [       
              @if(count($archivos))
              @foreach ($archivos as $arch)          
                    {caption: "{{ $arch->titulo }} ", size: 329892, width: "120px", url: "{{ url('borrarfotoadicional') }}", key: "{{$arch->id}}"}, 
              @endforeach              
              @endif                  
                  ]             
       });

</script>
@stop