osb/spark/resources/views/kiosk.blade.php
2017-11-03 16:26:07 +11:00

71 lines
2.9 KiB
PHP

@extends('spark::layouts.app')
@section('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/mousetrap/1.4.6/mousetrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
@endsection
@section('content')
<spark-kiosk :user="user" inline-template>
<div class="container-fluid">
<div class="row">
<!-- Tabs -->
<div class="col-md-4">
<div class="panel panel-default panel-flush">
<div class="panel-heading">
Kiosk
</div>
<div class="panel-body">
<div class="spark-settings-tabs">
<ul class="nav spark-settings-stacked-tabs" role="tablist">
<!-- Announcements Link -->
<li role="presentation" class="active">
<a href="#announcements" aria-controls="announcements" role="tab" data-toggle="tab">
<i class="fa fa-fw fa-btn fa-bullhorn"></i>Announcements
</a>
</li>
<!-- Metrics Link -->
<li role="presentation">
<a href="#metrics" aria-controls="metrics" role="tab" data-toggle="tab">
<i class="fa fa-fw fa-btn fa-bar-chart"></i>Metrics
</a>
</li>
<!-- Users Link -->
<li role="presentation">
<a href="#users" aria-controls="users" role="tab" data-toggle="tab">
<i class="fa fa-fw fa-btn fa-user"></i>Users
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Tab Panels -->
<div class="col-md-8">
<div class="tab-content">
<!-- Announcements -->
<div role="tabpanel" class="tab-pane active" id="announcements">
@include('spark::kiosk.announcements')
</div>
<!-- Metrics -->
<div role="tabpanel" class="tab-pane" id="metrics">
@include('spark::kiosk.metrics')
</div>
<!-- User Management -->
<div role="tabpanel" class="tab-pane" id="users">
@include('spark::kiosk.users')
</div>
</div>
</div>
</div>
</div>
</spark-kiosk>
@endsection