Skip to content

Commit

Permalink
List and detail produk dan layanan
Browse files Browse the repository at this point in the history
  • Loading branch information
pizaini committed Feb 20, 2019
1 parent 52d9c57 commit 3d32ddb
Show file tree
Hide file tree
Showing 4 changed files with 119 additions and 89 deletions.
Binary file modified assets/images/theme-preview.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
107 changes: 18 additions & 89 deletions pages/produk-dan-layanan.htm
Original file line number Diff line number Diff line change
Expand Up @@ -6,93 +6,22 @@
meta_description = "Produk dan layanan"
is_hidden = 0

[blogPosts slideShow]
pageNumber = "{{ :page }}"
categoryFilter = "produk-dan-layanan"
postsPerPage = 3
noPostsMessage = "No posts found"
sortOrder = "published_at desc"
categoryPage = "produk-dan-layanan"
postPage = "produk-dan-layanan"

[blogPosts]
pageNumber = "{{ :page }}"
categoryFilter = "produk-dan-layanan"
postsPerPage = 20
noPostsMessage = "No posts found"
sortOrder = "published_at desc"
categoryPage = "produk-dan-layanan"
postPage = "produk-dan-layanan"
[blogPost]
slug = "{{ :slug }}"
categoryPage = "blog/category"
==
<div class="uk-section uk-section-muted uk-section-small">
<div uk-slideshow="animation: slide; min-height: 200; max-height: 300; autoplay: true; pause-on-hover: true">
<div class="uk-position-relative uk-visible-toggle" tabindex="-1">
<ul class="uk-slideshow-items">
{% for post in slideShow.posts %}
{% if post.published_at %}
<li>
<div class="uk-container">
<div class="uk-child-width-1-2@s" uk-grid>
<div>
<div class="uk-panel uk-text-center">
{% if post.featured_images.count %}
{% set image = post.featured_images[0] %}
<a href="{{('/produk-dan-layanan/'~post.slug)|app}}"><img class="uk-text-center" data-src="{{image.path}}" alt="" width="" uk-img="target: !.uk-slideshow-items" style="height: 300px;"></a>
{% else %}
<a href="{{('/produk-dan-layanan/'~post.slug)|app}}"><img class="uk-text-center" data-src="{{'default_image.png'|media}}" alt="" uk-img="target: !.uk-slideshow-items" style="height: 300px;"></a>
{% endif %}
</div>
</div>
<div>
<div class="uk-panel">
<h3 class="uk-card-title uk-margin-remove-bottom"><a href="{{('/produk-dan-layanan/'~post.slug)|app}}">{{post.title}}</a></h3>
<p>{{ post.summary |raw }}</p>
<a class="uk-button uk-button-default tm-button-default" href="{{('/produk-dan-layanan/'~post.slug)|app}}">Selengkapnya</a>
</div>
</div>
</div>
</div>
</li>
{% endif %}
{% endfor %}
</ul>

<a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
<a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a>
</div>
<ul class="uk-slideshow-nav uk-dotnav uk-flex-center uk-margin"></ul>
</div>
</div>
<div class="uk-section uk-section-small">
<h3 class="uk-heading-primary uk-text-center uk-heading-bullet">Produk dan layanan</h3>
<div class="uk-container">
<div class="uk-child-width-1-3@s uk-grid-match uk-flex-center" uk-grid>
{% for post in blogPosts.posts %}
{% if post.published_at %}
<div>
<div class="uk-card uk-card-default uk-card-hover uk-card-body">
<div class="uk-card-header">
<h3 class="uk-card-title"><a href="{{('/produk-dan-layanan/'~post.slug)|app}}">{{post.title | raw}}</a> </h3>
<div class="uk-text-center">
{% if post.featured_images.count %}

{% set image = post.featured_images[0] %}
<a href="{{('/produk-dan-layanan/'~post.slug)|app}}"><img class="uk-text-center" data-src="{{image.path}}" alt="" width="" uk-img="target: !.uk-slideshow-items" style="height: 100px;"></a>
{% else %}
<a href="{{('/produk-dan-layanan/'~post.slug)|app}}"><img class="uk-text-center" data-src="{{'default_image.png'|media}}" alt="" uk-img="target: !.uk-slideshow-items" style="height: 100px;"></a>
{% endif %}
</div>
</div>
<div class="uk-card-body">
{{post.summary | raw}}
</div>
<div class="uk-card-footer">
<p><a class="uk-button uk-button-primary tm-button-primary" href="{{('/produk-dan-layanan/'~post.slug)|app}}">Selengkapnya</a> </p>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
<?php
function onEnd(){
if ($this->post){
$this->page->title = $this->post->title;
}else{
return Redirect::to('404');
}
}
?>
==
{% if this.param.slug %}
{% partial 'produk-layanan-detail' %}
{% else %}
{% partial 'produk-layanan-list' %}
{% endif %}
9 changes: 9 additions & 0 deletions partials/produk-layanan-detail.htm
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
description = "Detail"

