Bootstrap4 :: Kb category module UI updates
This commit is contained in:
Sakthi002
@@ -1,7 +1,7 @@
|
||||
@extends('themes.default1.agent.layout.agent')
|
||||
|
||||
@section('Tickets')
|
||||
class="active"
|
||||
class="nav-link active"
|
||||
@stop
|
||||
|
||||
@section('ticket-bar')
|
||||
@@ -9,6 +9,10 @@ active
|
||||
@stop
|
||||
|
||||
@section('newticket')
|
||||
class="nav-link active"
|
||||
@stop
|
||||
|
||||
@section('ticket')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@@ -19,229 +23,246 @@ class="active"
|
||||
@section('content')
|
||||
<!-- Main content -->
|
||||
{!! Form::open(['route'=>'post.newticket','method'=>'post','id'=>'form']) !!}
|
||||
<div class="box box-primary">
|
||||
<div class="box-header with-border" id='box-header1'>
|
||||
<h3 class="box-title">{!! Lang::get('lang.create_ticket') !!}</h3>
|
||||
@if(Session::has('success'))
|
||||
<br><br>
|
||||
<div class="alert alert-success alert-dismissable">
|
||||
<i class="fa fa-check-circle"></i>
|
||||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||
{{Session::get('success')}}
|
||||
</div>
|
||||
@endif
|
||||
<!-- failure message -->
|
||||
@if(Session::has('fails'))
|
||||
<br><br>
|
||||
<div class="alert alert-danger alert-dismissable">
|
||||
<i class="fa fa-ban"></i>
|
||||
<b>{!! Lang::get('lang.alert') !!}!</b>
|
||||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||
{{Session::get('fails')}}
|
||||
</div>
|
||||
@endif
|
||||
@if(Session::has('errors'))
|
||||
<br><br>
|
||||
<div class="alert alert-danger alert-dismissable">
|
||||
<i class="fa fa-ban"></i>
|
||||
<b>{!! Lang::get('lang.alert') !!}!</b>
|
||||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||
<br/>
|
||||
@if($errors->first('email'))
|
||||
<li class="error-message-padding">{!! $errors->first('email', ':message') !!}</li>
|
||||
@endif
|
||||
@if($errors->first('first_name'))
|
||||
<li class="error-message-padding">{!! $errors->first('first_name', ':message') !!}</li>
|
||||
@endif
|
||||
@if($errors->first('phone'))
|
||||
<li class="error-message-padding">{!! $errors->first('phone', ':message') !!}</li>
|
||||
@endif
|
||||
@if($errors->first('subject'))
|
||||
<li class="error-message-padding">{!! $errors->first('subject', ':message') !!}</li>
|
||||
@endif
|
||||
@if($errors->first('body'))
|
||||
<li class="error-message-padding">{!! $errors->first('body', ':message') !!}</li>
|
||||
@endif
|
||||
@if($errors->first('code'))
|
||||
<li class="error-message-padding">{!! $errors->first('code', ':message') !!}</li>
|
||||
@endif
|
||||
@if($errors->first('mobile'))
|
||||
<li class="error-message-padding">{!! $errors->first('mobile', ':message') !!}</li>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
@if(Session::has('success'))
|
||||
<div class="alert alert-success alert-dismissable">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||
{{Session::get('success')}}
|
||||
</div>
|
||||
@endif
|
||||
<!-- failure message -->
|
||||
@if(Session::has('fails'))
|
||||
<div class="alert alert-danger alert-dismissable">
|
||||
<i class="fas fa-ban"></i>
|
||||
<b>{!! Lang::get('lang.alert') !!}!</b>
|
||||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||
{{Session::get('fails')}}
|
||||
</div>
|
||||
@endif
|
||||
@if(Session::has('errors'))
|
||||
<div class="alert alert-danger alert-dismissable">
|
||||
<i class="fas fa-ban"></i>
|
||||
<b>{!! Lang::get('lang.alert') !!}!</b>
|
||||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||
<br/>
|
||||
@if($errors->first('email'))
|
||||
<li class="error-message-padding">{!! $errors->first('email', ':message') !!}</li>
|
||||
@endif
|
||||
@if($errors->first('first_name'))
|
||||
<li class="error-message-padding">{!! $errors->first('first_name', ':message') !!}</li>
|
||||
@endif
|
||||
@if($errors->first('phone'))
|
||||
<li class="error-message-padding">{!! $errors->first('phone', ':message') !!}</li>
|
||||
@endif
|
||||
@if($errors->first('subject'))
|
||||
<li class="error-message-padding">{!! $errors->first('subject', ':message') !!}</li>
|
||||
@endif
|
||||
@if($errors->first('body'))
|
||||
<li class="error-message-padding">{!! $errors->first('body', ':message') !!}</li>
|
||||
@endif
|
||||
@if($errors->first('code'))
|
||||
<li class="error-message-padding">{!! $errors->first('code', ':message') !!}</li>
|
||||
@endif
|
||||
@if($errors->first('mobile'))
|
||||
<li class="error-message-padding">{!! $errors->first('mobile', ':message') !!}</li>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="card card-light">
|
||||
|
||||
<div class="card-header" id='box-header1'>
|
||||
<h3 class="card-title">{!! Lang::get('lang.create_ticket') !!}</h3>
|
||||
</div><!-- /.box-header -->
|
||||
<div class="box-header with-border">
|
||||
<h4 class="box-title">{!! Lang::get('lang.user_details') !!}:</h4>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
<div class="card card-light">
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">{!! Lang::get('lang.user_details') !!}:</h3>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- email -->
|
||||
<div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
|
||||
{!! Form::label('email',Lang::get('lang.email')) !!}
|
||||
@if ($email_mandatory->status == 1)
|
||||
<span class="text-red"> *</span>
|
||||
@endif
|
||||
<div class="card-body">
|
||||
|
||||
{!! Form::text('email',null,['class' => 'form-control', 'id' => 'email']) !!}
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- email -->
|
||||
<div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
|
||||
{!! Form::label('email',Lang::get('lang.email')) !!}
|
||||
@if ($email_mandatory->status == 1)
|
||||
<span class="text-red"> *</span>
|
||||
@endif
|
||||
|
||||
{!! Form::text('email',null,['class' => 'form-control', 'id' => 'email']) !!}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<!-- email -->
|
||||
<div class="form-group {{ $errors->has('first_name') ? 'has-error' : '' }}">
|
||||
{!! Form::label('email',Lang::get('lang.first_name')) !!} <span class="text-red"> *</span>
|
||||
<!-- {!! Form::text('email',null,['class' => 'form-control'],['id' => 'email']) !!} -->
|
||||
<input type="text" name="first_name" id="first_name" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<!-- full name -->
|
||||
<div class="form-group {{ $errors->has('last_name') ? 'has-error' : '' }}">
|
||||
{!! Form::label('fullname',Lang::get('lang.last_name')) !!} <span class="text-red"></span>
|
||||
<input type="text" name="last_name" id="last_name" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<!-- email -->
|
||||
<div class="form-group {{ $errors->has('first_name') ? 'has-error' : '' }}">
|
||||
{!! Form::label('email',Lang::get('lang.first_name')) !!} <span class="text-red"> *</span>
|
||||
<!-- {!! Form::text('email',null,['class' => 'form-control'],['id' => 'email']) !!} -->
|
||||
<input type="text" name="first_name" id="first_name" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-1 form-group {{ Session::has('country_code_error') ? 'has-error' : '' }}">
|
||||
<div class="form-group {{ $errors->has('code') ? 'has-error' : '' }}">
|
||||
{!! Form::label('code',Lang::get('lang.country-code')) !!}
|
||||
@if ($email_mandatory->status == 0 || $settings->status == 1)
|
||||
<span class="text-red"> *</span>
|
||||
@endif
|
||||
|
||||
<div class="col-md-4">
|
||||
<!-- full name -->
|
||||
<div class="form-group {{ $errors->has('last_name') ? 'has-error' : '' }}">
|
||||
{!! Form::label('fullname',Lang::get('lang.last_name')) !!} <span class="text-red"></span>
|
||||
<input type="text" name="last_name" id="last_name" class="form-control">
|
||||
{!! Form::text('code',null,['class' => 'form-control', 'id' => 'country_code', 'placeholder' => $phonecode, 'title' => Lang::get('lang.enter-country-phone-code')]) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<!-- phone -->
|
||||
<div class="form-group {{ $errors->has('mobile') ? 'has-error' : '' }}">
|
||||
<label>{!! Lang::get('lang.mobile_number') !!}:</label>
|
||||
@if ($email_mandatory->status == 0 || $settings->status == 1)
|
||||
<span class="text-red"> *</span>
|
||||
@endif
|
||||
{!! Form::input('number','mobile',null,['class' => 'form-control', 'id' => 'mobile']) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<!-- phone -->
|
||||
<div class="form-group {{ $errors->has('phone') ? 'has-error' : '' }}">
|
||||
<label>{!! Lang::get('lang.phone') !!}:</label>
|
||||
{!! Form::input('number','phone',null,['class' => 'form-control', 'id' => 'phone_number']) !!}
|
||||
{!! $errors->first('phone', '<spam class="help-block text-red">:message</spam>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="form-group">
|
||||
<div class="col-md-2">
|
||||
<label>Ticket Notice:</label>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<input type="checkbox" name="notice" id=""> Send alert to User
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-1 form-group {{ Session::has('country_code_error') ? 'has-error' : '' }}">
|
||||
<div class="form-group {{ $errors->has('code') ? 'has-error' : '' }}">
|
||||
{!! Form::label('code',Lang::get('lang.country-code')) !!}
|
||||
@if ($email_mandatory->status == 0 || $settings->status == 1)
|
||||
<span class="text-red"> *</span>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
|
||||
{!! Form::text('code',null,['class' => 'form-control', 'id' => 'country_code', 'placeholder' => $phonecode, 'title' => Lang::get('lang.enter-country-phone-code')]) !!}
|
||||
<div class="card card-light">
|
||||
|
||||
<div class="card-header">
|
||||
|
||||
<h3 class="card-title">{!! Lang::get('lang.ticket_option') !!}:</h3>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<!-- ticket options -->
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="form-group">
|
||||
<label>{!! Lang::get('lang.help_topic') !!}:</label>
|
||||
<!-- helptopic -->
|
||||
<?php $helptopic = App\Model\helpdesk\Manage\Help_topic::where('status', '=', 1)->select('topic', 'id')->get(); ?>
|
||||
{!! Form::select('helptopic', ['Helptopic'=>$helptopic->pluck('topic','id')->toArray()],null,['class' => 'form-control select','id'=>'selectid']) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<!-- sla plan -->
|
||||
<div class="form-group">
|
||||
<label>{!! Lang::get('lang.sla_plan') !!}:</label>
|
||||
<?php $sla_plan = App\Model\helpdesk\Manage\Sla_plan::where('status', '=', 1)->select('grace_period', 'id')->get(); ?>
|
||||
{!! Form::select('sla', ['SLA'=>$sla_plan->pluck('grace_period','id')->toArray()],null,['class' => 'form-control select']) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<!-- due date -->
|
||||
<div class="form-group" id="duedate">
|
||||
<label>{!! Lang::get('lang.due_date') !!}:</label>
|
||||
{!! Form::text('duedate',null,['class' => 'form-control','id'=>'datemask']) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<!-- assign to -->
|
||||
<div class="form-group">
|
||||
<label>{!! Lang::get('lang.assign_to') !!}:</label>
|
||||
<?php $agents = App\User::where('role', '!=', 'user')->where('active', '=', 1)->get(); ?>
|
||||
{!! Form::select('assignto', [''=>'Select an Agent','Agents'=>$agents->pluck('first_name','id')->toArray()],null,['class' => 'form-control select']) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div id="response" class="col-md-6 form-group"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
{{-- Event fire --}}
|
||||
<?php Event::fire(new App\Events\ClientTicketForm()); ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<!-- phone -->
|
||||
<div class="form-group {{ $errors->has('mobile') ? 'has-error' : '' }}">
|
||||
<label>{!! Lang::get('lang.mobile_number') !!}:</label>
|
||||
@if ($email_mandatory->status == 0 || $settings->status == 1)
|
||||
<span class="text-red"> *</span>
|
||||
@endif
|
||||
{!! Form::input('number','mobile',null,['class' => 'form-control', 'id' => 'mobile']) !!}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card card-light">
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">{!! Lang::get('lang.ticket_detail') !!}:</h3>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<!-- ticket details -->
|
||||
<div class="form-group">
|
||||
<!-- subject -->
|
||||
<div class="form-group {{ $errors->has('subject') ? 'has-error' : '' }}">
|
||||
<div class="row">
|
||||
<div class="col-md-1">
|
||||
<label>{!! Lang::get('lang.subject') !!}:<span class="text-red"> *</span></label>
|
||||
</div>
|
||||
<div class="col-md-11">
|
||||
{!! Form::text('subject',null,['class' => 'form-control']) !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group {{ $errors->has('body') ? 'has-error' : '' }}">
|
||||
<!-- details -->
|
||||
<div class="row">
|
||||
<div class="col-md-1">
|
||||
<label>{!! Lang::get('lang.detail') !!}:<span class="text-red"> *</span></label>
|
||||
</div>
|
||||
<div class="col-md-11">
|
||||
{!! Form::textarea('body',null,['class' => 'form-control','id' => 'body', 'style'=>"width:100%; height:150px;"]) !!}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<!-- priority -->
|
||||
<div class="row">
|
||||
<div class="col-md-1">
|
||||
<label>{!! Lang::get('lang.priority') !!}:</label>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<?php $Priority = App\Model\helpdesk\Ticket\Ticket_Priority::where('status','=',1)->get(); ?>
|
||||
{!! Form::select('priority', ['Priority'=>$Priority->pluck('priority_desc','priority_id')->toArray()],null,['class' => 'form-control select']) !!}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<!-- phone -->
|
||||
<div class="form-group {{ $errors->has('phone') ? 'has-error' : '' }}">
|
||||
<label>{!! Lang::get('lang.phone') !!}:</label>
|
||||
{!! Form::input('number','phone',null,['class' => 'form-control', 'id' => 'phone_number']) !!}
|
||||
{!! $errors->first('phone', '<spam class="help-block text-red">:message</spam>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="form-group">
|
||||
<div class="col-md-2">
|
||||
<label>Ticket Notice:</label>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<input type="checkbox" name="notice" id=""> Send alert to User
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-header with-border">
|
||||
<h4 class="box-title">{!! Lang::get('lang.ticket_option') !!}:</h4>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<!-- ticket options -->
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="form-group">
|
||||
<label>{!! Lang::get('lang.help_topic') !!}:</label>
|
||||
<!-- helptopic -->
|
||||
<?php $helptopic = App\Model\helpdesk\Manage\Help_topic::where('status', '=', 1)->select('topic', 'id')->get(); ?>
|
||||
{!! Form::select('helptopic', ['Helptopic'=>$helptopic->pluck('topic','id')->toArray()],null,['class' => 'form-control select','id'=>'selectid']) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<!-- sla plan -->
|
||||
<div class="form-group">
|
||||
<label>{!! Lang::get('lang.sla_plan') !!}:</label>
|
||||
<?php $sla_plan = App\Model\helpdesk\Manage\Sla_plan::where('status', '=', 1)->select('grace_period', 'id')->get(); ?>
|
||||
{!! Form::select('sla', ['SLA'=>$sla_plan->pluck('grace_period','id')->toArray()],null,['class' => 'form-control select']) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<!-- due date -->
|
||||
<div class="form-group" id="duedate">
|
||||
<label>{!! Lang::get('lang.due_date') !!}:</label>
|
||||
{!! Form::text('duedate',null,['class' => 'form-control','id'=>'datemask']) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<!-- assign to -->
|
||||
<div class="form-group">
|
||||
<label>{!! Lang::get('lang.assign_to') !!}:</label>
|
||||
<?php $agents = App\User::where('role', '!=', 'user')->where('active', '=', 1)->get(); ?>
|
||||
{!! Form::select('assignto', [''=>'Select an Agent','Agents'=>$agents->pluck('first_name','id')->toArray()],null,['class' => 'form-control select']) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div id="response" class="col-md-6 form-group"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
{{-- Event fire --}}
|
||||
<?php Event::fire(new App\Events\ClientTicketForm()); ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-header with-border">
|
||||
<h4 class="box-title">{!! Lang::get('lang.ticket_detail') !!}:</h4>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<!-- ticket details -->
|
||||
<div class="form-group">
|
||||
<!-- subject -->
|
||||
<div class="form-group {{ $errors->has('subject') ? 'has-error' : '' }}">
|
||||
<div class="row">
|
||||
<div class="col-md-1">
|
||||
<label>{!! Lang::get('lang.subject') !!}:<span class="text-red"> *</span></label>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
{!! Form::text('subject',null,['class' => 'form-control']) !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group {{ $errors->has('body') ? 'has-error' : '' }}">
|
||||
<!-- details -->
|
||||
<div class="row">
|
||||
<div class="col-md-1">
|
||||
<label>{!! Lang::get('lang.detail') !!}:<span class="text-red"> *</span></label>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
{!! Form::textarea('body',null,['class' => 'form-control','id' => 'body', 'style'=>"width:100%; height:150px;"]) !!}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<!-- priority -->
|
||||
<div class="row">
|
||||
<div class="col-md-1">
|
||||
<label>{!! Lang::get('lang.priority') !!}:</label>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<?php $Priority = App\Model\helpdesk\Ticket\Ticket_Priority::where('status','=',1)->get(); ?>
|
||||
{!! Form::select('priority', ['Priority'=>$Priority->pluck('priority_desc','priority_id')->toArray()],null,['class' => 'form-control select']) !!}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-footer">
|
||||
<div class="card-footer">
|
||||
<div class="row">
|
||||
<div class="col-md-1">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<input type="submit" value="{!! Lang::get('lang.create_ticket') !!}" class="btn btn-primary" onclick="this.disabled=true;this.value='Sending, please wait...';this.form.submit();">
|
||||
</div>
|
||||
@@ -273,7 +294,18 @@ class="active"
|
||||
}
|
||||
});
|
||||
$(function () {
|
||||
$("textarea").wysihtml5();
|
||||
$("textarea").summernote({
|
||||
height: 300,
|
||||
tabsize: 2,
|
||||
toolbar: [
|
||||
['style', ['bold', 'italic', 'underline', 'clear']],
|
||||
['font', ['strikethrough', 'superscript', 'subscript']],
|
||||
['fontsize', ['fontsize']],
|
||||
['color', ['color']],
|
||||
['para', ['ul', 'ol', 'paragraph']],
|
||||
['height', ['height']]
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function () {
|
||||
@@ -320,7 +352,9 @@ class="active"
|
||||
});
|
||||
|
||||
$(function () {
|
||||
$('#datemask').datepicker({changeMonth: true, changeYear: true}).mask('99/99/9999');
|
||||
$('#datemask').datetimepicker({
|
||||
format: 'DD/MM/YYYY'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user