EVOLUTION-MANAGER
Edit File: crear.blade.php
@extends('layouts.backend') @section('titulo') Crear 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::open(['route'=>'articulos.store', 'method' => 'POST','files'=>'true']) !!} <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','required']) !!} </div> <div class="form-group"> {!! Form::label('tipo_articulo_id', 'Tipo de Artículo :') !!}<br> @if(\Auth::user()->tipo_usuario->codigo=='NOTI') <select id="tipo_articulo_id" name="tipo_articulo_id"> @foreach ($lista_tipos as $tipo) @php $texto = strtolower($tipo->tipo) @endphp @if($texto=='noticias' || $texto=='noticia') <option value="{{$tipo->id}}">{{$tipo->tipo}}</option> @endif @endforeach </select> @else {!!Form::select('tipo_articulo_id', $tipos, ['class' => 'form-control chosen-select', 'id' => 'tipo_articulo_id'])!!} @endif </div> <div class="form-group" id="div_descripcion"> {!! Form::label('descripcion', 'Descripción de Artículo :') !!} <textarea class="editor" id="editor1" name="descripcion"> </textarea> </div> <div class="form-group" id="div_foto_principal"> {!! Form::label('foto', 'Foto Principal:') !!} <input id="file-4" type="file" 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 menores se mostrara en la pantalla principal)']) !!} </div> <div class="form-group" id="div_url" style="display: none;"> {!! 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',null,['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"> <option value="art">Artículo</option> <option value="bol">Boletín</option> </select> <!-- {!! Form::Text('icono',null,['class'=>'form-control', 'placeholder'=>'Ingrese codigo html']) !!} --> </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> <!-- <div class="form-group"> {!! Form::label('fotos', 'Fotos del articulo (Adicional a la principal):') !!} <input id="fotos" type="file" name="fotos[]" multiple> </div> --> <!-- <div class="form-group"> {!! Form::label('archivos', 'Archivos adjuntos al articulo :') !!} <input id="archivos" type="file" name="archivos[]" multiple> </div> --> {!!Form::submit('Registrar Artículo',['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(); } $(document).ready(function(){ $(".editor").froalaEditor(); //NOTE: I cannot set height now as I dont know actual availble height setTimeout(setActualFroalaHeight,0); //NOTE: wait for froala to be rendered then set the height $(window).on("resize", setActualFroalaHeight); //NOTE: on document resize, we have to refresh height }); function setActualFroalaHeight(){ var height = $(".container").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_destacado').show(); $('#div_url').hide(); } }); $('#file-4').fileinput({ language:"es", 'theme': 'explorer', showUpload:false }); $('#fotos').fileinput({ language:"es", 'theme': 'explorer', showUpload:false }); $('#archivos').fileinput({ language:"es", 'theme': 'explorer', showUpload:false }); </script> @stop