feat: Complete Shiplogic integration with mobile-optimized ops workflow
**Shiplogic API Integration:**
- Fixed API base URL configuration (removed /api suffix)
- Implemented comprehensive request/response logging for rates and shipments endpoints
- Fixed PDF fetching: API returns S3 URLs, now downloads actual PDFs from S3
- Added tests and mock API responses for local development (routes/shiplogic-mock.php)
**Courier Service Enhancements:**
- Added redownloadShipmentPdfs() public method for re-downloading corrupted PDFs
- Enhanced error logging with full request/response bodies for debugging
- Proper binary PDF storage using Laravel Storage facade
- URL and S3 download handling for Shiplogic API responses
**Workflow & Operations:**
- Changed to manual "Ready for Collection" button instead of automatic move
- Operators now: scan QR → apply labels → click "Ready for Collection" → moves to Awaiting Collection
- Removed duplicate PDF attachments to Trello (was adding twice from two listeners)
- Fixed NotifySlackOnShipmentCreated to only handle Slack notifications
**Mobile-Optimized Ops Page:**
- Removed QR code display from order detail page
- Implemented responsive single-column layout for mobile phones
- Large touch-friendly buttons (full width, increased padding)
- Bold typography for better readability on small screens
- Larger input fields and tracking number displays
- Clear step-by-step instructions for warehouse operators
- Re-download PDF button for damaged/corrupted labels
**New Features:**
- POST /ops/orders/{uuid}/ready-for-collection endpoint
- Re-download PDFs functionality accessible from awaiting_collection and in_transit states
- Full audit logging for all operations via ops interface
- Proper error handling and user feedback
**Testing:**
- Added ShipmentCreationTest with mock HTTP client
- Created comprehensive testing guide (SHIPLOGIC_TESTING.md)
- Mock API routes for local development without hitting live API
This commit is contained in:
@@ -0,0 +1,225 @@
|
||||
<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag;
|
||||
|
||||
$__newAttributes = [];
|
||||
$__propNames = \Illuminate\View\ComponentAttributeBag::extractPropNames(([
|
||||
'livewire' => null,
|
||||
]));
|
||||
|
||||
foreach ($attributes->all() as $__key => $__value) {
|
||||
if (in_array($__key, $__propNames)) {
|
||||
$$__key = $$__key ?? $__value;
|
||||
} else {
|
||||
$__newAttributes[$__key] = $__value;
|
||||
}
|
||||
}
|
||||
|
||||
$attributes = new \Illuminate\View\ComponentAttributeBag($__newAttributes);
|
||||
|
||||
unset($__propNames);
|
||||
unset($__newAttributes);
|
||||
|
||||
foreach (array_filter(([
|
||||
'livewire' => null,
|
||||
]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
|
||||
$$__key = $$__key ?? $__value;
|
||||
}
|
||||
|
||||
$__defined_vars = get_defined_vars();
|
||||
|
||||
foreach ($attributes->all() as $__key => $__value) {
|
||||
if (array_key_exists($__key, $__defined_vars)) unset($$__key);
|
||||
}
|
||||
|
||||
unset($__defined_vars, $__key, $__value); ?>
|
||||
|
||||
<?php
|
||||
$renderHookScopes = $livewire?->getRenderHookScopes();
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html
|
||||
lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>"
|
||||
dir="<?php echo e(__('filament-panels::layout.direction') ?? 'ltr'); ?>"
|
||||
class="<?php echo \Illuminate\Support\Arr::toCssClasses([
|
||||
'fi',
|
||||
'dark' => filament()->hasDarkModeForced(),
|
||||
]); ?>"
|
||||
>
|
||||
<head>
|
||||
<?php echo e(\Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::HEAD_START, scopes: $renderHookScopes)); ?>
|
||||
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="csrf-token" content="<?php echo e(csrf_token()); ?>" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($favicon = filament()->getFavicon()): ?>
|
||||
<link rel="icon" href="<?php echo e($favicon); ?>" />
|
||||
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
|
||||
|
||||
<?php
|
||||
$title = trim(strip_tags($livewire?->getTitle() ?? ''));
|
||||
$brandName = trim(strip_tags(filament()->getBrandName()));
|
||||
?>
|
||||
|
||||
<title>
|
||||
<?php echo e(filled($title) ? $title : null); ?>
|
||||
|
||||
<?php echo e(filled($brandName) && filled($title) ? ' - ' : null); ?>
|
||||
|
||||
<?php echo e(filled($brandName) ? $brandName : null); ?>
|
||||
|
||||
</title>
|
||||
|
||||
<?php echo e(\Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::STYLES_BEFORE, scopes: $renderHookScopes)); ?>
|
||||
|
||||
|
||||
<style>
|
||||
[x-cloak=''],
|
||||
[x-cloak='x-cloak'],
|
||||
[x-cloak='1'] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
[x-cloak='inline-flex'] {
|
||||
display: inline-flex !important;
|
||||
}
|
||||
|
||||
@media (max-width: 1023px) {
|
||||
[x-cloak='-lg'] {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
[x-cloak='lg'] {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<?php echo \Filament\Support\Facades\FilamentAsset::renderStyles() ?>
|
||||
|
||||
<?php echo e(filament()->getTheme()->getHtml()); ?>
|
||||
|
||||
<?php echo e(filament()->getFontHtml()); ?>
|
||||
|
||||
<?php echo e(filament()->getMonoFontHtml()); ?>
|
||||
|
||||
<?php echo e(filament()->getSerifFontHtml()); ?>
|
||||
|
||||
|
||||
<style>
|
||||
:root {
|
||||
--font-family: '<?php echo filament()->getFontFamily(); ?>';
|
||||
--mono-font-family: '<?php echo filament()->getMonoFontFamily(); ?>';
|
||||
--serif-font-family: '<?php echo filament()->getSerifFontFamily(); ?>';
|
||||
--sidebar-width: <?php echo e(filament()->getSidebarWidth()); ?>;
|
||||
--collapsed-sidebar-width: <?php echo e(filament()->getCollapsedSidebarWidth()); ?>;
|
||||
--default-theme-mode: <?php echo e(filament()->getDefaultThemeMode()->value); ?>;
|
||||
}
|
||||
</style>
|
||||
|
||||
<?php echo $__env->yieldPushContent('styles'); ?>
|
||||
|
||||
<?php echo e(\Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::STYLES_AFTER, scopes: $renderHookScopes)); ?>
|
||||
|
||||
|
||||
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(! filament()->hasDarkMode()): ?>
|
||||
<script>
|
||||
localStorage.setItem('theme', 'light')
|
||||
</script>
|
||||
<?php elseif(filament()->hasDarkModeForced()): ?>
|
||||
<script>
|
||||
localStorage.setItem('theme', 'dark')
|
||||
</script>
|
||||
<?php else: ?>
|
||||
<script>
|
||||
const loadDarkMode = () => {
|
||||
window.theme = localStorage.getItem('theme') ?? <?php echo \Illuminate\Support\Js::from(filament()->getDefaultThemeMode()->value)->toHtml() ?>
|
||||
|
||||
if (
|
||||
window.theme === 'dark' ||
|
||||
(window.theme === 'system' &&
|
||||
window.matchMedia('(prefers-color-scheme: dark)')
|
||||
.matches)
|
||||
) {
|
||||
document.documentElement.classList.add('dark')
|
||||
}
|
||||
}
|
||||
|
||||
loadDarkMode()
|
||||
|
||||
document.addEventListener('livewire:navigated', loadDarkMode)
|
||||
</script>
|
||||
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
|
||||
|
||||
<?php echo e(\Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::HEAD_END, scopes: $renderHookScopes)); ?>
|
||||
|
||||
</head>
|
||||
|
||||
<body
|
||||
<?php echo e($attributes
|
||||
->merge($livewire?->getExtraBodyAttributes() ?? [], escape: false)
|
||||
->class([
|
||||
'fi-body',
|
||||
'fi-panel-' . filament()->getId(),
|
||||
])); ?>
|
||||
|
||||
>
|
||||
<?php echo e(\Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::BODY_START, scopes: $renderHookScopes)); ?>
|
||||
|
||||
|
||||
<?php echo e($slot); ?>
|
||||
|
||||
|
||||
<?php
|
||||
$__split = function ($name, $params = []) {
|
||||
return [$name, $params];
|
||||
};
|
||||
[$__name, $__params] = $__split(Filament\Livewire\Notifications::class);
|
||||
|
||||
$key = null;
|
||||
|
||||
$key ??= \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::generateKey('lw-3970403317-0', null);
|
||||
|
||||
$__html = app('livewire')->mount($__name, $__params, $key);
|
||||
|
||||
echo $__html;
|
||||
|
||||
unset($__html);
|
||||
unset($__name);
|
||||
unset($__params);
|
||||
unset($__split);
|
||||
if (isset($__slots)) unset($__slots);
|
||||
?>
|
||||
|
||||
<?php echo e(\Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::SCRIPTS_BEFORE, scopes: $renderHookScopes)); ?>
|
||||
|
||||
|
||||
<?php echo \Filament\Support\Facades\FilamentAsset::renderScripts(withCore: true) ?>
|
||||
|
||||
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(filament()->hasBroadcasting() && config('filament.broadcasting.echo')): ?>
|
||||
<script data-navigate-once>
|
||||
window.Echo = new window.EchoFactory(<?php echo \Illuminate\Support\Js::from(config('filament.broadcasting.echo'))->toHtml() ?>)
|
||||
|
||||
window.dispatchEvent(new CustomEvent('EchoLoaded'))
|
||||
</script>
|
||||
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
|
||||
|
||||
<?php if(filament()->hasDarkMode() && (! filament()->hasDarkModeForced())): ?>
|
||||
<script>
|
||||
loadDarkMode()
|
||||
</script>
|
||||
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
|
||||
|
||||
<?php echo $__env->yieldPushContent('scripts'); ?>
|
||||
|
||||
<?php echo e(\Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::SCRIPTS_AFTER, scopes: $renderHookScopes)); ?>
|
||||
|
||||
|
||||
<?php echo e(\Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::BODY_END, scopes: $renderHookScopes)); ?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<?php /**PATH /var/www/additional_design/vendor/filament/filament/resources/views/components/layout/base.blade.php ENDPATH**/ ?>
|
||||
Reference in New Issue
Block a user