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').focusin(onSearchFocus);
|
||||||
$('#search').blur(onSearchBlur);
|
$('#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
|
// manage sidebar state
|
||||||
function setupSidebar(side) {
|
function setupSidebar(side) {
|
||||||
$("#" + side + "-menu-toggle").click(function(e) {
|
$("#" + side + "-menu-toggle").click(function(e) {
|
||||||
@ -771,89 +727,7 @@
|
|||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
<div class="modal fade" id="helpModal" tabindex="-1" role="dialog" aria-labelledby="helpModalLabel" aria-hidden="true">
|
@include('partials.keyboard_shortcuts')
|
||||||
<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>
|
|
||||||
|
|
||||||
</div>
|
</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