From 6d364f6fa60718f49375ecba8f2a6e6faf630b78 Mon Sep 17 00:00:00 2001 From: Bob Mottram <bob@freedombone.net> Date: Mon, 30 Jul 2018 12:55:56 +0100 Subject: [PATCH] Show installing apps with different style on web admin --- src/freedombone-utils-webadmin | 27 +++++++++++++++++++-------- webadmin/EN/apps_add_template.html | 5 +++++ 2 files changed, 24 insertions(+), 8 deletions(-) diff --git a/src/freedombone-utils-webadmin b/src/freedombone-utils-webadmin index 48009aaa8..557b6302b 100755 --- a/src/freedombone-utils-webadmin +++ b/src/freedombone-utils-webadmin @@ -190,9 +190,11 @@ function web_admin_create_add_apps { done # check if the app is pending installation + app_pending_install= if [ -f "$pending_installs" ]; then if grep -q "install_${app_name}" "$pending_installs"; then app_is_installed=1 + app_pending_install=1 fi fi @@ -235,14 +237,23 @@ function web_admin_create_add_apps { filename="/var/www/${local_hostname}/htdocs/admin/app_add_${app_name}.html" - { echo ' <div class="column">'; - echo ' <div>'; - echo " <a href=\"app_add_${app_name}.html\">"; - echo " <img src=\"icons/${app_name}.png\" style=\"width:100%\">"; - echo " <center>${app_name}</center>"; - echo ' </a>'; - echo ' </div>'; - echo ' </div>'; } >> "$appslist_add_filename" + if [ ! $app_pending_install ]; then + { echo ' <div class="column">'; + echo ' <div>'; + echo " <a href=\"app_add_${app_name}.html\">"; + echo " <img src=\"icons/${app_name}.png\" style=\"width:100%\">"; + echo " <center>${app_name}</center>"; + echo ' </a>'; + echo ' </div>'; + echo ' </div>'; } >> "$appslist_add_filename" + else + { echo ' <div class="column">'; + echo ' <div>'; + echo " <img src=\"icons/${app_name}.png\" style=\"width:100%\">"; + echo " <center class=\"installing\">${app_name}</center>"; + echo ' </div>'; + echo ' </div>'; } >> "$appslist_add_filename" + fi cp "$app_add_template_filename" "$filename" diff --git a/webadmin/EN/apps_add_template.html b/webadmin/EN/apps_add_template.html index 111e0c678..d80a0b554 100644 --- a/webadmin/EN/apps_add_template.html +++ b/webadmin/EN/apps_add_template.html @@ -56,6 +56,11 @@ vertical-align: middle; } + .installing { + opacity: 0.5; + font-weight: bold; + } + @media screen and (max-width: 800px) { .column { -ms-flex: 50%; -- GitLab