Browse Source

Restructure dashboard and sidebar view

pull/1/head
Nafies Luthfi 8 years ago
parent
commit
a4921c0740
  1. 58
      resources/lang/id/feature.php
  2. 6
      resources/lang/id/nav_menu.php
  3. 23
      resources/views/layouts/dashboard.blade.php
  4. 10
      resources/views/layouts/partials/sidebar.blade.php
  5. 157
      resources/views/pages/home.blade.php
  6. 10
      resources/views/pages/partials/dashboard-nav-tabs.blade.php
  7. 7
      resources/views/users/profile/show.blade.php
  8. 25
      resources/views/view-components/dashboard-panel.blade.php

58
resources/lang/id/feature.php

@ -1,30 +1,36 @@
<?php <?php
return [ return [
'feature' => 'Fitur',
'features' => 'Daftar Fitur',
'name' => 'Nama Fitur',
'create' => 'Input Fitur Baru',
'created' => 'Input Fitur baru telah berhasil.',
'show' => 'Detail Fitur',
'edit' => 'Edit Fitur',
'update' => 'Update Fitur',
'updated' => 'Update data Fitur telah berhasil.',
'delete' => 'Hapus Fitur',
'deleted' => 'Hapus data Fitur telah berhasil.',
'undeleted' => 'Data Fitur gagal dihapus.',
'search' => 'Cari Fitur',
'found' => 'Fitur ditemukan',
'not_found' => 'Fitur tidak ditemukan',
'tasks_count' => 'Jumlah Task',
'description' => 'Deskripsi',
'progress' => 'Progress',
'worker' => 'Pekerja',
'price' => 'Biaya Pengerjaan',
'type' => 'Jenis Fitur',
'tasks' => 'Daftar Task',
'price_total' => 'Nilai Fitur Total',
'empty' => 'Belum ada Fitur',
'back_to_index' => 'Kembali ke daftar Fitur',
// Labels
'feature' => 'Fitur',
'features' => 'Daftar Fitur',
'on_progress' => 'Fitur on Progress',
'search' => 'Cari Fitur',
'found' => 'Fitur ditemukan',
'not_found' => 'Fitur tidak ditemukan',
'tasks' => 'Daftar Task',
'price_total' => 'Nilai Fitur Total',
'tasks_count' => 'Jumlah Task',
'empty' => 'Belum ada Fitur',
'back_to_index' => 'Kembali ke daftar Fitur',
// Actions
'create' => 'Input Fitur Baru',
'created' => 'Input Fitur baru telah berhasil.',
'show' => 'Detail Fitur',
'edit' => 'Edit Fitur',
'update' => 'Update Fitur',
'updated' => 'Update data Fitur telah berhasil.',
'delete' => 'Hapus Fitur',
'deleted' => 'Hapus data Fitur telah berhasil.',
'undeleted' => 'Data Fitur gagal dihapus.',
'add_from_other_project' => 'Tambah Fitur dari Project Lain', 'add_from_other_project' => 'Tambah Fitur dari Project Lain',
];
// Attributes
'name' => 'Nama Fitur',
'description' => 'Deskripsi',
'progress' => 'Progress',
'worker' => 'Pekerja',
'price' => 'Biaya Pengerjaan',
'type' => 'Jenis Fitur',
];

6
resources/lang/id/nav_menu.php

@ -0,0 +1,6 @@
<?php
return [
'dashboard' => 'Dashboard',
'agency' => 'Agensi',
];

23
resources/views/layouts/dashboard.blade.php

@ -0,0 +1,23 @@
@extends('layouts.app')
@section('content')
<div class="well well-sm" style="margin-top: 15px;">
{!! Form::open(['route' => 'projects.index','method'=>'get','class'=>'form-inline']) !!}
{!! Form::text('q', Request::get('q'), [
'class' => 'form-control index-search-field',
'placeholder' => trans('project.search'),
'style' => 'width:100%;max-width:350px'
]) !!}
{!! Form::submit(trans('project.search'), ['class' => 'btn btn-info btn-sm']) !!}
{{ link_to_route('projects.create', trans('project.create'), [], [
'class' => 'btn btn-success pull-right',
'style' => 'margin: -2px 0px;'
]) }}
{!! Form::close() !!}
</div>
@include('pages.partials.dashboard-nav-tabs')
@yield('content-dashboard')
@endsection

10
resources/views/layouts/partials/sidebar.blade.php

