From 189da4fdc1408a25b4fd68c0b7d5834232a599a2 Mon Sep 17 00:00:00 2001
From: Mario <mario@mariovavti.com>
Date: Mon, 23 Aug 2021 10:32:48 +0000
Subject: untangle the app template into separate templates and fix bbcode view

---
 view/theme/redbasic/css/style.css |  2 +-
 view/tpl/app.tpl                  | 14 +-------------
 view/tpl/app_inline.tpl           | 26 ++++++++++++++++++++++++++
 view/tpl/app_nav.tpl              |  2 +-
 view/tpl/app_nav_pinned.tpl       |  1 +
 view/tpl/app_order.tpl            |  3 +++
 6 files changed, 33 insertions(+), 15 deletions(-)
 create mode 100644 view/tpl/app_inline.tpl
 create mode 100644 view/tpl/app_nav_pinned.tpl
 create mode 100644 view/tpl/app_order.tpl

(limited to 'view')

diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 811df02e4..228e7b63a 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -1743,7 +1743,7 @@ dl.bb-dl > dd > li {
 	border-left: 0.2rem solid #eee;
 }
 
-.app-icon {
+.app-icon i {
 	color: #777;
 	font-size: 80px;
 	text-shadow: 3px 3px 3px lightgrey;
diff --git a/view/tpl/app.tpl b/view/tpl/app.tpl
index 69af0436b..f3f6ae58b 100644
--- a/view/tpl/app.tpl
+++ b/view/tpl/app.tpl
@@ -1,5 +1,3 @@
-{{if ! ($navapps || $order)}}
-
 <div class="section-subtitle-wrapper clearfix">
 	<div class="float-end">
 		{{if $app.type !== 'system'}}
@@ -24,10 +22,9 @@
 		{{/if}}
 	</div>
 	<h3>{{$app.name}}{{if $app.price}} ({{$app.price}}){{/if}}</h3>
-
 </div>
 <div class="section-content-tools-wrapper container">
-	<div class="{{if $deleted}} app-deleted{{/if}}">
+	<div class="{{if $deleted}} app-deleted{{/if}} mb-3">
 		<a class="app-icon app-link" href="{{$app.url}}"{{if $app.target}} target="{{$app.target}}"{{/if}}{{if $installed}} data-papp="{{$app.papp}}" data-icon="{{$icon}}" data-url="{{$app.url}}" data-name="{{$app.name}}"{{/if}}>
 			{{if $icon}}
 			<i class="app-icon fa fa-fw fa-{{$icon}}"></i>
@@ -40,14 +37,5 @@
 		</div>
 	</div>
 </div>
-{{/if}}
 
-{{if $navapps}}
-<a class="dropdown-item{{if $app.active}} active{{/if}}" href="{{$app.url}}">{{if $icon}}<i class="generic-icons-nav fa fa-fw fa-{{$icon}}"></i>{{else}}<img src="{{$app.photo}}" width="16" height="16" style="margin-right:9px;"/>{{/if}}{{$app.name}}</a>
-{{/if}}
-{{if $order}}
-<a href="{{$hosturl}}appman/{{$app.guid}}/moveup{{if $mode == 'nav-order-pinned'}}/nav_pinned_app{{else}}/nav_featured_app{{/if}}" class="btn btn-outline-secondary btn-sm" style="margin-bottom: 5px;"><i class="generic-icons-nav fa fa-fw fa-arrow-up"></i></a>
-<a href="{{$hosturl}}appman/{{$app.guid}}/movedown{{if $mode == 'nav-order-pinned'}}/nav_pinned_app{{else}}/nav_featured_app{{/if}}" class="btn btn-outline-secondary btn-sm" style="margin-bottom: 5px;"><i class="generic-icons-nav fa fa-fw fa-arrow-down"></i></a>
-{{if $icon}}<i class="generic-icons-nav fa fa-fw fa-{{$icon}}"></i>{{else}}<img src="{{$app.photo}}" width="16" height="16" style="margin-right:9px;"/>{{/if}}{{$app.name}}<br>
-{{/if}}
 
diff --git a/view/tpl/app_inline.tpl b/view/tpl/app_inline.tpl
new file mode 100644
index 000000000..fc3675380
--- /dev/null
+++ b/view/tpl/app_inline.tpl
@@ -0,0 +1,26 @@
+<h3 class="mb-3">{{$app.name}}{{if $app.price}} ({{$app.price}}){{/if}}</h3>
+<a class="app-icon" href="{{$app.url}}" >
+	{{if $icon}}
+	<i class="app-icon fa fa-fw fa-{{$icon}} mb-3"></i>
+	{{else}}
+	<img src="{{$app.photo}}" width="80" height="80" class="mb-3" />
+	{{/if}}
+</a>
+<div class="mb-3">
+	{{if $app.desc}}{{$app.desc}}{{/if}}
+</div>
+{{if $action_label}}
+<div class="app-tools">
+	<form action="{{$hosturl}}appman" method="post">
+		<input type="hidden" name="papp" value="{{$app.papp}}" />
+		{{if $action_label}}
+		<button type="submit" name="install" value="{{$action_label}}" class="btn btn-{{if $installed}}outline-secondary{{else}}success{{/if}} btn-sm" title="{{$action_label}}" ><i class="fa fa-fw {{if $installed}}fa-refresh{{else}}fa-arrow-circle-o-down{{/if}}" ></i> {{$action_label}}</button>
+		{{/if}}
+		{{if $purchase && $app.type !== 'system'}}
+		<a href="{{$app.page}}" class="btn btn-sm btn-link" title="{{$purchase}}" ><i class="fa fa-external-link"></i></a>
+		{{/if}}
+	</form>
+</div>
+{{/if}}
+
+
diff --git a/view/tpl/app_nav.tpl b/view/tpl/app_nav.tpl
index 817c74763..0d6e66892 100644
--- a/view/tpl/app_nav.tpl
+++ b/view/tpl/app_nav.tpl
@@ -1 +1 @@
-<a class="navbar-app nav-link{{if $app.active}} active{{/if}}" href="{{$app.url}}" title="{{$app.name}}" >{{if $icon}}<i class="fa fa-fw fa-{{$icon}}"></i>{{else}}<img src="{{$app.photo}}" width="16" height="16" />{{/if}}<span class="d-lg-none">{{$app.name}}</span></a>
+<a class="dropdown-item{{if $app.active}} active{{/if}}" href="{{$app.url}}">{{if $icon}}<i class="generic-icons-nav fa fa-fw fa-{{$icon}}"></i>{{else}}<img src="{{$app.photo}}" width="16" height="16" style="margin-right:9px;"/>{{/if}}{{$app.name}}</a>
diff --git a/view/tpl/app_nav_pinned.tpl b/view/tpl/app_nav_pinned.tpl
new file mode 100644
index 000000000..817c74763
--- /dev/null
+++ b/view/tpl/app_nav_pinned.tpl
@@ -0,0 +1 @@
+<a class="navbar-app nav-link{{if $app.active}} active{{/if}}" href="{{$app.url}}" title="{{$app.name}}" >{{if $icon}}<i class="fa fa-fw fa-{{$icon}}"></i>{{else}}<img src="{{$app.photo}}" width="16" height="16" />{{/if}}<span class="d-lg-none">{{$app.name}}</span></a>
diff --git a/view/tpl/app_order.tpl b/view/tpl/app_order.tpl
new file mode 100644
index 000000000..53c770cb7
--- /dev/null
+++ b/view/tpl/app_order.tpl
@@ -0,0 +1,3 @@
+<a href="{{$hosturl}}appman/{{$app.guid}}/moveup{{if $mode == 'nav-order-pinned'}}/nav_pinned_app{{else}}/nav_featured_app{{/if}}" class="btn btn-outline-secondary btn-sm" style="margin-bottom: 5px;"><i class="generic-icons-nav fa fa-fw fa-arrow-up"></i></a>
+<a href="{{$hosturl}}appman/{{$app.guid}}/movedown{{if $mode == 'nav-order-pinned'}}/nav_pinned_app{{else}}/nav_featured_app{{/if}}" class="btn btn-outline-secondary btn-sm" style="margin-bottom: 5px;"><i class="generic-icons-nav fa fa-fw fa-arrow-down"></i></a>
+{{if $icon}}<i class="generic-icons-nav fa fa-fw fa-{{$icon}}"></i>{{else}}<img src="{{$app.photo}}" width="16" height="16" style="margin-right:9px;"/>{{/if}}{{$app.name}}<br>
-- 
cgit v1.2.3