Bootstrap4 :: Some pages UI updated

This commit is contained in:
Sakthi002
2020-12-17 16:27:12 +05:30
committed by Manish Verma
parent 7381486688
commit f1cd59fe29
155 changed files with 13749 additions and 759 deletions

View File

@@ -15,42 +15,80 @@
<link href="{{asset("lb-faveo/media/images/favicon.ico")}}" rel="shortcut icon" >
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<!-- Bootstrap 3.3.2 -->
<link href="{{asset("lb-faveo/css/bootstrap.min.css")}}" rel="stylesheet" type="text/css" />
<!-- Admin LTE CSS -->
<link href="{{asset("lb-faveo/css/AdminLTEsemi.css")}}" rel="stylesheet" type="text/css" />
<link href="{{asset("lb-faveo/css/widgetbox.min.css")}}" rel="stylesheet" type="text/css" />
<!-- Bootstrap 4.3.1 -->
<link href="{{asset("lb-faveo/css/bootstrap4.min.css")}}" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons -->
<link href="{{asset("lb-faveo/css/font-awesome.min.css")}}" rel="stylesheet" type="text/css" />
<!-- Ionicons -->
<link href="{{asset("lb-faveo/css/ionicons.min.css")}}" rel="stylesheet" type="text/css" />
<!-- fullCalendar 2.2.5-->
<link href="{{asset("lb-faveo/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css")}}" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="{{asset("lb-faveo/css/jquery.rating.css")}}" rel="stylesheet" type="text/css" />
<link href="{{asset("lb-faveo/css/app.css")}}" rel="stylesheet" type="text/css" />
<link href="{{asset("lb-faveo/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css")}}" rel="stylesheet" type="text/css" />
<link href="{{asset("lb-faveo/css/font-awesome-5.min.css")}}" rel="stylesheet" type="text/css" />
<link href="{{asset("lb-faveo/css/intlTelInput.min.css")}}" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="{{asset("lb-faveo/css/client.min.css")}}" rel="stylesheet" type="text/css" />
<link href="{{asset("lb-faveo/css/jquery.rating.css")}}" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="lb-faveo/plugins/summernote/summernote-bs4.min.css">
<script src="{{asset("lb-faveo/js/jquery-3.4.1.min.js")}}" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<script src="{{asset("lb-faveo/js/jquery2.1.1.min.js")}}" type="text/javascript"></script>
@yield('HeadInclude')
</head>
<body>
<div id="page" class="hfeed site">
<style>
#dropdown_content{ padding-top: 1rem;margin: 0 !important;}
#user_avatar{ border-radius: 35px;width: 70px;height: 70px;}
#profile_dropdown {border: 1px solid transparent !important; }
#profile_dropdown:hover{background: transparent !important;}
.profile_btn{padding: 3px !important;}
.text-white:hover{color: white !important;}
.ellipsize_first_name {overflow: hidden;text-overflow: ellipsis;}
.lang_dropdown-menu {right : -1px !important;left : auto !important;}
#lang_ul{width: max-content;font-size: unset !important;}
.lang{cursor: pointer;}
.breadcrumb{background-color: transparent !important;padding: 0 !important;margin-top: 15px !important;margin-left: 17% !important;}
.text-small{font-size: 14px;}
.submit-btn { border: none;background: none;color: white; }
blockquote {font-size: 14px !important;}
.form-helper {margin-bottom: 50px;display: inline-block;}
.alert { width: 100% !important; }
.has-error .form-control { border-color : #dd4b39; }
</style>
<div id="page" class="hfeed site text-small">
<header id="masthead" class="site-header" role="banner">
<div class="container" style="">
<div id="logo" class="site-logo text-center" style="font-size: 30px;">
<?php
$company = App\Model\helpdesk\Settings\Company::where('id', '=', '1')->first();
$system = App\Model\helpdesk\Settings\System::where('id', '=', '1')->first();
?>
@if($system->url)
<a href="{!! $system->url !!}" rel="home">
<div class="container">
<nav id="navbar" class="site-navigation navbar navbar-expand-lg navbar-light">
<div id="logo" class="navbar-brand brand site-logo text-center" style="font-size: 30px;">
<?php
$company = App\Model\helpdesk\Settings\Company::where('id', '=', '1')->first();
$system = App\Model\helpdesk\Settings\System::where('id', '=', '1')->first();
?>
@if($system->url)
<a href="{!! $system->url !!}" rel="home">
@else
<a href="{{url('/')}}" rel="home">
@endif
@@ -64,74 +102,107 @@
@endif
@endif
</a>
</div><!-- #logo -->
<div id="navbar" class="navbar-wrapper text-center">
<nav class="navbar navbar-default site-navigation" role="navigation">
<ul class="nav navbar-nav navbar-menu">
<li @yield('home')><a href="{{url('/')}}">{!! Lang::get('lang.home') !!}</a></li>
</div>
<button class="navbar-toggler custom-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button> <!-- collapse -->
<div class="collapse navbar-collapse links" id="navbarSupportedContent">
<ul class="navbar-nav navbar-menu site-navigate ml-auto">
<li @yield('home') class="nav-item"><a href="{{url('/')}}" class="nav-link">{!! Lang::get('lang.home') !!}</a></li>
@if($system->first()->status == 1)
<li @yield('submit')><a href="{{URL::route('form')}}">{!! Lang::get('lang.submit_a_ticket') !!}</a></li>
<li @yield('submit') class="nav-item">
<a href="{{URL::route('form')}}" class="nav-link">{!! Lang::get('lang.submit_a_ticket') !!}</a>
</li>
@endif
<li @yield('kb')><a href="{!! url('knowledgebase') !!}">{!! Lang::get('lang.knowledge_base') !!}</a>
<ul class="dropdown-menu">
<li><a href="{{route('category-list')}}">{!! Lang::get('lang.categories') !!}</a></li>
<li><a href="{{route('article-list')}}">{!! Lang::get('lang.articles') !!}</a></li>
<li @yield('kb') class="nav-item dropdown">
<a href="{!! url('knowledgebase') !!}" class="dropdown-toggle nav-link" id="navbarDropdown" role="button" data-toggle=""
aria-haspopup="true" aria-expanded="false">{!! Lang::get('lang.knowledge_base') !!}
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><a href="{{route('category-list')}}" class="dropdown-item">{!! Lang::get('lang.categories') !!}</a></li>
<li><a href="{{route('article-list')}}" class="dropdown-item">{!! Lang::get('lang.articles') !!}</a></li>
</ul>
</li>
<?php $pages = App\Model\kb\Page::where('status', '1')->where('visibility', '1')->get();
?>
@foreach($pages as $page)
<li><a href="{{route('pages',$page->slug)}}">{{$page->name}}</a></li>
@endforeach
@if(Auth::user())
<li @yield('myticket')><a href="{{url('mytickets')}}">{!! Lang::get('lang.my_tickets') !!}</a></li>
{{-- <li @yield('contact')><a href="{{route('contact')}}">Contact us</a></li> --}}
<li @yield('profile')><a href="#" >{!! Lang::get('lang.my_profile') !!}</a>
<ul class="dropdown-menu">
<li>
<div class="banner-wrapper user-menu text-center clearfix">
<img src="{{Auth::user()->profile_pic}}"class="img-circle" alt="User Image" height="80" width="80"/>
<h3 class="banner-title text-info h4">{{Auth::user()->first_name." ".Auth::user()->last_name}}</h3>
<div class="banner-content">
{{-- <a href="{{url('kb/client-profile')}}" class="btn btn-custom btn-xs">{!! Lang::get('lang.edit_profile') !!}</a> --}} <a href="{{url('auth/logout')}}" class="btn btn-custom btn-xs">{!! Lang::get('lang.log_out') !!}</a>
</div>
@if(Auth::user())
@if(Auth::user()->role != 'user')
<div class="banner-content">
<a href="{{url('dashboard')}}" class="btn btn-custom btn-xs">{!! Lang::get('lang.dashboard') !!}</a>
</div>
@endif
@endif
@if(Auth::user())
@if(Auth::user()->role == 'user')
<div class="banner-content">
<a href="{{url('client-profile')}}" class="btn btn-custom btn-xs">{!! Lang::get('lang.profile') !!}</a>
</div>
@endif
@endif
</div>
</li>
@if(count($pages))
<li @yield('pages') class="nav-item dropdown">
<a class="dropdown-toggle nav-link" id="navbarDropdown" role="button" data-toggle=""
aria-haspopup="true" aria-expanded="false">{!! Lang::get('lang.pages') !!}
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
@foreach($pages as $page)
<li><a href="{{route('pages',$page->slug)}}" class="dropdown-item">{{$page->name}}</a></li>
@endforeach
</ul>
</li>
</ul><!-- .navbar-user -->
@else
@endif
</nav><!-- #site-navigation -->
</div><!-- #navbar -->
<div id="header-search" class="site-search clearfix" style="padding-bottom:5px"><!-- #header-search -->
@endif
@if(Auth::user())
<li @yield('myticket') class="nav-item">
<a href="{{url('mytickets')}}" class="nav-link">{!! Lang::get('lang.my_tickets') !!}</a>
</li>
<li @yield('profile') class="nav-item dropdown">
<a href="#" class="dropdown-toggle nav-link" id="navbarDropdown" role="button" data-toggle=""
aria-haspopup="true" aria-expanded="false">{!! Lang::get('lang.my_profile') !!}
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li>
<div class="banner-wrapper user-data text-center clearfix" id="profile_dropdown">
<img id="user_avatar" src="{{Auth::user()->profile_pic}}"class="avatar" alt="User Image" height="70" width="70"/>
<div><strong>Hello</strong></div>
<p class="banner-title ellipsize_first_name h4">{{Auth::user()->first_name." ".Auth::user()->last_name}}</p>
<div class="banner-content" id="dropdown_content">
<a href="{{url('auth/logout')}}" class="btn btn-custom btn-sm text-white profile_btn">{!! Lang::get('lang.log_out') !!}</a>
@if(Auth::user())
@if(Auth::user()->role != 'user')
<a href="{{url('dashboard')}}" class="btn btn-custom btn-sm text-white profile_btn">{!! Lang::get('lang.dashboard') !!}</a>
@endif
@endif
@if(Auth::user())
@if(Auth::user()->role == 'user')
<a href="{{url('client-profile')}}" class="btn btn-custom btn-sm text-white profile_btn">{!! Lang::get('lang.profile') !!}</a>
@endif
@endif
</div>
</div>
</li>
</ul>
</li>
@endif
</ul>
</div>
</nav>
<div id="header-search" class="site-search clearfix"><!-- #header-search -->
{!!Form::open(['method'=>'get','action'=>'Client\kb\UserController@search','class'=>'search-form clearfix'])!!}
<div class="form-border">
<div class="form-inline ">
<div class="form-group">
<input type="text" name="s" id="s" class="search-field form-control input-lg" title="Enter search term" placeholder="{!! Lang::get('lang.have_a_question?_type_your_search_term_here') !!}" required />
<div class="form-group input-group" style="width: 88%;">
<input type="text" name="s" class="search-field form-control input-lg" title="Enter search term" placeholder="{!! Lang::get('lang.have_a_question?_type_your_search_term_here') !!}" required/>
</div>
<button type="submit" class="search-submit btn btn-custom btn-lg pull-right check-s">{!! Lang::get('lang.search') !!}</button>
<span class="input-group-btn">
<button type="submit" class="btn btn-custom btn-md" style="margin-left: 8px;">{!! Lang::get('lang.search') !!}</button>
</span>
</div>
</div>
{!! Form::close() !!}
@@ -147,8 +218,8 @@
<div id="main" class="site-main clearfix">
<div class="container">
<div class="content-area">
<div class="row">
@if(Session::has('success'))
<div>
@if(Session::has('success'))
<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">&times;</button>
@@ -175,17 +246,12 @@
</div>
<?php a: ?>
@endif
</div>
<div class="row">
@yield('content')
<div id="sidebar" class="site-sidebar col-md-3">
<div class="widget-area">
<section id="section-banner" class="section">
@yield('check')
</section><!-- #section-banner -->
<section id="section-categories" class="section">
@yield('category')
</section><!-- #section-categories -->
</div>
</div><!-- #sidebar -->
@yield('check')
@yield('category')
</div>
</div>
</div>
@@ -199,7 +265,7 @@
?>
<footer id="colophon" class="site-footer" role="contentinfo">
<div class="container">
<div class="row col-md-12">
<div class="row">
@if($footer1->title == null)
@else
<div class="col-md-3">
@@ -260,62 +326,77 @@
<p class="text-muted">{!! Lang::get('lang.copyright') !!} &copy; {!! date('Y') !!} <a href="{!! $company->website !!}" target="_blank">{!! $company->company_name !!}</a>. {!! Lang::get('lang.all_rights_reserved') !!}. {!! Lang::get('lang.powered_by') !!} <a href="http://www.faveohelpdesk.com/" target="_blank">Faveo</a></p>
</div>
<div class="site-social text-right col-md-6">
<?php $socials = App\Model\helpdesk\Theme\Widgets::all(); ?>
<ul class="list-inline hidden-print">
<?php $socials = App\Model\helpdesk\Theme\Widgets::all(); ?>
<ul class="list-inline hidden-print" style="display: flex;float: right;">
@foreach($socials as $social)
@if($social->name == 'facebook')
@if($social->value)
<li><a href="{!! $social->value !!}" class="btn btn-social btn-facebook" target="_blank"><i class="fa fa-facebook fa-fw"></i></a></li>
<li><a href="{!! $social->value !!}" class="btn btn-social btn-facebook" target="_blank"><i class="fab fa-facebook fa-fw"></i></a></li>
@endif
@endif
@if($social->name == "twitter")
@if($social->value)
<li><a href="{{ $social->value }}" class="btn btn-social btn-twitter" target="_blank"><i class="fa fa-twitter fa-fw"></i></a></li>
<li><a href="{{ $social->value }}" class="btn btn-social btn-twitter" target="_blank"><i class="fab fa-twitter fa-fw"></i></a></li>
@endif
@endif
@if($social->name == "google")
@if($social->value)
<li><a href="{{$social->value}}" class="btn btn-social btn-google-plus" target="_blank"><i class="fa fa-google-plus fa-fw"></i></a></li>
<li><a href="{{$social->value}}" class="btn btn-social btn-google-plus" target="_blank"><i class="fab fa-google-plus fa-fw"></i></a></li>
@endif
@endif
@if($social->name == "linkedin")
@if($social->value)
<li><a href="{{$social->value}}" class="btn btn-social btn-linkedin" target="_blank"><i class="fa fa-linkedin fa-fw"></i></a></li>
<li><a href="{{$social->value}}" class="btn btn-social btn-linkedin" target="_blank"><i class="fab fa-linkedin fa-fw"></i></a></li>
@endif
@endif
@if($social->name == "vimeo")
@if($social->value)
<li><a href="{{$social->value}}" class="btn btn-social btn-vimeo" target="_blank"><i class="fa fa-vimeo-square fa-fw"></i></a></li>
<li><a href="{{$social->value}}" class="btn btn-social btn-vimeo" target="_blank"><i class="fab fa-vimeo-square fa-fw"></i></a></li>
@endif
@endif
@if($social->name == "youtube")
@if($social->value)
<li><a href="{{$social->value}}" class="btn btn-social btn-youtube" target="_blank"><i class="fa fa-youtube-play fa-fw"></i></a></li>
<li><a href="{{$social->value}}" class="btn btn-social btn-youtube" target="_blank"><i class="fab fa-youtube fa-fw"></i></a></li>
@endif
@endif
@if($social->name == "pinterest")
@if($social->value)
<li><a href="{{$social->value}}" class="btn btn-social btn-pinterest" target="_blank"><i class="fa fa-pinterest fa-fw"></i></a></li>
<li><a href="{{$social->value}}" class="btn btn-social btn-pinterest" target="_blank"><i class="fab fa-pinterest fa-fw"></i></a></li>
@endif
@endif
@if($social->name == "dribbble")
@if($social->value)
<li><a href="{{$social->value}}" class="btn btn-social btn-dribbble" target="_blank"><i class="fa fa-dribbble fa-fw"></i></a></li>
<li><a href="{{$social->value}}" class="btn btn-social btn-dribbble" target="_blank"><i class="fab fa-dribbble fa-fw"></i></a></li>
@endif
@endif
@if($social->name == "flickr")
@if($social->value)
<li><a href="{{$social->value}}" class="btn btn-social btn-flickr" target="_blank"><i class="fa fa-flickr fa-fw"></i></a></li>
<li><a href="{{$social->value}}" class="btn btn-social btn-flickr" target="_blank"><i class="fab fa-flickr fa-fw"></i></a></li>
@endif
@endif
@if($social->name == "instagram")
@if($social->value)
<li><a href="{{$social->value }}" class="btn btn-social btn-instagram" target="_blank"><i class="fa fa-instagram fa-fw"></i></a></li>
<li><a href="{{$social->value }}" class="btn btn-social btn-instagram" target="_blank"><i class="fab fa-instagram fa-fw"></i></a></li>
@endif
@endif
@if($social->name == "rss")
@if($social->value)
<li><a href="{{$social->value}}" class="btn btn-social btn-rss" target="_blank"><i class="fa fa-rss fa-fw"></i></a></li>
<li><a href="{{$social->value}}" class="btn btn-social btn-rss" target="_blank"><i class="fas fa-rss fa-fw"></i></a></li>
@endif
@endif
@if($social->name == "skype")
@if($social->value)
<li><a href="{{$social->value}}" class="btn btn-social btn-twitter" target="_blank"><i class="fab fa-skype fa-fw"></i></a></li>
@endif
@endif
@if($social->name == "stumble")
@if($social->value)
<li><a href="{{$social->value}}" class="btn btn-social btn-google-plus" target="_blank"><i class="fab fa-stumbleupon fa-fw"></i></a></li>
@endif
@endif
@if($social->name == "deviantart")
@if($social->value)
<li><a href="{{$social->value}}" class="btn btn-social btn-success" target="_blank"><i class="fab fa-deviantart fa-fw"></i></a></li>
@endif
@endif
@endforeach
@@ -323,23 +404,24 @@
</div>
</div>
</footer><!-- #colophon -->
<!-- jQuery 2.1.1 -->
<script src="{{asset("lb-faveo/js/jquery2.1.1.min.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/js/popper.min.js")}}" type="text/javascript"></script>
<!-- Bootstrap 3.3.2 JS -->
<script src="{{asset("lb-faveo/js/bootstrap.min.js")}}" type="text/javascript"></script>
<!-- Slimscroll -->
<script src="{{asset("lb-faveo/js/superfish.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/js/mobilemenu.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/js/know.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/js/jquery.rating.pack.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/js/bootstrap4.min.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/js/client.min.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/js/superfish.min.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/js/mobilemenu.min.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/plugins/iCheck/icheck.min.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/js/languagechanger.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/js/languagechanger.js")}}" type="text/javascript"></script>
<script src="lb-faveo/plugins/summernote/summernote-bs4.min.js"></script>
<script>
$(function () {