mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-07-09 03:14:30 -04:00
Added keyboard shortcuts
This commit is contained in:
Hillel Coren
parent
a7d99a7f78
commit
4647385301
@ -287,50 +287,6 @@
|
||||
$('#search').focusin(onSearchFocus);
|
||||
$('#search').blur(onSearchBlur);
|
||||
|
||||
Mousetrap.bind('?', function(e) {
|
||||
console.log('heree');
|
||||
$('#helpModal').modal('show');
|
||||
});
|
||||
|
||||
Mousetrap.bind('/', function(e) {
|
||||
event.preventDefault();
|
||||
$('#search').focus();
|
||||
});
|
||||
|
||||
Mousetrap.bind('d', function(e) {
|
||||
location.href = "{{ url('/dashboard') }}";
|
||||
});
|
||||
|
||||
Mousetrap.bind('s', function(e) {
|
||||
location.href = "{{ url('/settings/company_details') }}";
|
||||
});
|
||||
|
||||
Mousetrap.bind('h', function(e) {
|
||||
$('#right-menu-toggle').trigger('click');
|
||||
});
|
||||
|
||||
Mousetrap.bind('m', function(e) {
|
||||
$('#left-menu-toggle').trigger('click');
|
||||
});
|
||||
|
||||
@foreach([
|
||||
'i' => ENTITY_INVOICE,
|
||||
'p' => ENTITY_PAYMENT,
|
||||
'e' => ENTITY_EXPENSE,
|
||||
't' => ENTITY_TASK,
|
||||
'c' => ENTITY_CLIENT,
|
||||
'q' => ENTITY_QUOTE,
|
||||
'v' => ENTITY_VENDOR,
|
||||
'r' => ENTITY_RECURRING_INVOICE,
|
||||
] as $key => $value)
|
||||
Mousetrap.bind('n {{ $key }}', function(e) {
|
||||
location.href = "{{ url($value . 's/create') }}";
|
||||
});
|
||||
Mousetrap.bind('l {{ $key }}', function(e) {
|
||||
location.href = "{{ url($value . 's') }}";
|
||||
});
|
||||
@endforeach
|
||||
|
||||
// manage sidebar state
|
||||
function setupSidebar(side) {
|
||||
$("#" + side + "-menu-toggle").click(function(e) {
|
||||
@ -771,89 +727,7 @@
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="modal fade" id="helpModal" tabindex="-1" role="dialog" aria-labelledby="helpModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">{{ trans('texts.keyboard_shortcuts') }}</h4>
|
||||
</div>
|
||||
|
||||
<style type="text/css">
|
||||
.help-panel {
|
||||
margin-left: 14px;
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.help-panel .col-md-2 div,
|
||||
.help-panel .col-md-3 div {
|
||||
background-color:#777;
|
||||
color:#fff;
|
||||
width:28px;
|
||||
text-align:center;
|
||||
padding-top:4px;
|
||||
padding-bottom:4px;
|
||||
font-weight:bold;
|
||||
font-size: 18px;
|
||||
float: left;
|
||||
margin-right: 12px;
|
||||
margin-top: 4px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.help-panel .key-label {
|
||||
padding-top: 12px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="panel-body help-panel">
|
||||
<div class="row">
|
||||
<div class="col-md-2"><div>?</div></div>
|
||||
<div class="col-md-4 key-label">{{ trans('texts.help') }}</div>
|
||||
<div class="col-md-3"><div>N</div><div>C</div></div>
|
||||
<div class="col-md-3 key-label">{{ trans('texts.new_client') }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2"><div>/</div></div>
|
||||
<div class="col-md-4 key-label">{{ trans('texts.search') }}</div>
|
||||
<div class="col-md-3"><div>N</div><div>I</div></div>
|
||||
<div class="col-md-3 key-label">{{ trans('texts.new_invoice') }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2"><div>D</div></div>
|
||||
<div class="col-md-4 key-label">{{ trans('texts.dashboard') }}</div>
|
||||
<div class="col-md-3"><div>N</div><div>...</div></div>
|
||||
<div class="col-md-3 key-label">{{ trans('texts.new_...') }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2"><div>S</div></div>
|
||||
<div class="col-md-4 key-label">{{ trans('texts.settings') }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2"></div>
|
||||
<div class="col-md-4"></div>
|
||||
<div class="col-md-3"><div>L</div><div>C</div></div>
|
||||
<div class="col-md-3 key-label">{{ trans('texts.list_clients') }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2"><div>M</div></div>
|
||||
<div class="col-md-4 key-label">{{ trans('texts.toggle_menu') }}</div>
|
||||
<div class="col-md-3"><div>L</div><div>I</div></div>
|
||||
<div class="col-md-3 key-label">{{ trans('texts.list_invoices') }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2"><div>H</div></div>
|
||||
<div class="col-md-4 key-label">{{ trans('texts.toggle_history') }}</div>
|
||||
<div class="col-md-3"><div>L</div><div>...</div></div>
|
||||
<div class="col-md-3 key-label">{{ trans('texts.list_...') }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">{{ trans('texts.close') }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@include('partials.keyboard_shortcuts')
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
131
resources/views/partials/keyboard_shortcuts.blade.php
Normal file
131
resources/views/partials/keyboard_shortcuts.blade.php
Normal file
@ -0,0 +1,131 @@
|
||||
<style type="text/css">
|
||||
.help-panel {
|
||||
margin-left: 14px;
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.help-panel .col-md-2 div,
|
||||
.help-panel .col-md-3 div {
|
||||
background-color:#777;
|
||||
color:#fff;
|
||||
width:28px;
|
||||
text-align:center;
|
||||
padding-top:4px;
|
||||
padding-bottom:4px;
|
||||
font-weight:bold;
|
||||
font-size: 18px;
|
||||
float: left;
|
||||
margin-right: 12px;
|
||||
margin-top: 4px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.help-panel .key-label {
|
||||
padding-top: 12px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="modal fade" id="helpModal" tabindex="-1" role="dialog" aria-labelledby="helpModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">{{ trans('texts.keyboard_shortcuts') }}</h4>
|
||||
</div>
|
||||
<div class="panel-body help-panel">
|
||||
<div class="row">
|
||||
<div class="col-md-2"><div>?</div></div>
|
||||
<div class="col-md-4 key-label">{{ trans('texts.help') }}</div>
|
||||
<div class="col-md-3"><div>N</div><div>C</div></div>
|
||||
<div class="col-md-3 key-label">{{ trans('texts.new_client') }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2"><div>/</div></div>
|
||||
<div class="col-md-4 key-label">{{ trans('texts.search') }}</div>
|
||||
<div class="col-md-3"><div>N</div><div>I</div></div>
|
||||
<div class="col-md-3 key-label">{{ trans('texts.new_invoice') }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2"><div>D</div></div>
|
||||
<div class="col-md-4 key-label">{{ trans('texts.dashboard') }}</div>
|
||||
<div class="col-md-3"><div>N</div><div>...</div></div>
|
||||
<div class="col-md-3 key-label">{{ trans('texts.new_...') }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2"><div>S</div></div>
|
||||
<div class="col-md-4 key-label">{{ trans('texts.settings') }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2"></div>
|
||||
<div class="col-md-4"></div>
|
||||
<div class="col-md-3"><div>L</div><div>C</div></div>
|
||||
<div class="col-md-3 key-label">{{ trans('texts.list_clients') }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2"><div>M</div></div>
|
||||
<div class="col-md-4 key-label">{{ trans('texts.toggle_menu') }}</div>
|
||||
<div class="col-md-3"><div>L</div><div>I</div></div>
|
||||
<div class="col-md-3 key-label">{{ trans('texts.list_invoices') }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2"><div>H</div></div>
|
||||
<div class="col-md-4 key-label">{{ trans('texts.toggle_history') }}</div>
|
||||
<div class="col-md-3"><div>L</div><div>...</div></div>
|
||||
<div class="col-md-3 key-label">{{ trans('texts.list_...') }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">{{ trans('texts.close') }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
|
||||
Mousetrap.bind('?', function(e) {
|
||||
$('#helpModal').modal('show');
|
||||
});
|
||||
|
||||
Mousetrap.bind('/', function(e) {
|
||||
event.preventDefault();
|
||||
$('#search').focus();
|
||||
});
|
||||
|
||||
Mousetrap.bind('d', function(e) {
|
||||
location.href = "{{ url('/dashboard') }}";
|
||||
});
|
||||
|
||||
Mousetrap.bind('s', function(e) {
|
||||
location.href = "{{ url('/settings/company_details') }}";
|
||||
});
|
||||
|
||||
Mousetrap.bind('h', function(e) {
|
||||
$('#right-menu-toggle').trigger('click');
|
||||
});
|
||||
|
||||
Mousetrap.bind('m', function(e) {
|
||||
$('#left-menu-toggle').trigger('click');
|
||||
});
|
||||
|
||||
@foreach([
|
||||
'i' => ENTITY_INVOICE,
|
||||
'p' => ENTITY_PAYMENT,
|
||||
'e' => ENTITY_EXPENSE,
|
||||
't' => ENTITY_TASK,
|
||||
'c' => ENTITY_CLIENT,
|
||||
'q' => ENTITY_QUOTE,
|
||||
'v' => ENTITY_VENDOR,
|
||||
'r' => ENTITY_RECURRING_INVOICE,
|
||||
] as $key => $value)
|
||||
Mousetrap.bind('n {{ $key }}', function(e) {
|
||||
location.href = "{{ url($value . 's/create') }}";
|
||||
});
|
||||
Mousetrap.bind('l {{ $key }}', function(e) {
|
||||
location.href = "{{ url($value . 's') }}";
|
||||
});
|
||||
@endforeach
|
||||
|
||||
});
|
||||
</script>
|
||||
Loading…
x
Reference in New Issue
Block a user