@ -13,17 +13,13 @@
<div class="small" style="margin-top:10px">{{ Option::get('app_name','Laravel') }}</div> <div class="small" style="margin-top:10px">{{ Option::get('app_name','Laravel') }}</div>
</a> </a>
<ul class="nav" id="side-menu"> <ul class="nav" id="side-menu">
<li>{!! html_link_to_route('home', 'Dashboard', [], ['icon' => 'dashboard']) !!}</li>
<li>{!! html_link_to_route('users.profile.show', trans('auth.profile'), [], ['icon' => 'user']) !!}</li>
<li>{!! html_link_to_route('home', trans('nav_menu.dashboard'), [], ['icon' => 'dashboard']) !!}</li>
@can('manage', auth()->user()->agency) @can('manage', auth()->user()->agency)
<li>{!! html_link_to_route('users.agency.show', trans('auth.agency'), [], ['icon' => 'user']) !!}</li>
@endcan
@can('add_project')
<li>{!! html_link_to_route('features.index', 'On Progress Features', [], ['icon' => 'tasks']) !!}</li>
<li>{!! html_link_to_route('users.agency.show', trans('nav_menu.agency'), [], ['icon' => 'user']) !!}</li>
<li>{!! html_link_to_route('features.index', trans('feature.on_progress'), [], ['icon' => 'tasks']) !!}</li>
<li> <li>
<?php $projectsCount = App\Entities\Projects\Project::select(DB::raw('status_id, count(id) as count')) <?php $projectsCount = App\Entities\Projects\Project::select(DB::raw('status_id, count(id) as count'))
->groupBy('status_id') ->groupBy('status_id')
->where('owner_id', auth()->id())
->pluck('count', 'status_id') ->pluck('count', 'status_id')
->all();?> ->all();?>
{!! html_link_to_route('projects.index', trans('project.projects') . ' <span class="fa arrow"></span>', [], ['icon' => 'table']) !!} {!! html_link_to_route('projects.index', trans('project.projects') . ' <span class="fa arrow"></span>', [], ['icon' => 'table']) !!}

157
resources/views/pages/home.blade.php

@ -1,130 +1,63 @@
@extends('layouts.app')
@extends('layouts.dashboard')
@section('content')
@section('title', trans('nav_menu.dashboard'))
<div class="well well-sm" style="margin-top: 15px;">
{!! Form::open(['route' => 'projects.index','method'=>'get','class'=>'form-inline']) !!}
{!! Form::text('q', Request::get('q'), [
'class' => 'form-control index-search-field',
'placeholder' => trans('project.search'),
'style' => 'width:100%;max-width:350px'
]) !!}
{!! Form::submit(trans('project.search'), ['class' => 'btn btn-info btn-sm']) !!}
{{ link_to_route('projects.create', trans('project.create'), [], [
'class' => 'btn btn-success pull-right',
'style' => 'margin: -2px 0px;'
]) }}
{!! Form::close() !!}
</div>
@section('content-dashboard')
<div class="row"> <div class="row">
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<a href="{{ route('projects.index',['status' => 1]) }}">
<div class="panel panel-default">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3"><i class="fa fa-paperclip fa-5x"></i></div>
<div class="col-xs-9 text-right">
<div class="huge">{{ array_key_exists(1, $projectsCount) ? $projectsCount[1] : 0 }}</div>
<div class="lead">{{ getProjectStatusesList(1) }}</div>
</div>
</div>
</div>
<div class="panel-footer">
View Details <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
</div>
</div>
</a>
@include('view-components.dashboard-panel', [
'class' => 'default',
'icon' => 'paperclip',
'number' => array_key_exists(1, $projectsCount) ? $projectsCount[1] : 0,
'text' => getProjectStatusesList(1),
'linkRoute' => route('projects.index',['status' => 1]),
])
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<a href="{{ route('projects.index',['status' => 2]) }}">
<div class="panel panel-yellow">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3"><i class="fa fa-tasks fa-5x"></i></div>
<div class="col-xs-9 text-right">
<div class="huge">{{ array_key_exists(2, $projectsCount) ? $projectsCount[2] : 0 }}</div>
<div class="lead">{{ getProjectStatusesList(2) }}</div>
</div>
</div>
</div>
<div class="panel-footer">
View Details <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
</div>
</div>
</a>
@include('view-components.dashboard-panel', [
'class' => 'yellow',
'icon' => 'tasks',
'number' => array_key_exists(2, $projectsCount) ? $projectsCount[2] : 0,
'text' => getProjectStatusesList(2),
'linkRoute' => route('projects.index',['status' => 2]),
])
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<a href="{{ route('projects.index',['status' => 3]) }}">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3"><i class="fa fa-thumbs-o-up fa-5x"></i></div>
<div class="col-xs-9 text-right">
<div class="huge">{{ array_key_exists(3, $projectsCount) ? $projectsCount[3] : 0 }}</div>
<div class="lead">{{ getProjectStatusesList(3) }}</div>
</div>
</div>
</div>
<div class="panel-footer">
View Details <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
</div>
</div>
</a>
@include('view-components.dashboard-panel', [
'class' => 'primary',
'icon' => 'thumbs-o-up',
'number' => array_key_exists(3, $projectsCount) ? $projectsCount[3] : 0,
'text' => getProjectStatusesList(3),
'linkRoute' => route('projects.index',['status' => 3]),
])
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<a href="{{ route('projects.index',['status' => 4]) }}">
<div class="panel panel-green">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3"><i class="fa fa-money fa-5x"></i></div>
<div class="col-xs-9 text-right">
<div class="huge">{{ array_key_exists(4, $projectsCount) ? $projectsCount[4] : 0 }}</div>
<div class="lead">{{ getProjectStatusesList(4) }}</div>
</div>
</div>
</div>
<div class="panel-footer">
View Details <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
</div>
</div>
</a>
@include('view-components.dashboard-panel', [
'class' => 'green',
'icon' => 'money',
'number' => array_key_exists(4, $projectsCount) ? $projectsCount[4] : 0,
'text' => getProjectStatusesList(4),
'linkRoute' => route('projects.index',['status' => 4]),
])
</div> </div>
<div class="col-lg-3 col-md-6 col-lg-offset-3"> <div class="col-lg-3 col-md-6 col-lg-offset-3">
<a href="{{ route('projects.index',['status' => 5]) }}">
<div class="panel panel-danger">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3"><i class="fa fa-smile-o fa-5x"></i></div>
<div class="col-xs-9 text-right">
<div class="huge">{{ array_key_exists(5, $projectsCount) ? $projectsCount[5] : 0 }}</div>
<div class="lead">{{ getProjectStatusesList(5) }}</div>
</div>
</div>
</div>
<div class="panel-footer">
View Details <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
</div>
</div>
</a>
@include('view-components.dashboard-panel', [
'class' => 'danger',
'icon' => 'fa-smile-o',
'number' => array_key_exists(5, $projectsCount) ? $projectsCount[5] : 0,
'text' => getProjectStatusesList(5),
'linkRoute' => route('projects.index',['status' => 5]),
])
</div> </div>
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<a href="{{ route('projects.index',['status' => 6]) }}">
<div class="panel panel-warning">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3"><i class="fa fa-hand-paper-o fa-5x"></i></div>
<div class="col-xs-9 text-right">
<div class="huge">{{ array_key_exists(6, $projectsCount) ? $projectsCount[6] : 0 }}</div>
<div class="lead">{{ getProjectStatusesList(6) }}</div>
</div>
</div>
</div>
<div class="panel-footer">
View Details <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
</div>
</div>
</a>
@include('view-components.dashboard-panel', [
'class' => 'warning',
'icon' => 'hand-paper-o',
'number' => array_key_exists(6, $projectsCount) ? $projectsCount[6] : 0,
'text' => getProjectStatusesList(6),
'linkRoute' => route('projects.index',['status' => 6]),
])
</div> </div>
</div> </div>
@endsection @endsection

