aboutsummaryrefslogtreecommitdiffstats
path: root/view
diff options
context:
space:
mode:
authorMario <mario@mariovavti.com>2021-08-23 10:32:48 +0000
committerMario <mario@mariovavti.com>2021-08-23 10:32:48 +0000
commit189da4fdc1408a25b4fd68c0b7d5834232a599a2 (patch)
tree4221698837998da94687e94cb16c15ad86be78ee /view
parent824894baf0f11e85552c283ee948febd8bac5e06 (diff)
downloadvolse-hubzilla-189da4fdc1408a25b4fd68c0b7d5834232a599a2.tar.gz
volse-hubzilla-189da4fdc1408a25b4fd68c0b7d5834232a599a2.tar.bz2
volse-hubzilla-189da4fdc1408a25b4fd68c0b7d5834232a599a2.zip
untangle the app template into separate templates and fix bbcode view
Diffstat (limited to 'view')
-rw-r--r--view/theme/redbasic/css/style.css2
-rw-r--r--view/tpl/app.tpl14
-rw-r--r--view/tpl/app_inline.tpl26
-rw-r--r--view/tpl/app_nav.tpl2
-rw-r--r--view/tpl/app_nav_pinned.tpl1
-rw-r--r--view/tpl/app_order.tpl3
6 files changed, 33 insertions, 15 deletions
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>