Commit 509774b0 authored by Kenneth Kaigu's avatar Kenneth Kaigu

Cleaning up the theme to support Vue JS and upgrade to 5.8

parent 6d8b8e4a
......@@ -5,6 +5,8 @@
<sourceFolder url="file://$MODULE_DIR$/app" isTestSource="false" packagePrefix="App\" />
<sourceFolder url="file://$MODULE_DIR$/tests" isTestSource="true" packagePrefix="Tests\" />
<excludeFolder url="file://$MODULE_DIR$/vendor/barryvdh/laravel-dompdf" />
<excludeFolder url="file://$MODULE_DIR$/vendor/barryvdh/laravel-ide-helper" />
<excludeFolder url="file://$MODULE_DIR$/vendor/barryvdh/reflection-docblock" />
<excludeFolder url="file://$MODULE_DIR$/vendor/beyondcode/laravel-dump-server" />
<excludeFolder url="file://$MODULE_DIR$/vendor/composer" />
<excludeFolder url="file://$MODULE_DIR$/vendor/dnoegel/php-xdg-base-dir" />
......@@ -21,6 +23,7 @@
<excludeFolder url="file://$MODULE_DIR$/vendor/hamcrest/hamcrest-php" />
<excludeFolder url="file://$MODULE_DIR$/vendor/jakub-onderka/php-console-color" />
<excludeFolder url="file://$MODULE_DIR$/vendor/jakub-onderka/php-console-highlighter" />
<excludeFolder url="file://$MODULE_DIR$/vendor/justinrainbow/json-schema" />
<excludeFolder url="file://$MODULE_DIR$/vendor/laravel/framework" />
<excludeFolder url="file://$MODULE_DIR$/vendor/laravel/tinker" />
<excludeFolder url="file://$MODULE_DIR$/vendor/league/flysystem" />
......@@ -68,12 +71,15 @@
<excludeFolder url="file://$MODULE_DIR$/vendor/sebastian/recursion-context" />
<excludeFolder url="file://$MODULE_DIR$/vendor/sebastian/resource-operations" />
<excludeFolder url="file://$MODULE_DIR$/vendor/sebastian/version" />
<excludeFolder url="file://$MODULE_DIR$/vendor/seld/jsonlint" />
<excludeFolder url="file://$MODULE_DIR$/vendor/seld/phar-utils" />
<excludeFolder url="file://$MODULE_DIR$/vendor/swiftmailer/swiftmailer" />
<excludeFolder url="file://$MODULE_DIR$/vendor/symfony/console" />
<excludeFolder url="file://$MODULE_DIR$/vendor/symfony/contracts" />
<excludeFolder url="file://$MODULE_DIR$/vendor/symfony/css-selector" />
<excludeFolder url="file://$MODULE_DIR$/vendor/symfony/debug" />
<excludeFolder url="file://$MODULE_DIR$/vendor/symfony/event-dispatcher" />
<excludeFolder url="file://$MODULE_DIR$/vendor/symfony/filesystem" />
<excludeFolder url="file://$MODULE_DIR$/vendor/symfony/finder" />
<excludeFolder url="file://$MODULE_DIR$/vendor/symfony/http-foundation" />
<excludeFolder url="file://$MODULE_DIR$/vendor/symfony/http-kernel" />
......
......@@ -88,6 +88,12 @@
<path value="$PROJECT_DIR$/vendor/symfony/polyfill-iconv" />
<path value="$PROJECT_DIR$/vendor/symfony/polyfill-intl-idn" />
<path value="$PROJECT_DIR$/vendor/phpoption/phpoption" />
<path value="$PROJECT_DIR$/vendor/symfony/filesystem" />
<path value="$PROJECT_DIR$/vendor/seld/phar-utils" />
<path value="$PROJECT_DIR$/vendor/seld/jsonlint" />
<path value="$PROJECT_DIR$/vendor/justinrainbow/json-schema" />
<path value="$PROJECT_DIR$/vendor/barryvdh/laravel-ide-helper" />
<path value="$PROJECT_DIR$/vendor/barryvdh/reflection-docblock" />
</include_path>
</component>
<component name="PhpProjectSharedConfiguration" php_language_level="7.1" />
......
This diff is collapsed.
......@@ -7,6 +7,7 @@
"require": {
"php": "^7.1.3",
"barryvdh/laravel-dompdf": "^0.8.3",
"barryvdh/laravel-ide-helper": "^2.6",
"fideloper/proxy": "^4.0",
"laravel/framework": "5.8.*",
"laravel/tinker": "^1.0",
......
This diff is collapsed.
This diff is collapsed.
......@@ -15,6 +15,7 @@
"cross-env": "^5.1",
"jquery": "^3.2",
"laravel-mix": "^2.0",
"laravel-mix-purgecss": "^4.1.0",
"lodash": "^4.17.5",
"popper.js": "^1.12",
"vue": "^2.5.7"
......
This diff is collapsed.
This diff is collapsed.
......@@ -9,13 +9,15 @@ require('./bootstrap');
window.Vue = require('vue');
/**
* Next, we will create a fresh Vue application instance and attach it to
* the page. Then, you may begin adding components to this application
* or customize the JavaScript scaffolding to fit your unique needs.
*/
Vue.component('example-component', require('./components/ExampleComponent.vue'));
Vue.component('addemployee', require('./components/Employee/createEmployee'));
const app = new Vue({
el: '#app'
......
......@@ -9,9 +9,9 @@ window.Popper = require('popper.js').default;
*/
try {
window.$ = window.jQuery = require('jquery');
// window.$ = window.jQuery = require('jquery');
require('bootstrap');
// require('bootstrap');
} catch (e) {}
/**
......
<template>
<form>
<div class="row">
<div class="col-md-6">
<!--Label: Prefix, Attributes: prefix-->
<div class="form-group">
<label for="prefix" class=" col-form-label">Prefix</label>
<div class="">
<input type="text" class="form-control" id="prefix"
v-model="prefix"
name="prefix"
:class="{ 'is-invalid' : errors.prefix }" autocomplete="off">
<div class="invalid-feedback" v-if="errors.prefix">
<strong>{{ errors.prefix.toString() }}</strong>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<!--Label: First Name, Attributes: firstname-->
<div class="form-group">
<label for="firstname" class=" col-form-label">First Name</label>
<div class="">
<input type="text" class="form-control" id="firstname"
v-model="firstname"
name="firstname"
:class="{ 'is-invalid' : errors.firstname }" autocomplete="off">
<div class="invalid-feedback" v-if="errors.firstname">
<strong>{{ errors.firstname.toString() }}</strong>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!--Label: Middle Name, Attributes: middlename-->
<div class="form-group col-md-6">
<label for="middlename" class="col-form-label">Middle Name</label>
<div class="">
<input type="text" class="form-control" id="middlename"
v-model="middlename"
name="middlename"
:class="{ 'is-invalid' : errors.middlename }" autocomplete="off">
<div class="invalid-feedback" v-if="errors.middlename">
<strong>{{ errors.middlename.toString() }}</strong>
</div>
</div>
</div>
<div class="row"><!--Label: Personal Number, Attributes: phonenumber-->
<div class="form-group col-md-6">
<label for="phonenumber" class=" col-form-label">Personal Number</label>
<div class="">
<input type="text" class="form-control" id="phonenumber"
v-model="phonenumber"
name="phonenumber"
:class="{ 'is-invalid' : errors.phonenumber }" autocomplete="off">
<div class="invalid-feedback" v-if="errors.phonenumber">
<strong>{{ errors.phonenumber.toString() }}</strong>
</div>
</div>
</div>
<!--Label: KRA PIN, Attributes: krapin-->
<div class="form-group col-md-6">
<label for="krapin" class=" col-form-label">KRA PIN</label>
<div class="">
<input type="text" class="form-control" id="krapin"
v-model="krapin"
name="krapin"
:class="{ 'is-invalid' : errors.krapin }" autocomplete="off">
<div class="invalid-feedback" v-if="errors.krapin">
<strong>{{ errors.krapin.toString() }}</strong>
</div>
</div>
</div>
</div>
</div>
</form>
</template>
<script>
export default {
name: "createEmployee",
data() {
return {
errors: '',
prefix: '',
firstname: '',
middlename: '',
phonenumber: '',
krapin: '',
}
},
}
</script>
<style scoped>
</style>
\ No newline at end of file
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
<!DOCTYPE html>
<html lang="en" class="app">
<head>
<meta charset="utf-8" />
<title>@yield('title', 'Kinetic HRM')</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta charset="utf-8"/>
<title>Kinetic HRM</title>
<meta name="description" content=""/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="shortcut icon" href="/images/favicon.ico">
<link rel="stylesheet" href="/css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="/css/animate.css" type="text/css" />
<link rel="stylesheet" href="/css/font-awesome.min.css" type="text/css" />
<link rel="stylesheet" href="/css/font.css" type="text/css" />
<link rel="stylesheet" href="/js/calendar/bootstrap_calendar.css" type="text/css" />
<link rel="stylesheet" href="/css/app.css" type="text/css" />
@yield('header-include')
<link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}" type="text/css"/>
<link rel="stylesheet" href="{{ asset('css/animate.css') }}" type="text/css"/>
<link rel="stylesheet" href="{{ asset('css/font-awesome.min.css') }}" type="text/css"/>
<link rel="stylesheet" href="{{ asset('css/font.css') }}" type="text/css"/>
<link rel="stylesheet" href="{{ asset('js/calendar/bootstrap_calendar.css') }}" type="text/css"/>
<link rel="stylesheet" href="{{ asset('css/app.css') }}" type="text/css"/>
<!--[if lt IE 9]>
<script src="/js/ie/html5shiv.js"></script>
<script src="/js/ie/respond.min.js"></script>
......@@ -84,7 +83,8 @@
<div class="input-group">
<input type="text" class="form-control" placeholder="Search">
<span class="input-group-btn">
<button type="submit" class="btn btn-info btn-icon"><i class="fa fa-search"></i></button>
<button type="submit" class="btn btn-info btn-icon"><i
class="fa fa-search"></i></button>
</span>
</div>
</div>
......@@ -119,7 +119,7 @@
</li>
<li class="divider"></li>
<li>
<a href="modal.lockme.html" data-toggle="ajaxModal" >Logout</a>
<a href="modal.lockme.html" data-toggle="ajaxModal">Logout</a>
</li>
</ul>
</li>
......@@ -132,9 +132,11 @@
<section class="vbox">
<header class="header bg-warning lter text-center clearfix">
<div class="btn-group">
<button type="button" class="btn btn-sm btn-dark btn-icon" title="New project"><i class="fa fa-plus"></i></button>
<button type="button" class="btn btn-sm btn-dark btn-icon" title="New project"><i
class="fa fa-plus"></i></button>
<div class="btn-group hidden-nav-xs">
<button type="button" class="btn btn-sm btn-success dropdown-toggle" data-toggle="dropdown">
<button type="button" class="btn btn-sm btn-success dropdown-toggle"
data-toggle="dropdown">
Switch Project
<span class="caret"></span>
</button>
......@@ -146,7 +148,8 @@
</div>
</header>
<section class="w-f scrollable">
<div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0" data-size="5px" data-color="#333333">
<div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0"
data-size="5px" data-color="#333333">
<!-- nav -->
<nav class="nav-primary hidden-xs">
......@@ -232,6 +235,7 @@
</ul>
</ul>
</li>
</ul>
</nav>
<!-- / nav -->
</div>
......@@ -257,7 +261,8 @@
</header>
<div class="panel-body animated fadeInRight">
<p class="text-sm">No contacts in your lists.</p>
<p><a href="#" class="btn btn-sm btn-facebook"><i class="fa fa-fw fa-facebook"></i> Invite from Facebook</a></p>
<p><a href="#" class="btn btn-sm btn-facebook"><i
class="fa fa-fw fa-facebook"></i> Invite from Facebook</a></p>
</div>
</section>
</section>
......@@ -267,35 +272,30 @@
<i class="fa fa-angle-right text-active"></i>
</a>
<div class="btn-group hidden-nav-xs">
<button type="button" title="Chats" class="btn btn-icon btn-sm btn-dark" data-toggle="dropdown" data-target="#chat"><i class="fa fa-comment-o"></i></button>
<button type="button" title="Contacts" class="btn btn-icon btn-sm btn-dark" data-toggle="dropdown" data-target="#invite"><i class="fa fa-linkedin-square"></i></button>
<button type="button" title="Chats" class="btn btn-icon btn-sm btn-dark"
data-toggle="dropdown" data-target="#chat"><i class="fa fa-comment-o"></i></button>
<button type="button" title="Contacts" class="btn btn-icon btn-sm btn-dark"
data-toggle="dropdown" data-target="#invite"><i class="fa fa-linkedin-square"></i>
</button>
</div>
</footer>
</section>
</aside>
<!-- /.aside -->
<div id="app">
@yield('content')
</div>
</section>
</section>
</section>
<script src="/js/jquery.min.js"></script>
<script src="{{asset('js/jquery.min.js')}}"></script>
<!-- Bootstrap -->
<script src="/js/bootstrap.js"></script>
<script src="{{asset('js/bootstrap.js')}}"></script>
<script src="{{ asset('js/app.js') }}"></script>
<!-- App -->
<script src="/js/app.kinetic.js"></script>
<script src="/js/slimscroll/jquery.slimscroll.min.js"></script>
@yield('footer-include')
<script src="/js/sortable/jquery.sortable.js"></script>
<script src="/js/app.plugin.js"></script>
<script>
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
let errorMessage = "Something went wrong. Contact system administrator";
</script>
@yield('j-script')
<script src="{{asset('js/app.kinetic.js')}}"></script>
<script src="{{asset('js/slimscroll/jquery.slimscroll.min.js')}}"></script>
<script src="{{asset('js/sortable/jquery.sortable.js')}}"></script>
<script src="{{asset('js/app.plugin.js')}}"></script>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
......@@ -8,8 +8,8 @@ $baseDir = dirname($vendorDir);
return array(
'0e6d7bf4a5811bfa5cf40c5ccd6fae6a' => $vendorDir . '/symfony/polyfill-mbstring/bootstrap.php',
'25072dd6e2470089de65ae7bf11d3109' => $vendorDir . '/symfony/polyfill-php72/bootstrap.php',
'667aeda72477189d0494fecd327c3641' => $vendorDir . '/symfony/var-dumper/Resources/functions/dump.php',
'320cde22f66dd4f5d3fd621d3e88b98f' => $vendorDir . '/symfony/polyfill-ctype/bootstrap.php',
'667aeda72477189d0494fecd327c3641' => $vendorDir . '/symfony/var-dumper/Resources/functions/dump.php',
'def43f6c87e4f8dfd0c9e1b1bab14fe8' => $vendorDir . '/symfony/polyfill-iconv/bootstrap.php',
'f598d06aa772fa33d905e87be6398fb1' => $vendorDir . '/symfony/polyfill-intl-idn/bootstrap.php',
'2c102faa651ef8ea5874edb585946bce' => $vendorDir . '/swiftmailer/swiftmailer/lib/swift_required.php',
......
......@@ -13,4 +13,5 @@ return array(
'Parsedown' => array($vendorDir . '/erusev/parsedown'),
'Mockery' => array($vendorDir . '/mockery/mockery/library'),
'Doctrine\\Common\\Lexer\\' => array($vendorDir . '/doctrine/lexer/lib'),
'Barryvdh' => array($vendorDir . '/barryvdh/reflection-docblock/src'),
);
......@@ -25,10 +25,13 @@ return array(
'Symfony\\Component\\HttpKernel\\' => array($vendorDir . '/symfony/http-kernel'),
'Symfony\\Component\\HttpFoundation\\' => array($vendorDir . '/symfony/http-foundation'),
'Symfony\\Component\\Finder\\' => array($vendorDir . '/symfony/finder'),
'Symfony\\Component\\Filesystem\\' => array($vendorDir . '/symfony/filesystem'),
'Symfony\\Component\\EventDispatcher\\' => array($vendorDir . '/symfony/event-dispatcher'),
'Symfony\\Component\\Debug\\' => array($vendorDir . '/symfony/debug'),
'Symfony\\Component\\CssSelector\\' => array($vendorDir . '/symfony/css-selector'),
'Symfony\\Component\\Console\\' => array($vendorDir . '/symfony/console'),
'Seld\\PharUtils\\' => array($vendorDir . '/seld/phar-utils/src'),
'Seld\\JsonLint\\' => array($vendorDir . '/seld/jsonlint/src/Seld/JsonLint'),
'Ramsey\\Uuid\\' => array($vendorDir . '/ramsey/uuid/src'),
'Psy\\' => array($vendorDir . '/psy/psysh/src'),
'Psr\\SimpleCache\\' => array($vendorDir . '/psr/simple-cache/src'),
......@@ -43,6 +46,7 @@ return array(
'Maatwebsite\\Excel\\' => array($vendorDir . '/maatwebsite/excel/src'),
'League\\Flysystem\\' => array($vendorDir . '/league/flysystem/src'),
'Laravel\\Tinker\\' => array($vendorDir . '/laravel/tinker/src'),
'JsonSchema\\' => array($vendorDir . '/justinrainbow/json-schema/src/JsonSchema'),
'JakubOnderka\\PhpConsoleHighlighter\\' => array($vendorDir . '/jakub-onderka/php-console-highlighter/src'),
'JakubOnderka\\PhpConsoleColor\\' => array($vendorDir . '/jakub-onderka/php-console-color/src'),
'Illuminate\\' => array($vendorDir . '/laravel/framework/src/Illuminate'),
......@@ -56,9 +60,15 @@ return array(
'Doctrine\\Common\\Inflector\\' => array($vendorDir . '/doctrine/inflector/lib/Doctrine/Common/Inflector'),
'DeepCopy\\' => array($vendorDir . '/myclabs/deep-copy/src/DeepCopy'),
'Cron\\' => array($vendorDir . '/dragonmantank/cron-expression/src/Cron'),
'Composer\\XdebugHandler\\' => array($vendorDir . '/composer/xdebug-handler/src'),
'Composer\\Spdx\\' => array($vendorDir . '/composer/spdx-licenses/src'),
'Composer\\Semver\\' => array($vendorDir . '/composer/semver/src'),
'Composer\\CaBundle\\' => array($vendorDir . '/composer/ca-bundle/src'),
'Composer\\' => array($vendorDir . '/composer/composer/src/Composer'),
'Complex\\' => array($vendorDir . '/markbaker/complex/classes/src'),
'Carbon\\' => array($vendorDir . '/nesbot/carbon/src/Carbon'),
'BeyondCode\\DumpServer\\' => array($vendorDir . '/beyondcode/laravel-dump-server/src'),
'Barryvdh\\LaravelIdeHelper\\' => array($vendorDir . '/barryvdh/laravel-ide-helper/src'),
'Barryvdh\\DomPDF\\' => array($vendorDir . '/barryvdh/laravel-dompdf/src'),
'App\\' => array($baseDir . '/app'),
);
This diff is collapsed.
This diff is collapsed.
......@@ -12,4 +12,5 @@ const mix = require('laravel-mix');
*/
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');
.sass('resources/sass/app.scss', 'public/css')
.purgeCss();
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment