Skip to content

Commit 51b1250

Browse files
lmajanolmajano
committed
more ui wip
1 parent 22b58d5 commit 51b1250

2 files changed

Lines changed: 52 additions & 25 deletions

File tree

‎system/exceptions/Whoops.cfm‎

Lines changed: 51 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -337,40 +337,67 @@ An enhanced error reporting and debugging tool for ColdBox Framework
337337
<!----------------------------------------------------------------------------------------->
338338
<div class="request-info data-table-container">
339339

340-
<!----------------------------------------------------------------------------------------->
341-
<!--- Slide UP Button --->
342-
<!----------------------------------------------------------------------------------------->
343-
344-
<cfif stackFrames gt 0 AND local.inDebugMode>
345-
<div class="slideup_row">
346-
<a href="javascript:void(0);" onclick="toggleCodePreview()" class="button button-icononly">
347-
<i id="codetoggle-up" data-eva="arrowhead-up-outline"></i>
348-
<i id="codetoggle-down" class="hidden" data-eva="arrowhead-down-outline"></i>
349-
</a>
350-
</div>
351-
</cfif>
352-
353340
<!----------------------------------------------------------------------------------------->
354341
<!--- Scope Filters --->
355342
<!----------------------------------------------------------------------------------------->
356343

357344
<div>
358345
<h2 class="details-heading">
359346
Exception Details
347+
<!--- Only Show Code Preview Button in Debug Mode --->
348+
<cfif stackFrames gt 0 AND local.inDebugMode>
349+
<a href="javascript:void(0);" onclick="toggleCodePreview()" class="button button-icononly" style="margin-left: auto;" title="Toggle Code Preview">
350+
<i id="codetoggle-up" data-eva="arrowhead-up-outline"></i>
351+
<i id="codetoggle-down" class="hidden" data-eva="arrowhead-down-outline"></i>
352+
</a>
353+
</cfif>
360354
</h2>
361355
<div class="data-filter" title="Filter Scopes">
362356
<i data-eva="funnel-outline" fill="white"></i>
363-
<a class="button all active" href="javascript:void(0);" onclick="filterScopes( this, '' );">📊 All</a>
364-
<a class="button eventdetails" href="javascript:void(0);" onclick="filterScopes( this, 'eventdetails' );">❌ Error Details</a>
365-
<a class="button frameworksnapshot_scope" href="javascript:void(0);" onclick="filterScopes( this, 'frameworksnapshot_scope' );">🏗️ Framework Snapshot</a>
366-
<a class="button database_scope" href="javascript:void(0);" onclick="filterScopes( this, 'database_scope' );">🗄️ Database</a>
367-
<a class="button rc_scope" href="javascript:void(0);" onclick="filterScopes( this, 'rc_scope' );">📨 RC</a>
368-
<a class="button prc_scope" href="javascript:void(0);" onclick="filterScopes( this, 'prc_scope' );">📬 PRC</a>
369-
<a class="button headers_scope" href="javascript:void(0);" onclick="filterScopes( this, 'headers_scope' );">📋 Headers</a>
370-
<a class="button session_scope" href="javascript:void(0);" onclick="filterScopes( this, 'session_scope' );">👤 Session</a>
371-
<a class="button application_scope" href="javascript:void(0);" onclick="filterScopes( this, 'application_scope' );">🏢 Application</a>
372-
<a class="button cookies_scope" href="javascript:void(0);" onclick="filterScopes( this, 'cookies_scope' );">🍪 Cookies</a>
373-
<a class="button stacktrace_scope" href="javascript:void(0);" onclick="filterScopes( this, 'stacktrace_scope' );">📚 Raw Stack Trace</a>
357+
<a
358+
class="button all active"
359+
href="javascript:void(0);"
360+
onclick="filterScopes( this, '' );">📊 All</a>
361+
<a
362+
class="button eventdetails"
363+
href="javascript:void(0);"
364+
onclick="filterScopes( this, 'eventdetails' );">❌ Error Details</a>
365+
<a
366+
class="button frameworksnapshot_scope"
367+
href="javascript:void(0);"
368+
onclick="filterScopes( this, 'frameworksnapshot_scope' );">🏗️ Framework Snapshot</a>
369+
<a
370+
class="button database_scope"
371+
href="javascript:void(0);"
372+
onclick="filterScopes( this, 'database_scope' );">🗄️ Database</a>
373+
<a
374+
class="button rc_scope"
375+
href="javascript:void(0);"
376+
onclick="filterScopes( this, 'rc_scope' );">📨 RC</a>
377+
<a
378+
class="button prc_scope"
379+
href="javascript:void(0);"
380+
onclick="filterScopes( this, 'prc_scope' );">📬 PRC</a>
381+
<a
382+
class="button headers_scope"
383+
href="javascript:void(0);"
384+
onclick="filterScopes( this, 'headers_scope' );">📋 Headers</a>
385+
<a
386+
class="button session_scope"
387+
href="javascript:void(0);"
388+
onclick="filterScopes( this, 'session_scope' );">👤 Session</a>
389+
<a
390+
class="button application_scope"
391+
href="javascript:void(0);"
392+
onclick="filterScopes( this, 'application_scope' );">🏢 Application</a>
393+
<a
394+
class="button cookies_scope"
395+
href="javascript:void(0);"
396+
onclick="filterScopes( this, 'cookies_scope' );">🍪 Cookies</a>
397+
<a
398+
class="button stacktrace_scope"
399+
href="javascript:void(0);"
400+
onclick="filterScopes( this, 'stacktrace_scope' );">📚 Raw Stack Trace</a>
374401
</div>
375402
</div>
376403

‎system/exceptions/css/whoops.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -512,7 +512,7 @@ a.button-icononly {
512512
font-weight: 600;
513513
font-size: 1.25rem;
514514
margin: 0 0 var(--spacing-md) 0;
515-
padding: var(--spacing-lg) var(--spacing-lg) var(--spacing-sm) var(--spacing-lg);
515+
padding: var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-lg);
516516
display: flex;
517517
align-items: center;
518518
gap: var(--spacing-sm);

0 commit comments

Comments
 (0)