Commit 64a8ddee by Bayu Hendra Winata

use published version of laravolt/etalase

parent 94a63c93
......@@ -22,6 +22,7 @@
"laravolt/auth": "dev-master",
"laravolt/epicentrum": "dev-master",
"laravolt/epilog": "dev-master",
"laravolt/etalase": "dev-master",
"laravolt/password": "dev-master",
"laravolt/semantic-form": "dev-master",
"laravolt/suitable": "dev-master",
......
......@@ -4,7 +4,7 @@
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#composer-lock-the-lock-file",
"This file is @generated automatically"
],
"content-hash": "1c22d3c10fb5bffab4311ef936fd5a1e",
"content-hash": "b3eb5fc1f0db88833103dcb3892308a9",
"packages": [
{
"name": "anhskohbo/no-captcha",
......@@ -1625,6 +1625,58 @@
}
},
{
"name": "laravolt/etalase",
"version": "dev-master",
"dist": {
"type": "path",
"url": "../etalase",
"reference": "b0dc574aed4b1d6926a0f96e847e27f63c821759",
"shasum": null
},
"require": {
"illuminate/support": "5.4.*|5.5.*|5.6.*",
"php": ">=7.0"
},
"type": "library",
"extra": {
"laravel": {
"providers": [
"Laravolt\\Etalase\\ServiceProvider"
]
}
},
"autoload": {
"psr-4": {
"Laravolt\\Etalase\\": "src"
}
},
"license": [
"MIT"
],
"authors": [
{
"name": "Bayu Hendra Winata",
"email": "uyab.exe@gmail.com",
"homepage": "http://id-laravel.com",
"role": "Developer"
}
],
"description": "Sample UI for Larvolt application",
"homepage": "https://github.com/laravolt/etalase",
"keywords": [
"HTML",
"Semantic UI",
"UI",
"component",
"laravel",
"laravolt",
"snippet"
],
"transport-options": {
"symlink": true
}
},
{
"name": "laravolt/password",
"version": "dev-master",
"dist": {
......@@ -5560,6 +5612,7 @@
"laravolt/auth": 20,
"laravolt/epicentrum": 20,
"laravolt/epilog": 20,
"laravolt/etalase": 20,
"laravolt/password": 20,
"laravolt/semantic-form": 20,
"laravolt/suitable": 20,
......
......@@ -150,7 +150,6 @@ return [
/*
* Package Service Providers...
*/
\Laravolt\Etalase\ServiceProvider::class,
/*
* Application Service Providers...
......
<div class="example">
<div class="example__title">
<h2 class="ui header">{!! $title !!}</h2>
<div class="ui buttons mini">
<button class="ui button icon button--code"><i class="icon code"></i></button>
<button class="ui button icon button--copy" data-position="bottom right" data-content="Copied to clipboard" data-inverted="" data-variation="mini inverted"><i class="icon copy"></i></button>
</div>
</div>
<div class="example__code">
<pre><code class="html">{{ $content }}</code></pre>
</div>
<div class="example__preview">
{!! $content !!}
</div>
</div>
@extends('etalase::layout')
@section('content-inner')
@etalase('Breadcrumb')
<div class="ui segment basic secondary">
<div class="ui breadcrumb">
<a class="section">Home</a>
<div class="divider"> / </div>
<a class="section">Settings</a>
<div class="divider"> / </div>
<div class="active section">Theme</div>
</div>
</div>
@endetalase
<div class="ui message info">
<p>Letakkan tag breadcrumb di atas tepat di bawah <code>content__body</code> di base layout.</p>
</div>
@endsection
@extends('etalase::layout')
@section('content-inner')
@etalase('Button')
<button class="ui button primary">Primary Button</button>
<button class="ui button">Default Button</button>
@endetalase
<div class="ui message info">
<p>Usahakan dalam satu halaman hanya ada satu
<button class="ui button primary mini">Primary Button</button>
.
</p>
</div>
<div class="ui divider hidden section"></div>
@etalase('Form Button')
<form class="ui form">
<div class="field">
<label>First Name</label>
<input type="text" name="first-name" placeholder="First Name">
</div>
<div class="field">
<label>Last Name</label>
<input type="text" name="last-name" placeholder="Last Name">
</div>
<button class="ui button primary">Simpan</button>
<button class="ui button">Batal</button>
</form>
@endetalase
<div class="ui divider hidden section"></div>
@etalase('Form Button (Boxed)')
<form class="ui form segment very padded">
<div class="field">
<label>First Name</label>
<input type="text" name="first-name" placeholder="First Name">
</div>
<div class="field">
<label>Last Name</label>
<input type="text" name="last-name" placeholder="Last Name">
</div>
<button class="ui button primary">Simpan</button>
<button class="ui button">Batal</button>
</form>
@endetalase
<div class="ui message info">
<p>Posisi tombol dalam sebuah form adalah di <strong>kiri bawah</strong>.</p>
</div>
<div class="ui divider hidden section"></div>
<h3 class="ui header dividing">Referensi</h3>
<div class="ui list">
<a href="http://www.lukew.com/ff/entry.asp?571" class="item" target="_blank">http://www.lukew.com/ff/entry.asp?571
<i class="icon external"></i></a>
</div>
@endsection
@extends('etalase::layout')
@section('content-inner')
@etalase('Dashboard')
<div class="ui grid four column stackable celled">
<div class="column center aligned middle aligned">
<div class="ui statistic red">
<div class="label">
Pegawai
</div>
<div class="value">
45
</div>
<div class="label">
<i class="icon triangle up green"></i><span class="green text">12%</span>
</div>
</div>
</div>
<div class="column center aligned middle aligned">
<div class="ui statistic orange">
<div class="label">
Total Proyek
</div>
<div class="value">
98
</div>
<div class="label">
<i class="icon triangle down red"></i><span class="red text">-5%</span>
</div>
</div>
</div>
<div class="column center aligned middle aligned">
<div class="ui statistic yellow">
<div class="label">
Total Omzet
</div>
<div class="value">
9.1 M
</div>
<div class="label">
<i class="icon triangle down red"></i><span class="red text">-10%</span>
</div>
</div>
</div>
<div class="column center aligned middle aligned">
<div class="ui statistic teal">
<div class="label">
Klien
</div>
<div class="value">
27
</div>
<div class="label">
<i class="icon triangle up green"></i><span class="green text">-17%</span>
</div>
</div>
</div>
</div>
<div class="ui grid four column stackable">
<div class="column">
<div class="ui segment inverted red center aligned">
<div class="ui statistic inverted">
<div class="value">
45
</div>
<div class="label">
Pegawai
</div>
</div>
</div>
</div>
<div class="column">
<div class="ui segment inverted orange center aligned">
<div class="ui statistic inverted">
<div class="value">
98
</div>
<div class="label">
Total Proyek
</div>
</div>
</div>
</div>
<div class="column">
<div class="ui segment inverted yellow center aligned">
<div class="ui statistic inverted">
<div class="value">
9.1 M
</div>
<div class="label">
Total Omzet
</div>
</div>
</div>
</div>
<div class="column">
<div class="ui segment inverted teal center aligned">
<div class="ui statistic inverted">
<div class="value">
27
</div>
<div class="label">
Klien
</div>
</div>
</div>
</div>
</div>
<div class="ui grid stackable">
<div class="ten wide column">
<div class="ui segment padded top attached">
<h3 class="ui header">Top 10 Performer</h3>
<div id="chart-top-performer" style="height: 300px;"></div>
</div>
<div class="ui segment bottom attached" style="padding: 0">
<div class="ui grid four column stackable internally celled" style="margin:0">
<div class="column center aligned middle aligned">
<div class="ui statistic red">
<div class="value">
45
</div>
<div class="label">
Pegawai
</div>
</div>
</div>
<div class="column center aligned middle aligned">
<div class="ui statistic orange">
<div class="value">
98
</div>
<div class="label">
Total Proyek
</div>
</div>
</div>
<div class="column center aligned middle aligned">
<div class="ui statistic yellow">
<div class="value">
9M
</div>
<div class="label">
Total Omzet
</div>
</div>
</div>
<div class="column center aligned middle aligned">
<div class="ui statistic teal">
<div class="value">
27
</div>
<div class="label">
Klien
</div>
</div>
</div>
</div>
</div>
</div>
<div class="six wide column">
<div class="ui segment">
<h3 class="ui header">Project State</h3>
<!-- HTML -->
<div id="chart-pie" style="margin: auto; max-width: 360px;"></div>
<div id="chart-pie-legend" style="max-width: 360px; margin: auto;"></div>
</div>
</div>
</div>
@endetalase
@endsection
@push('head')
<link rel="stylesheet" href="{{ asset('lib/graf/grafs.css') }}">
@endpush
@push('body')
<script src="{{ asset('lib/graf/grafs.js') }}"></script>
<!-- JS -->
<script>
var data = {
labels: ['Ardin', 'Bayu', 'Citra', 'Dani', 'Eko', 'Fitrop', 'Ginanjar', 'Hendra', 'Indra', 'Joko'],
data: [130, 98, 92, 80, 80, 77, 67, 65, 63, 50],
colors: ['#DB2828']
};
var options = {shadow: false};
var line = new Grafs.Bar('#chart-top-performer', data, options);
</script>
<!-- JS -->
<script>
var data = {
labels: ["Active", "Maintenance", "Closed"],
data: [8, 3, 16],
colors: ['#96d759', '#ff8c42', '#ff4053']
};
var options = {
shadow: false,
legend: {
target: '#chart-pie-legend'
}
};
var pie = new Grafs.Pie('#chart-pie', data, options);
</script>
@endpush
@extends('etalase::layout')
@section('content-inner')
@etalase('Control Panel')
<div class="ui cards four item">
<a href="" class="card">
<div class="content">
<div class="ui segment basic center aligned very padded">
<i class="ui icon users big red"></i>
<h3 class="ui header">User Management</h3>
</div>
</div>
</a>
<a href="" class="card">
<div class="content">
<div class="ui segment basic center aligned very padded">
<i class="ui icon circle thin big orange"></i>
<h3 class="ui header">Content Management System</h3>
</div>
</div>
</a>
<a href="" class="card">
<div class="content">
<div class="ui segment basic center aligned very padded">
<i class="ui icon square outline big yellow"></i>
<h3 class="ui header">App 1</h3>
</div>
</div>
</a>
<a href="" class="card">
<div class="content">
<div class="ui segment basic center aligned very padded">
<i class="ui icon flag big olive"></i>
<h3 class="ui header">App 2</h3>
</div>
</div>
</a>
<a href="" class="card">
<div class="content">
<div class="ui segment basic center aligned very padded">
<i class="ui icon options big green"></i>
<h3 class="ui header">Preferences</h3>
</div>
</div>
</a>
<a href="" class="card">
<div class="content">
<div class="ui segment basic center aligned very padded">
<i class="ui icon database big teal"></i>
<h3 class="ui header">Database</h3>
</div>
</div>
</a>
<a href="" class="card">
<div class="content">
<div class="ui segment basic center aligned very padded">
<i class="ui icon file big blue"></i>
<h3 class="ui header">File Manager</h3>
</div>
</div>
</a>
<a href="" class="card">
<div class="content">
<div class="ui segment basic center aligned very padded">
<i class="ui icon settings big purple"></i>
<h3 class="ui header">Settings</h3>
</div>
</div>
</a>
</div>
@endetalase
@endsection
@extends('etalase::layout')
@section('content-inner')
@etalase('Summary Board')
<div class="ui celled grid">
<div class="row">
<div class="six wide column">
<div class="ui segment basic">
<h4 class="ui header centered block">Goals</h4>
<ul class="ui list">
<li>Membuat sistem pengkajian yang membantu perawat dan dokter dalam penanganan pasien</li>
</ul>
</div>
<div class="ui segment basic">
<h4 class="ui header centered block">Stakeholders</h4>
<ul class="ui list relaxed">
<li class="item">
<strong>Bu Intan (Praktisi Keperawatan dari UGM)</strong> sebagai praktisi dan knowledge source
</li>
<li class="item"><strong>Wiley (penerbit internasional)</strong> sebagai pemegang lisensi NANDA
</li>
</ul>
</div>
</div>
<div class="five wide column">
<div class="ui segment basic">
<h4 class="ui header centered block">Issues/Risks</h4>
<ul class="ui list">
<li>Belum pernah requirement secara langsung dengan user</li>
<li>Non-CRUD, secara teknis cukup menantang</li>
<li>Pengurusan lisensi melibatkan pihak asing, tidak bisa cepat</li>
</ul>
</div>
</div>
<div class="five wide column">
<div class="ui segment basic">
<h4 class="ui header centered block">Action Plan</h4>
<ul class="ui list">
<li>-</li>
<li>Assign senior programmer</li>
<li>-</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="six wide column">
<h4 class="ui header centered block attached top">Line Up</h4>
<table class="ui table striped attached bottom padded">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="http://a4.dev/img/bayu.jpg" class="ui image avatar">
Bayu Hendra Winata
</td>
<td>Manager</td>
</tr>
<tr>
<td>
<img src="http://a4.dev/img/sugihartono.png" class="ui image avatar">
Sugihartono
</td>
<td>Analyst</td>
</tr>
<tr>
<td>
<img src="http://a4.dev/img/dani.jpg" class="ui image avatar">
Dani Ramadani
</td>
<td>Programmer</td>
</tr>
<tr>
<td>
<img src="http://a4.dev/img/akbar.jpg" class="ui image avatar">
Akbar Adhatama
</td>
<td>Programmer</td>
</tr>
</tbody>
</table>
</div>
<div class="ten wide column">
<h4 class="ui header centered block attached top">Schedule</h4>
<table class="ui table attached bottom very compact">
<thead>
<tr>
<th class="left aligned">Agenda</th>
<th class="right aligned" style="width: 100px">Fixtures</th>
<th class="left aligned" style="width: 100px">Results</th>
</tr>
</thead>
<tbody>
<tr class="disabled">
<td><i class="icon soccer"></i> Kick Off</td>
<td class="right aligned">
<div class="ui label basic">22 Dec '15</div>
</td>
<td>
<div class="ui label red">12 Jan '16</div>
</td>
</tr>
<tr class="disabled">
<td>Requirement 1</td>
<td></td>
<td>
<div class="ui label">12 Jan</div>
</td>
</tr>
<tr class="disabled">
<td>Review 1</td>
<td></td>
<td>
<div class="ui label">12 Jan</div>
</td>
</tr>
<tr class="warning">
<td>Launching 1</td>
<td class="right aligned">
<div class="ui label basic">W4 Februari</div>
</td>
<td></td>
</tr>
<tr class="">
<td>Beta testing di RS UGM</td>
<td class="right aligned">
<div class="ui label basic">Mar-Jul</div>
</td>
<td></td>
</tr>
<tr>
<td>Demo di depan Presiden NANDA</td>
<td class="right aligned">
<div class="ui label basic">Agustus</div>
</td>
<td></td>
</tr>
<tr>
<td><i class="icon flag checkered"></i> Final Whistle</td>
<td class="right aligned"></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
@endetalase
@endsection
@extends('etalase::layout')
@section('content-inner')
@etalase('Data Definition')
<table class="ui table definition">
<tr><td>Name</td><td>Jon Dodo</td></tr>
<tr><td>Position</td><td>Web Developer</td></tr>
<tr><td>Department</td><td>Software Development</td></tr>
<tr><td>Join Date</td><td>1 February 2001</td></tr>
<tr>
<td>Skills</td>
<td>
<div class="ui label">Laravel</div>
<div class="ui label">Grails</div>
<div class="ui label">Node JS</div>
<div class="ui label">Angular</div>
<div class="ui label">Vue</div>
</td>
</tr>
</table>
@endetalase
<div class="ui divider hidden section"></div>
@etalase('Card Definition')
<div class="ui card">
<div class="image">
<img src="{{ asset('img/avatar.jpg') }}">
</div>
<div class="extra p-0">
<table class="ui table definition b-0">
<tr><td>Name</td><td>Jon Dodo</td></tr>
<tr><td>Position</td><td>Web Developer</td></tr>
<tr><td>Department</td><td>Software Development</td></tr>
<tr><td>Join Date</td><td>1 February 2001</td></tr>
</table>
</div>
</div>
@endetalase
@endsection
@extends('etalase::layout')
@section('content-inner')
<div class="ui segment basic center aligned">
<h2 class="ui header horizontal divider">Flash Message</h2>
</div>
<a name="basic"></a>
@etalase('Dark', 'etalase::example.flash.dark')
@endsection
@push('body')
<script>
$(function(){
$(document).on('click', '.ui.button.flash--success', function(){
Messenger({}).post({"message":"Success bro, good job!","type":"success"});
});
$(document).on('click', '.ui.button.flash--error', function(){
Messenger({}).post({"message":"Opps, error bro!","type":"error"});
});
$(document).on('click', '.ui.button.flash--info', function(){
Messenger({}).post({"message":"Woro-woro!","type":"info"});
});
});
</script>
@endpush
<button class="ui button flash--success"><i class="icon circle green"></i>Success</button>
<button class="ui button flash--info"><i class="icon circle blue"></i>Info</button>
<button class="ui button flash--error"><i class="icon circle red"></i>Error</button>
<script>
// Taruh kode dibawah di layout global
// Messenger.options = {
// extraClasses: 'messenger-fixed messenger-on-top animated',
// theme: 'dark' // or 'light' if you wish
// };
// Tampilkan pesan
//Messenger({}).post({"message":"Success bro, good job!","type":"success"});
//Messenger({}).post({"message":"Opps, error bro!","type":"error"});
//Messenger({}).post({"message":"Woro-woro!","type":"info"});
</script>
@extends('etalase::layout')
@section('page.title', 'Form')
@section('content-inner')
{{--<div class="ui segment basic center aligned">--}}
{{--<h2 class="ui header horizontal divider">Form</h2>--}}
{{--<div class="ui list">--}}
{{--<a href="#basic" class="item">Basic</a>--}}
{{--<a href="#advance" class="item">Advance</a>--}}
{{--<a href="#error" class="item">Error Message</a>--}}
{{--<a href="#datepicker" class="item">Datepicker</a>--}}
{{--</div>--}}
{{--</div>--}}
<div class="ui grid stackable two column">
<div class="column">
<div class="ui segment blue padded">
@etalase('Quick Example', 'etalase::example.form.quick')
</div>
<div class="ui segment green padded">
@etalase('Different Size', 'etalase::example.form.size')
</div>
<div class="ui segment orange padded">
@etalase('Input Addon', 'etalase::example.form.input')
</div>
</div>
<div class="column">
<div class="ui segment purple padded">
@etalase('Horizontal Form', 'etalase::example.form.horizontal')
</div>
<div class="ui segment red padded">
@etalase('Different Width', 'etalase::example.form.width')
</div>
<div class="ui segment yellow padded">
@etalase('General Elements', 'etalase::example.form.general')
</div>
<div class="ui segment yellow padded">
@etalase('Datepicker', 'etalase::example.form.calendar')
</div>
</div>
</div>
{{--<a name="advance"></a>--}}
{{--@etalase('Advance Form', 'etalase::example.form.advance')--}}
{{--<a name="datepicker"></a>--}}
{{--@etalase('Datepicker', 'etalase::example.form.calendar')--}}
{{--<a name="error-message"></a>--}}
{{--@etalase('Error State', 'etalase::example.form.error')--}}
@endsection
<form class="ui form">
<h4 class="ui dividing header">Shipping Information</h4>
<div class="field">
<label>Name</label>
<div class="two fields">
<div class="field">
<input type="text" name="shipping[first-name]" placeholder="First Name">
</div>
<div class="field">
<input type="text" name="shipping[last-name]" placeholder="Last Name">
</div>
</div>
</div>
<div class="field">
<label>Billing Address</label>
<div class="fields">
<div class="twelve wide field">
<input type="text" name="shipping[address]" placeholder="Street Address">
</div>
<div class="four wide field">
<input type="text" name="shipping[address-2]" placeholder="Apt #">
</div>
</div>
</div>
<div class="two fields">
<div class="field">
<label>State</label>
<select class="ui fluid dropdown search">
<option value="">State</option>
<option value="AL">Alabama</option>
<option value="AL">San Fransisco</option>
</select>
</div>
<div class="field">
<label>Country</label>
<div class="ui fluid search selection dropdown">
<input type="hidden" name="country">
<i class="dropdown icon"></i>
<div class="default text">Select Country</div>
<div class="menu">
<div class="item" data-value="af"><i class="af flag"></i>Afghanistan</div>
<div class="item" data-value="zw"><i class="zw flag"></i>Zimbabwe</div>
</div>
</div>
</div>
</div>
<h4 class="ui dividing header">Billing Information</h4>
<div class="field">
<label>Card Type</label>
<div class="ui selection dropdown">
<input type="hidden" name="card[type]">
<div class="default text">Type</div>
<i class="dropdown icon"></i>
<div class="menu">
<div class="item" data-value="visa">
<i class="visa icon"></i>
Visa
</div>
<div class="item" data-value="amex">
<i class="amex icon"></i>
American Express
</div>
<div class="item" data-value="discover">
<i class="discover icon"></i>
Discover
</div>
</div>
</div>
</div>
<div class="fields">
<div class="seven wide field">
<label>Card Number</label>
<input type="text" name="card[number]" maxlength="16" placeholder="Card #">
</div>
<div class="three wide field">
<label>CVC</label>
<input type="text" name="card[cvc]" maxlength="3" placeholder="CVC">
</div>
<div class="six wide field">
<label>Expiration</label>
<div class="two fields">
<div class="field">
<select class="ui fluid search dropdown" name="card[expire-month]">
<option value="">Month</option>
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
</div>
<div class="field">
<input type="text" name="card[expire-year]" maxlength="4" placeholder="Year">
</div>
</div>
</div>
</div>
<button type="submit" class="ui button primary" tabindex="0">Submit Order</button>
<a class="ui button">Cancel</a>
</form>
<form class="ui form">
<div class="field">
<label>First Name</label>
<input type="text" name="first-name" placeholder="First Name">
</div>
<div class="field">
<label>Last Name</label>
<input type="text" name="last-name" placeholder="Last Name">
</div>
<div class="field">
<label>Nationality</label>
<select class="ui dropdown search">
<option value="1">Indonesia</option>
<option value="2">Malaysia</option>
<option value="3">Thailand</option>
</select>
</div>
<div class="field">
<label>Hobby</label>
<div class="inline fields">
<div class="field">
<div class="ui checkbox">
<input type="checkbox" name="hobby[]">
<label>Coding</label>
</div>
</div>
<div class="field">
<div class="ui checkbox">
<input type="checkbox" name="hobby[]">
<label>Gaming</label>
</div>
</div>
</div>
</div>
<div class="field">
<label>Gender</label>
<div class="field">
<div class="ui checkbox radio">
<input type="radio" name="gender">
<label>Male</label>
</div>
</div>
<div class="field">
<div class="ui checkbox radio">
<input type="radio" name="gender">
<label>Female</label>
</div>
</div>
</div>
<div class="field">
<label>Do you have any feedback for us?</label>
<textarea rows="5"></textarea>
</div>
<div class="ui divider hidden"></div>
<div class="field">
<div class="ui checkbox">
<input type="checkbox">
<label>I agree to the Terms and Conditions</label>
</div>
</div>
<div class="ui divider hidden"></div>
<button class="ui button primary" type="submit">Submit</button>
<a class="ui button">Cancel</a>
</form>
<div class="ui calendar" data-format="YYYY-MM-DD">
<div class="ui input left icon">
<i class="calendar icon"></i>
<input type="text">
</div>
</div>
<form class="ui form">
<div class="field">
<label>First Name</label>
<input type="text" name="first-name" value="Jon Dodo">
</div>
<div class="field error">
<label>Last Name</label>
<input type="text" name="last-name" placeholder="Last Name">
</div>
<div class="field error">
<label>Nationality</label>
<select class="ui dropdown search">
<option value="1">Indonesia</option>
<option value="2">Malaysia</option>
<option value="3">Thailand</option>
</select>
</div>
<button class="ui button primary" type="submit">Submit</button>
<a class="ui button">Cancel</a>
</form>
<form action="" class="ui form">
<div class="field">
<label for="">Text</label>
<input type="text">
</div>
<div class="field disabled">
<label for="">Text Disabled</label>
<input type="text" disabled>
</div>
<div class="field">
<label for="">Textarea</label>
<textarea name="" id="" cols="30" rows="3"></textarea>
</div>
<div class="field disabled">
<label for="">Textarea Disabled</label>
<textarea name="" id="" cols="30" rows="3" disabled></textarea>
</div>
<div class="field error">
<label>Input with error</label>
<input type="text" name="first-name" value="Jon Dodo">
</div>
<div class="field">
<label>Hobby</label>
<div class="inline fields">
<div class="field">
<div class="ui checkbox">
<input type="checkbox" name="hobby[]">
<label>Coding</label>
</div>
</div>
<div class="field">
<div class="ui checkbox">
<input type="checkbox" name="hobby[]">
<label>Gaming</label>
</div>
</div>
</div>
</div>
<div class="field">
<label>Gender</label>
<div class="field">
<div class="ui checkbox radio">
<input type="radio" name="gender">
<label>Male</label>
</div>
</div>
<div class="field">
<div class="ui checkbox radio">
<input type="radio" name="gender">
<label>Female</label>
</div>
</div>
</div>
<div class="field">
<label>Select</label>
<select class="ui dropdown search">
<option value="1">Indonesia</option>
<option value="2">Malaysia</option>
<option value="3">Thailand</option>
</select>
</div>
<div class="field disabled">
<label>Select Disabled</label>
<select class="ui dropdown search" disabled>
<option value="1">Indonesia</option>
<option value="2">Malaysia</option>
<option value="3">Thailand</option>
</select>
</div>
<div class="field">
<label>Multiple Select</label>
<select class="ui dropdown search" multiple>
<option value="1">Indonesia</option>
<option value="2">Malaysia</option>
<option value="3">Thailand</option>
</select>
</div>
</form>
<div class="ui form">
<div class="inline fields">
<label class="field four wide column">Email</label>
<div class="field twelve wide column">
<input type="text" placeholder="Email">
</div>
</div>
<div class="inline fields">
<label class="field four wide column">Password</label>
<div class="field twelve wide column">
<input type="text" placeholder="Password">
</div>
</div>
<div class="inline fields">
<label class="field four wide column"></label>
<div class="field twelve wide column">
<div class="ui checkbox">
<input type="checkbox">
<label>Remember Me</label>
</div>
</div>
</div>
<div class="inline fields">
<label class="field four wide column"></label>
<div class="field twelve wide column">
<button class="ui button primary" type="submit">Sign In</button>
</div>
</div>
</div>
<form class="ui form">
<div class="field">
{!! SemanticForm::input('username')->placeholder('Username')->prependLabel('@') !!}
</div>
<div class="field">
{!! SemanticForm::input('username')->placeholder('Username')->appendLabel('.00', 'basic') !!}
</div>
<div class="field">
{!! SemanticForm::input('username')->placeholder('Username')->prependLabel('$', 'basic')->appendLabel('.00') !!}
</div>
<div class="field">
{!! SemanticForm::input('username')->placeholder('Email')->prependIcon('mail') !!}
</div>
<div class="field">
{!! SemanticForm::input('username')->placeholder('')->appendIcon('check') !!}
</div>
<div class="field">
{!! SemanticForm::input('username')->placeholder('')->appendIcon('check', 'green') !!}
</div>
<div class="field">
<div class="ui icon input loading">
<input type="text" placeholder="Search...">
<i class="search icon"></i>
</div>
</div>
<div class="field">
<div class="ui right labeled input">
<input type="text" placeholder="Find domain">
<div class="ui dropdown label">
<div class="text">.com</div>
<i class="dropdown icon"></i>
<div class="menu">
<div class="item">.com</div>
<div class="item">.net</div>
<div class="item">.org</div>
</div>
</div>
</div>
</div>
<div class="field">
<div class="ui action input">
<input type="text" placeholder="Search...">
<select class="ui compact selection dropdown">
<option value="all">All</option>
<option selected="" value="articles">Articles</option>
<option value="products">Products</option>
</select>
<div type="submit" class="ui button">Search</div>
</div>
</div>
</form>
<form class="ui form">
<div class="field">
<label>Email address</label>
<input type="text" name="email" placeholder="Enter email">
</div>
<div class="field">
<label>Password</label>
<input type="password" name="password" placeholder="Password">
</div>
<div class="field">
<label>File input</label>
<input type="file">
</div>
<div class="field">
<div class="ui checkbox">
<input type="checkbox">
<label>I agree to the Terms and Conditions</label>
</div>
</div>
<div class="field">
<button class="ui button primary" type="submit">Submit</button>
</div>
</form>
<form class="ui form mini">
<div class="field">
<input type="text" name="email" placeholder="mini">
</div>
</form>
<div class="ui divider hidden"></div>
<form class="ui form tiny">
<div class="field">
<input type="text" name="email" placeholder="tiny">
</div>
</form>
<div class="ui divider hidden"></div>
<form class="ui form small">
<div class="field">
<input type="text" name="email" placeholder="small">
</div>
</form>
<div class="ui divider hidden"></div>
<form class="ui form">
<div class="field">
<input type="text" name="email" placeholder="default">
</div>
</form>
<div class="ui divider hidden"></div>
<form class="ui form large">
<div class="field">
<input type="text" name="email" placeholder="large">
</div>
</form>
<div class="ui divider hidden"></div>
<form class="ui form big">
<div class="field">
<input type="text" name="email" placeholder="big">
</div>
</form>
<div class="ui divider hidden"></div>
<form class="ui form huge">
<div class="field">
<input type="text" name="email" placeholder="huge">
</div>
</form>
<div class="ui divider hidden"></div>
<form class="ui form massive">
<div class="field">
<input type="text" name="email" placeholder="massive">
</div>
</form>
<form class="ui form">
<div class="fields">
<div class="field">
<input type="text" name="email" placeholder="equal width">
</div>
<div class="field">
<input type="text" name="email" placeholder="equal width">
</div>
<div class="field">
<input type="text" name="email" placeholder="equal width">
</div>
</div>
<div class="fields">
<div class="three wide field">
<input type="text" name="email" placeholder="three wide">
</div>
<div class="four wide field">
<input type="text" name="email" placeholder="four wide">
</div>
<div class="nine wide field">
<input type="text" name="email" placeholder="nine wide">
</div>
</div>
</form>
@extends('etalase::layout')
@section('page.title', 'Inbox')
@section('content-inner')
<div class="ui grid stackable">
<div class="column four wide">
<div class="ui vertical menu">
<a class="active item">
<div class="ui small label">19</div>
<i class="icon inbox"></i>
Inbox
</a>
<a class="item">
<div class="ui small label">1</div>
<i class="icon star yellow"></i>
Starred
</a>
<a class="item">
<div class="ui small label">5</div>
<i class="icon bookmark"></i>
Important
</a>
<a class="item">
<div class="ui small label">12</div>
<i class="icon mail"></i>
Sent Mail
</a>
<a class="item">
<div class="ui small label">51</div>
<i class="icon ban"></i>
Spam
</a>
</div>
<div class="ui vertical menu">
<div class="item"><h4 class="ui header">Filter by label:</h4></div>
<a class="item">
<div class="ui red empty circular label"></div>
Important
</a>
<a class="item">
<div class="ui teal empty circular label"></div>
Work
</a>
<a class="item">
<div class="ui blue empty circular label"></div>
Interesting
</a>
<a class="item">
<div class="ui orange empty circular label"></div>
Discussion
</a>
</div>
</div>
<div class="column twelve wide">
<div class="ui segment top attached">
<form action="" class="ui form">
<div class="field">
<div class="ui icon input transparent">
<input type="text" placeholder="Search...">
<i class="search icon"></i>
</div>
</div>
</form>
</div>
<div class="ui segment attached secondary">
<div class="ui checkbox" data-toggle="checkall" data-selector=".checkbox[data-type='check-all-child']">
<input type="checkbox">
</div>
<div class="ui buttons small">
<div class="ui button icon" data-tooltip="Archive" data-inverted="true"><i class="icon archive"></i></div>
<div class="ui button icon" data-tooltip="Label" data-inverted="true"><i class="icon tag"></i></div>
<div class="ui button icon" data-tooltip="Move to trash" data-inverted="true"><i class="icon trash"></i></div>
</div>
<button class="ui button primary right floated"><i class="icon plus"></i> Compose</button>
</div>
<table class="ui table attached single line fixed">
@foreach(range(1, 23) as $i => $item)
<tr>
<td width="60">
<div class="ui checkbox" data-type="check-all-child">
<input type="checkbox" name="_ids[]" value="{{ $i }}">
</div>
<i class="icon star {{ $faker->randomElement(['empty', 'yellow']) }}"></i>
</td>
<td width="120"><strong>{{ $faker->name }}</strong></td>
<td>
@if($i % 4 == 0)
<div class="ui label red mini">Important</div>
@endif
@if($i % 3 == 0)
<div class="ui label red teal mini">Work</div>
@endif
{{ $faker->paragraph(3) }}
</td>
<td width="70">{{ $faker->date('j M') }}</td>
</tr>
@endforeach
</tbody>
</table>
<div class="ui menu bottom attached">
<div class="item borderless">
<small>Menampilkan 1-9 dari total 9</small>
</div>
<ul class="menu attached right bottom">
<div class="item disabled"><i class="icon angle left"></i></div>
<a class="item active">1</a>
<a class="item">2</a>
<a class="item"><i class="icon angle right"></i></a>
</ul>
</div>
</div>
</div>
@endsection
@extends('etalase::layout')
@section('content-inner')
@etalase('Application Launcher')
<div class="ui cards four item">
<a href="" class="card">
<div class="content">
<div class="ui segment basic center aligned padded">
<img src="http://www.lkpp.go.id/v3/files/apps/inaproc.png" alt="" class="ui image tiny">
<h3 class="ui header">INAPROC</h3>
</div>
</div>
</a>
<a href="" class="card">
<div class="content">
<div class="ui segment basic center aligned padded">
<img src="http://www.lkpp.go.id/v3/files/apps/portalintranet.jpg" alt="" class="ui image tiny">
<h3 class="ui header">Portal Intranet</h3>
</div>
</div>
</a>
<a href="" class="card">
<div class="content">
<div class="ui segment basic center aligned padded">
<img src="http://www.lkpp.go.id/v3/files/apps/k_smart_report.png" alt="" class="ui image tiny">
<h3 class="ui header">Smart Report</h3>
</div>
</div>
</a>
<a href="" class="card">
<div class="content">
<div class="ui segment basic center aligned padded">
<img src="http://www.lkpp.go.id/v3/files/apps/monev-trans.png" alt="" class="ui image tiny">
<h3 class="ui header">Monev</h3>
</div>
</div>
</a>
<a href="" class="card">
<div class="content">
<div class="ui segment basic center aligned padded">
<img src="http://www.lkpp.go.id/v3/files/apps/icon-e-proc.png" alt="" class="ui image tiny">
<h3 class="ui header">Portal Eproc</h3>
</div>
</div>
</a>
<a href="" class="card">
<div class="content">
<div class="ui segment basic center aligned padded">
<img src="http://www.lkpp.go.id/v3/files/apps/18-Agustus-2016---Ikon-Logo-SiULP-Revisi-1.png" alt="" class="ui image tiny">
<h3 class="ui header">SIULP</h3>
</div>
</div>
</a>
<a href="" class="card">
<div class="content">
<div class="ui segment basic center aligned padded">
<img src="http://www.lkpp.go.id/v3/files/apps/b2g.png" alt="" class="ui image tiny">
<h3 class="ui header">B2G</h3>
</div>
</div>
</a>
<a href="" class="card">
<div class="content">
<div class="ui segment basic center aligned padded">
<img src="http://www.lkpp.go.id/v3/files/apps/k_adp.png" alt="" class="ui image tiny">
<h3 class="ui header">ADP</h3>
</div>
</div>
</a>
</div>
@endetalase
@endsection
@extends('ui::layouts.app')
@section('content')
<div class="ui container">
<div class="ui message">Standard content</div>
</div>
<div class="ui divider hidden section"></div>
<div class="ui segment secondary attached very padded">
Full width content
</div>
<div class="ui divider hidden section"></div>
<div class="ui container text">
<h3 class="ui header">Text Content (Readable)</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias aspernatur consectetur cupiditate debitis delectus et, eum fuga, impedit magni mollitia natus perferendis porro quia sit temporibus veritatis. Eveniet, labore.</p>
</div>
@endsection
@extends('etalase::layout')
@section('content-inner')
<div class="ui message">Content goes here...</div>
@endsection
@extends('etalase::layout')
@section('content-inner')
<form action="" class="ui form">
<div class="field">
<label for="">Destination</label>
<select class="ui search">
</select>
</div>
</form>
@endsection
@push('body')
<script>
$(function () {
$('.ui.search')
.dropdown({
apiSettings: {
url: '{{ url('etalase/search') }}/{query}'
},
saveRemoteData: false
});
});
</script>
@endpush
@extends('etalase::layout')
@section('content-inner')
@etalase('Padding')
<div class="ui segment p-0">
No padding
</div>
<div class="ui segment p-x-0">
No horizontal padding
</div>
<div class="ui segment p-y-0">
No vertical padding
</div>
<div class="ui segment p-2">
Double padding
</div>
@endetalase
<div class="ui divider hidden section"></div>
@etalase('Margin')
<div class="ui segment m-0">
No margin
</div>
<p>content here...</p>
<div class="ui segment m-1">
Margin all
</div>
<p>content here...</p>
<div class="ui segment m-2">
Double margin all
</div>
<p>content here...</p>
@endetalase
<div class="ui divider hidden section"></div>
<h2 class="ui header">Available Class</h2>
<div class="ui grid stackable two column">
<div class="column">
<h3 class="ui header">Padding</h3>
<pre><code>
.p-0
.p-t-0
.p-r-0
.p-b-0
.p-l-0
.p-x-0
.p-y-0
.p-1
.p-t-1
.p-r-1
.p-b-1
.p-l-1
.p-x-1
.p-y-1
.p-2
.p-t-2
.p-r-2
.p-b-2
.p-l-2
.p-x-2
.p-y-2
</code></pre>
</div>
<div class="column">
<h3 class="ui header">Margin</h3>
<pre><code>
.m-0
.m-t-0
.m-r-0
.m-b-0
.m-l-0
.m-x-0
.m-y-0
.m-1
.m-t-1
.m-r-1
.m-b-1
.m-l-1
.m-x-1
.m-y-1
.m-2
.m-t-2
.m-r-2
.m-b-2
.m-l-2
.m-x-2
.m-y-2
</code></pre>
</div>
</div>
@endsection
@extends('etalase::layout')
@section('content-inner')
<div class="ui segment basic center aligned">
<h2 class="ui header horizontal divider">Table</h2>
<div class="ui list">
<a href="#basic" class="item">Basic</a>
<a href="#dropdown" class="item">Dropdown Action</a>
<a href="#single-line" class="item">Single Line</a>
<a href="#datatable" class="item">Datatable</a>
</div>
</div>
<a name="basic"></a>
@etalase('Basic Table', 'etalase::example.table.basic')
<div class="ui message warning">
Gunakan inline action jika tombol aksinya tidak terlalu banyak (maksimal 3).
Jika pilihan aksi lebih dari 3, gunakan dropdown seperti contoh di bawah ini.
</div>
<div class="ui divider hidden section"></div>
<a name="dropdown"></a>
@etalase('Dropdown Action', 'etalase::example.table.dropdown')
<div class="ui divider hidden section"></div>
<a name="single-line"></a>
@etalase('Single Line', 'etalase::example.table.single')
<div class="ui message warning">
<p>Jika konten yang ditampilkan sangat panjang, gunakan jenis tabel single line agar tampilan lebih nyaman dilihat.</p>
<p>Jangan lupa untuk <strong>mengatur width</strong> masing-masing kolom.</p>
</div>
<div class="ui divider hidden section"></div>
<a name="datatable"></a>
@etalase('Datatable', 'etalase::example.table.datatable')
@endsection
<table class="ui table fixed">
<thead>
<tr>
<th>Nama</th>
<th width="25%">Email</th>
<th width="25%">Status</th>
<th width="150">Action</th>
</tr>
</thead>
<tbody>
@foreach(range(1,3) as $item)
<tr>
<td>{{ $faker->name }}</td>
<td>{{ $faker->safeEmail }}</td>
<td>
<div class="ui label">ACTIVE</div>
</td>
<td>
<a class="ui button mini" href="">Edit</a>
<a class="ui button icon mini" href=""><i class="icon trash"></i></a>
</td>
</tr>
@endforeach
</tbody>
</table>
<div class="ui menu top attached">
<div class="item borderless">
<h3>Datatable</h3>
</div>
<div class="right menu">
<div class="item">
<form>
<div class="ui transparent icon input">
<input class="prompt" name="search" value="" type="text" placeholder="Cari...">
<i class="search link icon"></i>
</div>
</form>
</div>
</div>
</div>
<table class="ui table attached single line fixed">
<thead>
<tr>
<th width="50">
<div class="ui checkbox" data-toggle="checkall" data-selector=".checkbox[data-type='check-all-child']">
<input type="checkbox">
</div>
</th>
<th>Title</th>
<th width="50%">Content</th>
<th width="150">Category</th>
<th width="100">Published Date</th>
</tr>
</thead>
<tbody>
@foreach(range(1,3) as $i => $item)
<tr>
<td>
<div class="ui checkbox" data-type="check-all-child">
<input type="checkbox" name="_ids[]" value="{{ $i }}">
</div>
</td>
<td>{{ $faker->sentence(3) }}</td>
<td>{{ $faker->paragraph(3) }}</td>
<td>Uncategorize</td>
<td>{{ $faker->date('j F Y') }}</td>
</tr>
@endforeach
</tbody>
</table>
<div class="ui menu bottom attached">
<div class="item borderless">
<small>Menampilkan 1-9 dari total 9</small>
</div>
<ul class="menu attached right bottom">
<div class="item disabled"><i class="icon angle left"></i></div>
<a class="item active">1</a>
<a class="item">2</a>
<a class="item"><i class="icon angle right"></i></a>
</ul>
</div>
<table class="ui table">
<thead>
<tr>
<th>Nama</th>
<th width="25%">Email</th>
<th width="25%">Status</th>
<th width="150"></th>
</tr>
</thead>
<tbody>
@foreach(range(1,3) as $item)
<tr>
<td>{{ $faker->name }}</td>
<td>{{ $faker->safeEmail }}</td>
<td>
<div class="ui label">ACTIVE</div>
</td>
<td>
<div class="ui dropdown button mini">
Action
<i class="dropdown icon"></i>
<div class="menu">
<a href="#" class="item"><i class="icon user"></i> View Profile</a>
<a href="#" class="item"><i class="icon edit"></i> Edit</a>
<a href="#" class="item"><i class="icon ban"></i> Ban...</a>
<div class="divider"></div>
<a href="#" class="item"><i class="icon trash"></i> Delete...</a>
</div>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
<table class="ui table single line fixed">
<thead>
<tr>
<th>Title</th>
<th width="50%">Content</th>
<th width="150">Category</th>
<th width="150">Published Date</th>
</tr>
</thead>
<tbody>
@foreach(range(1,3) as $item)
<tr>
<td>{{ $faker->sentence(10) }}</td>
<td>{{ $faker->paragraph(3) }}</td>
<td>Uncategorized</td>
<td>{{ $faker->date('j F Y') }}</td>
</tr>
@endforeach
</tbody>
</table>
@extends('etalase::layout')
@section('content-inner')
@etalase('Text Color')
@foreach(['red', 'orange', 'yellow', 'olive', 'green', 'teal', 'blue', 'violet', 'purple', 'pink', 'brown', 'grey', 'black'] as $color)
<div class="{{ $color }} text">{{ $color }}</div>
@endforeach
@endetalase
@endsection
@extends('ui::layouts.app')
@section('content')
@yield('content-inner')
@endsection
@push('head')
<link rel="stylesheet" type="text/css" href="{{ asset('lib/highlightjs/github.css') }}"/>
<style>
.example {
position: relative;
}
.example .example__title {
margin-bottom: 2rem;
}
.example .example__title .ui.header {
}
.example .example__title .buttons {
position: absolute;
top: 0;
right: 0;
}
.example .example__code {
display: none;
max-height: 400px;
overflow: auto;
margin-bottom: 2rem;
}
.example .example__code pre {
margin: 0;
}
</style>
@endpush
@push('body')
<script type="text/javascript" src="{{ asset('lib/highlightjs/highlight.pack.js') }}"></script>
<script src="{{ asset('lib/clipboard/clipboard.min.js') }}"></script>
<script>
$(document).ready(function () {
$('.example pre code').each(function (i, block) {
hljs.highlightBlock(block);
});
$('.example').on('click', '.button--code', function (e) {
$(e.delegateTarget).find('.example__code').toggle();
});
$('.example .button--copy').popup({
on: 'manual'
});
clipboard = new Clipboard('.example .button--copy', {
text: function (trigger) {
return $(trigger).closest('.example').find('.example__preview').html();
}
});
clipboard.on('success', function (e) {
$(e.trigger).popup('show');
setTimeout(function(){
$(e.trigger).popup('hide');
}, 2000);
});
$('.ui.calendar').each(function (idx, elm) {
elm = $(elm);
var format = elm.data('format');
if (!format) {
format = 'YYYY/MM/DD';
}
elm.calendar({
type: 'date',
formatter: {
date: function (date, settings) {
if (!date) {
return '';
}
var DD = ("0" + date.getDate()).slice(-2);
var MM = ("0" + (date.getMonth() + 1)).slice(-2);
var MMMM = settings.text.months[date.getMonth()];
var YY = date.getFullYear().toString().substr(2, 2);
var YYYY = date.getFullYear();
return format.replace('DD', DD).replace('MMMM', MMMM).replace('MM', MM).replace('YYYY', YYYY).replace('YY', YY);
}
}
});
});
Messenger.options = {
extraClasses: 'messenger-fixed messenger-on-top animated',
theme: 'dark'
};
});
</script>
@endpush
@extends('ui::layouts.back')
@section('content')
<div class="ui message warning">Halaman yang Anda minta tidak tersedia.</div>
@endsection
<?php
namespace Laravolt\Etalase;
class Etalase
{
protected $title = 'Untitled';
public function start($title, $view = '')
{
$this->title = $title;
if ($view === '') {
ob_start();
} else {
$content = view($view)->render();
$title = $this->title;
return view('etalase::container', compact('content', 'title'));
}
}
public function stop()
{
$content = ob_get_clean();
$title = $this->title;
return view('etalase::container', compact('content', 'title'));
}
}
<?php
namespace Laravolt\Etalase;
use App\User;
use Faker\Factory;
use Illuminate\Support\Facades\Blade;
use Illuminate\Support\Facades\View;
use Illuminate\Support\ServiceProvider as BaseServiceProvider;
/**
* Class PackageServiceProvider
*
* @package Laravolt\Ui
* @see http://laravel.com/docs/master/packages#service-providers
* @see http://laravel.com/docs/master/providers
*/
class ServiceProvider extends BaseServiceProvider
{
public function register()
{
$this->app->singleton('laravolt.etalase', function(){
return new Etalase();
});
}
public function boot()
{
$this->loadViewsFrom(realpath(__DIR__.'/../resources/views'), 'etalase');
$this->loadRoutes();
$this->registerMenu();
$this->registerBlade();
$this->registerVariables();
//auth()->login(User::first());
}
protected function loadRoutes()
{
/**
* @var \Illuminate\Routing\Router $router
*/
$router = $this->app['router'];
$router->group(['prefix' => 'etalase', 'middleware' => ['web']], function () use ($router) {
$router->get('search/{query?}', function($query){
$data = \Indonesia::search($query)->paginateVillages();
$results = [];
foreach($data as $village) {
$data->load('district.city.province');
$results[] = [
'name' => "<strong>$village->name</strong>, $village->district_name, $village->city_name, $village->province_name",
'description' => "$village->name, $village->district_name, $village->city_name, $village->province_name",
'value' => $village->id,
];
}
$json = ['success' => true, 'results' => $results];
return response()->json($json);
});
$router->get('{page}', function ($page) {
try {
return view('etalase::example.'.$page);
} catch (\Exception $e) {
return view('etalase::missing', compact('page'));
}
})->where('page', '.*');
});
}
protected function registerMenu()
{
if ($this->app->bound('laravolt.menu')) {
$menu = $this->app['laravolt.menu']->add('UI Element')->data('icon', 'puzzle');
$menu->add('Button', url('etalase/button'));
$menu->add('Definition', url('etalase/definition'));
$menu->add('Table', url('etalase/table'));
$menu->add('Form', url('etalase/form'));
$menu->add('Flash Message', url('etalase/flash'));
$menu->add('Breadcrumb', url('etalase/breadcrumb'));
$menu = $this->app['laravolt.menu']->add('Layout')->data('icon', 'block layout');
$menu->add('Sidebar', url('etalase/layout/sidebar'));
$menu->add('Minimalist', url('etalase/layout/minimalist'));
$menu = $this->app['laravolt.menu']->add('Utility')->data('icon', 'high battery');
$menu->add('Text Color', url('etalase/text'));
$menu->add('Spacing', url('etalase/spacing'));
$menu = $this->app['laravolt.menu']->add('Sample Page')->data('icon', 'browser');
$menu->add('Dashboard', url('etalase/dashboard'));
$menu->add('Control Panel', url('etalase/dashboard/control-panel'));
$menu->add('Launcher', url('etalase/launcher'));
$menu->add('Summary Board', url('etalase/dashboard/summary'));
$menu->add('Inbox', url('etalase/inbox'));
$menu->add('Dropdown Shipping', url('etalase/shipping'));
}
}
protected function registerBlade()
{
Blade::directive('etalase', function($expression) {
return "<?php echo app('laravolt.etalase')->start($expression); ?>";
});
Blade::directive('endetalase', function($expression) {
return "<?php echo app('laravolt.etalase')->stop(); ?>";
});
}
protected function registerVariables()
{
View::composer('etalase::*', function($view){
$faker = Factory::create();
$view->with('faker', $faker);
});
}
}
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