==
<div class="uk-section uk-section-default">
<div class="uk-container uk-text-center">
<h2 class="uk-heading-bullet">{{ post.title}}</h2>
</div>
</div>
{{post.content | raw}}
92 changes: 92 additions & 0 deletions partials/produk-layanan-list.htm
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
description = "List"

[blogPosts slideShow]
pageNumber = 1
categoryFilter = "produk-dan-layanan"
postsPerPage = 3
noPostsMessage = "No posts found"
sortOrder = "published_at desc"
categoryPage = "produk-dan-layanan"
postPage = "produk-dan-layanan"

[blogPosts]
pageNumber = "{{ :page }}"
categoryFilter = "produk-dan-layanan"
postsPerPage = 20
noPostsMessage = "No posts found"
sortOrder = "published_at desc"
categoryPage = "produk-dan-layanan"
postPage = "produk-dan-layanan"
==
<div class="uk-section uk-section-muted uk-section-small">
<div uk-slideshow="animation: slide; min-height: 200; max-height: 300; autoplay: true; pause-on-hover: true">
<div class="uk-position-relative uk-visible-toggle" tabindex="-1">
<ul class="uk-slideshow-items">
{% for post in slideShow.posts %}
{% if post.published_at %}
<li>
<div class="uk-container">
<div class="uk-child-width-1-2@s" uk-grid>
<div>
<div class="uk-panel uk-text-center">
{% if post.featured_images.count %}
{% set image = post.featured_images[0] %}
<a href="{{('/produk-dan-layanan/'~post.slug)|app}}"><img class="uk-text-center" data-src="{{image.path}}" alt="" width="" uk-img="target: !.uk-slideshow-items" style="height: 300px;"></a>
{% else %}
<a href="{{('/produk-dan-layanan/'~post.slug)|app}}"><img class="uk-text-center" data-src="{{'default_image.png'|media}}" alt="" uk-img="target: !.uk-slideshow-items" style="height: 300px;"></a>
{% endif %}
</div>
</div>
<div>
<div class="uk-panel">
<h3 class="uk-card-title uk-margin-remove-bottom"><a href="{{('/produk-dan-layanan/'~post.slug)|app}}">{{post.title}}</a></h3>
<p>{{ post.summary |raw }}</p>
<a class="uk-button uk-button-default tm-button-default" href="{{('/produk-dan-layanan/'~post.slug)|app}}">Selengkapnya</a>
</div>
</div>
</div>
</div>
</li>
{% endif %}
{% endfor %}
</ul>

<a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
<a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a>
</div>
<ul class="uk-slideshow-nav uk-dotnav uk-flex-center uk-margin"></ul>
</div>
</div>
<div class="uk-section uk-section-small">
<h3 class="uk-heading-primary uk-text-center uk-heading-bullet">Produk dan layanan</h3>
<div class="uk-container">
<div class="uk-child-width-1-3@s uk-grid-match uk-flex-center" uk-grid>
{% for post in blogPosts.posts %}
{% if post.published_at %}
<div>
<div class="uk-card uk-card-default uk-card-hover uk-card-body">
<div class="uk-card-header">
<h3 class="uk-card-title"><a href="{{('/produk-dan-layanan/'~post.slug)|app}}">{{post.title | raw}}</a> </h3>
<div class="uk-text-center">
{% if post.featured_images.count %}

{% set image = post.featured_images[0] %}
<a href="{{('/produk-dan-layanan/'~post.slug)|app}}"><img class="uk-text-center" data-src="{{image.path}}" alt="" width="" uk-img="target: !.uk-slideshow-items" style="height: 100px;"></a>
{% else %}
<a href="{{('/produk-dan-layanan/'~post.slug)|app}}"><img class="uk-text-center" data-src="{{'default_image.png'|media}}" alt="" uk-img="target: !.uk-slideshow-items" style="height: 100px;"></a>
{% endif %}
</div>
</div>
<div class="uk-card-body">
{{post.summary | raw}}
</div>
<div class="uk-card-footer">
<p><a class="uk-button uk-button-primary tm-button-primary" href="{{('/produk-dan-layanan/'~post.slug)|app}}">Selengkapnya</a> </p>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>

0 comments on commit 3d32ddb

Please sign in to comment.