From 5a00d05cfeafd4efa7116efe4c1b4e099deac323 Mon Sep 17 00:00:00 2001
From: Frederico Gomes <fredericojfgomes@gmail.com>
Date: Wed, 27 May 2026 01:06:38 +0100
Subject: [PATCH] apps: Change header title from Disabled to Available for
 install

Closes #1633.

[sunil: Move the button to the top of the apps page]
[sunil: Drop additional div nesting for 'available for install' section]
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
---
 plinth/templates/cards.html | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/plinth/templates/cards.html b/plinth/templates/cards.html
index 098b20e36..be49d25d6 100644
--- a/plinth/templates/cards.html
+++ b/plinth/templates/cards.html
@@ -5,6 +5,7 @@
 
 {% load i18n %}
 {% load static %}
+{% load extras %}
 
 {% block container %}
   <div class="container">
@@ -19,6 +20,15 @@
     {% include "tags.html" %}
   {% endblock %}
 
+  <div class="btn-toolbar container" role="toolbar">
+    <a class="btn btn-primary" href="#available-for-install-container"
+       data-bs-toggle="collapse" role="button" aria-expanded="false"
+       aria-controls="available-for-install-container">
+      {% icon 'plus' %}
+      {% trans "Add new app" %}
+    </a>
+  </div>
+
   <div class="container card-container">
     <div class="row">
       <div class="card-list card-list-primary">
@@ -34,8 +44,8 @@
   </div>
 
   {% if show_disabled %}
-    <div class="container card-container">
-      <div class="card-section-title">{% trans "Disabled" %}</div>
+    <div class="container card-container collapse" id="available-for-install-container">
+      <div class="card-section-title">{% trans "Available for install" %}</div>
       <div class="row">
         <div class="card-list card-list-disabled">
           {% for item in menu_items %}