src/ApplicationBundle/Resources/views/framework/_cp_app_launcher.html.twig line 1

Open in your IDE?
  1. {#
  2.   framework/_cp_app_launcher.html.twig
  3.   "All Apps" launcher — a grouped grid of every top feature, reachable from any cp-shell page
  4.   (trigger button lives in _cp_topstrip). The safety net so nothing is lost while modules are
  5.   still being folded into their sidebars. Every route here is verified to exist (a bad path()
  6.   would 500 every page). Add a feature = one row in _groups below.
  7. #}
  8. {% set _groups = [
  9.   { title: 'Areas', items: [
  10.     { l:'Home',         r:'dashboard',              i:'home' },
  11.     { l:'Purchasing',   r:'purchase_dashboard',     i:'shopping_cart' },
  12.     { l:'Sales',        r:'sales_dashboard',        i:'attach_money' },
  13.     { l:'Distribution', r:'distribution_dashboard', i:'local_shipping' },
  14.     { l:'Inventory',    r:'inventory_dashboard',    i:'archive' },
  15.     { l:'POS',          r:'pos_dashboard',          i:'local_atm' },
  16.     { l:'Production',   r:'production_dashboard',   i:'build' },
  17.     { l:'Finance',      r:'finance_dashboard',      i:'account_balance' },
  18.     { l:'Projects',     r:'copilot_dashboard',      i:'work' },
  19.     { l:'People',       r:'hrm_cockpit',            i:'supervisor_account' },
  20.     { l:'All Pages (Directory)', r:'cp_directory',  i:'apps' }
  21.   ] },
  22.   { title: 'Purchasing & Trade', items: [
  23.     { l:'Express Purchase', r:'express_purchase_new', i:'flash_on' },
  24.     { l:'Import & LC',      r:'import_lc_dashboard',  i:'local_shipping' },
  25.     { l:'Suppliers',        r:'supplier_list',        i:'store' }
  26.   ] },
  27.   { title: 'Sales & CRM', items: [
  28.     { l:'Leads',         r:'lead_list',        i:'people' },
  29.     { l:'Clients',       r:'client_list',      i:'contacts' },
  30.     { l:'Opportunities', r:'opportunity_list', i:'trending_up' }
  31.   ] },
  32.   { title: 'Finance & Compliance', items: [
  33.     { l:'Chart of Accounts', r:'chart_of_accounts',     i:'account_balance_wallet' },
  34.     { l:'Bank Connections',  r:'bank_connect_index',    i:'account_balance' },
  35.     { l:'Aspire Connect',    r:'aspire_connection_list', i:'sync' },
  36.     { l:'Tax & Compliance',  r:'tax_home',              i:'gavel' },
  37.     { l:'Reconciliation',    r:'reconciliation_home',   i:'verified_user' },
  38.     { l:'Payment Explainer', r:'unexplained_payments',  i:'help_outline' },
  39.     { l:'Recurring Billing', r:'recurring_billing',     i:'event_note' },
  40.     { l:'Cash-Flow',         r:'cashflow_forecast',     i:'show_chart' },
  41.     { l:'Config Readiness',  r:'config_readiness',      i:'settings' },
  42.     { l:'Company Secretarial', r:'company_admin_statutory', i:'gavel' },
  43.     { l:'Compliance Autopilot (Annual Return)', r:'company_admin_compliance', i:'playlist_add_check' },
  44.     { l:'Ledger Maintenance', r:'ledger_maintenance',   i:'build' }
  45.   ] },
  46.   { title: 'People & Field', items: [
  47.     { l:'Field Force',  r:'hrm_field_force_map',  i:'map' },
  48.     { l:'Tasks',        r:'task_management_board', i:'assignment' },
  49.     { l:'My Approvals', r:'pending_approval_list', i:'assignment_turned_in' }
  50.   ] },
  51.   { title: 'Admin & Data', items: [
  52.     { l:'Access Control',  r:'access_control_home',  i:'lock' },
  53.     { l:'Company Administration', r:'company_admin_home', i:'business' },
  54.     { l:'Data Protection', r:'data_protection_home', i:'security' }
  55.   ] },
  56.   { title: 'Tools', items: [
  57.     { l:'Instant Solar Estimate', r:'honeybee_tool', p:{slug:'rooftop-estimate'}, i:'wb_sunny' }
  58.   ] }
  59. ] %}
  61. <div class="cp-launcher" id="cpAppLauncher" onclick="if(event.target===this)cpToggleAppLauncher(false)">
  62.   <div class="cp-launcher-panel">
  63.     <div class="cp-launcher-head">
  64.       <div><i class="material-icons" style="vertical-align:-5px;color:var(--cp-accent);">apps</i> <strong>All Apps</strong>
  65.         <span style="color:var(--cp-text-faint);font-size:12px;">— everything in HoneyBee, one click away</span></div>
  66.       <a href="#" onclick="cpToggleAppLauncher(false);return false;" class="cp-launcher-x"><i class="material-icons">close</i></a>
  67.     </div>
  68.     <div class="cp-launcher-body">
  69.       {% for g in _groups %}
  70.         {% set _shown = g.items|filter(it => route_exists(it.r)) %}
  71.         {% if _shown is not empty %}
  72.         <div class="cp-launcher-sec">{{ g.title }}</div>
  73.         <div class="cp-launcher-grid">
  74.           {% for it in _shown %}
  75.             <a class="cp-launcher-tile" href="{{ path(it.r, it.p|default({})) }}">
  76.               <span class="cp-launcher-ico"><i class="material-icons">{{ it.i }}</i></span>
  77.               <span class="cp-launcher-lbl">{{ it.l }}</span>
  78.             </a>
  79.           {% endfor %}
  80.         </div>
  81.         {% endif %}
  82.       {% endfor %}
  83.     </div>
  84.   </div>
  85. </div>
  87. <style>
  88.   .cp-launcher{ display:none; position:fixed; inset:0; z-index:1400; background:rgba(16,20,26,.45); backdrop-filter:blur(2px); }
  89.   .cp-launcher.open{ display:block; }
  90.   .cp-launcher-panel{ position:absolute; top:54px; left:50%; transform:translateX(-50%); width:min(920px,94vw); max-height:82vh; overflow:auto;
  91.     background:var(--cp-surface-white); border:1px solid var(--cp-outline); border-radius:14px; box-shadow:0 24px 60px rgba(16,24,40,.28); }
  92.   .cp-launcher-head{ display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid var(--cp-outline); position:sticky; top:0; background:var(--cp-surface-white); }
  93.   .cp-launcher-x{ color:var(--cp-text-faint); display:flex; }
  94.   .cp-launcher-x:hover{ color:var(--cp-text); }
  95.   .cp-launcher-body{ padding:12px 18px 20px; }
  96.   .cp-launcher-sec{ font-family:var(--cp-font-mono); font-size:var(--cp-fs-xs, 11.5px); font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--cp-text-faint); margin:16px 0 8px; }
  97.   .cp-launcher-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:8px; }
  98.   .cp-launcher-tile{ display:flex; flex-direction:column; align-items:center; gap:7px; padding:14px 8px; border-radius:10px; text-decoration:none;
  99.     color:var(--cp-text-muted); border:1px solid transparent; transition:background .12s,border-color .12s; text-align:center; }
  100.   .cp-launcher-tile:hover{ background:var(--cp-accent-dim); border-color:var(--cp-accent); color:var(--cp-text); text-decoration:none; }
  101.   .cp-launcher-ico .material-icons{ font-size:26px; color:var(--cp-accent); }
  102.   .cp-launcher-lbl{ font-size:12px; font-weight:600; line-height:1.2; }
  103. </style>
  104. <script>
  105.   function cpToggleAppLauncher(open){
  106.     var el=document.getElementById('cpAppLauncher'); if(!el) return;
  107.     var show = (typeof open==='boolean') ? open : !el.classList.contains('open');
  108.     el.classList.toggle('open', show);
  109.   }
  110.   document.addEventListener('keydown', function(e){ if(e.key==='Escape') cpToggleAppLauncher(false); });
  111. </script>