10
resources/views/pages/partials/dashboard-nav-tabs.blade.php

@ -0,0 +1,10 @@
<!-- Nav tabs -->
<ul class="nav nav-tabs">
<li class="{{ Request::segment(1) == 'home' ? 'active' : '' }}">
{!! link_to_route('home', trans('nav_menu.dashboard')) !!}
</li>
<li class="{{ Request::segment(1) == 'profile' ? 'active' : '' }}">
{!! link_to_route('users.profile.show', trans('auth.profile')) !!}
</li>
</ul>
<br>

7
resources/views/users/profile/show.blade.php

@ -1,11 +1,8 @@
@extends('layouts.app')
@extends('layouts.dashboard')
@section('title', trans('auth.profile')) @section('title', trans('auth.profile'))
@section('content')
<ul class="breadcrumb hidden-print">
<li class="active">{{ trans('auth.profile') }}</li>
</ul>
@section('content-dashboard')
<div class="row"> <div class="row">
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<div class="panel panel-default"> <div class="panel panel-default">

25
resources/views/view-components/dashboard-panel.blade.php

@ -0,0 +1,25 @@
<?php
$class = isset($class) ? $class : 'default';
$icon = isset($icon) ? $icon : 'tasks';
$number = isset($number) ? $number : 0;
$text = isset($text) ? $text : 'Info Text';
$linkText = isset($linkText) ? $linkText : trans('app.show');
$linkRoute = isset($linkRoute) ? $linkRoute : '#';
?>
<a href="{{ $linkRoute }}">
<div class="panel panel-{{ $class }}">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3"><i class="fa fa-{{ $icon }} fa-5x"></i></div>
<div class="col-xs-9 text-right">
<div class="huge">{{ $number }}</div>
<div class="lead">{{ $text }}</div>
</div>
</div>
</div>
<div class="panel-footer">
{{ $linkText }} <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
</div>
</div>
</a>
Loading…
Cancel
Save