Prayer Card Viewer
6 removals
39 lines
61 additions
92 lines
<div class="row d-flex flex-wrap">
<div class="row d-flex flex-wrap">
{% assign prayedButtonText = PrayedButtonText %}
{% assign prayedButtonText = PrayedButtonText %}
{% for item in PrayerRequestItems %}
{% for item in PrayerRequestItems %}
{% assign requestor = item.FirstName | Append:' ' | Append:item.LastName %}
<div class="col-md-4 col-sm-6 col-xs-12 mb-4">
<div class="col-md-4 col-sm-6 col-xs-12 mb-4">
<div class="card h-100">
<div class="card h-100 bg-orange-100 shadow-lg">
<div class="card-body">
<div class="card-body">
{% if item.RequestedByPersonAlias %}
<img src='{{ item.RequestedByPersonAlias.Person.PhotoUrl }}' class='pull-right margin-l-md img-thumbnail mt-0' width=75 />
{% endif %}
<h3 class="card-title mt-0">{{ item.FirstName }} {{ item.LastName }}</h3>
<h3 class="card-title mt-0">{{ item.FirstName }} {{ item.LastName }}</h3>
<p class="">
{% if item.EnteredDateTime %}
<span><b>Date Entered:</b> {{ item.EnteredDateTime | Date:'M/d/yyyy' }}</span>
{% endif %}
</p
<p>
{% for prayerRequestAttribute in item.AttributeValues %}
{% if prayerRequestAttribute.Value != '' %}
<strong>{{ prayerRequestAttribute.AttributeName }}:</strong> {{ prayerRequestAttribute.ValueFormatted }}
{% endif %}
{% endfor %}
</p>
{% if item.Category != null %}
{% if item.Category != null %}
<p class="card-subtitle mb-2"><span class="label label-primary">{{ item.Category.Name }}</span></p>
<p class="card-subtitle mb-3"><span class="label label-primary">{{ item.Category.Name }}</span></p>
{% endif %}
{% endif %}
<p class="card-text">
<p class="card-text mb-2">
{{ item.Text }}
<i class="fa fa-quote-left mr-2"></i><span class="p-2 text-semibold leading-relaxed">{{ item.Text }}</span><i class="fa fa-quote-right ml-2"></i>
</p>
</p>
</div>
</div>
<div class="card-footer bg-white border-0">
<div class="card-footer bg-orange-200 border-0">
{% if EnablePrayerTeamFlagging %}
{% if EnablePrayerTeamFlagging %}
<a href = "#" class="btn btn-link btn-sm pl-0 text-muted" onclick="ReviewFlag(this);{{ item.Id | Postback:'Flag' }}"><i class="fa fa-flag"></i> <span>Flag</span></a>
<a href = "#" class="btn btn-link btn-sm pl-0 text-muted" onclick="ReviewFlag(this);{{ item.Id | Postback:'Flag' }}"><i class="fa fa-flag"></i> <span>Flag</span></a>
{% endif %}
{% endif %}
{% assign prayerId = item.Id %}
<button type="button" class="btn btn-primary btn-sm mr-3" data-toggle="modal" data-target="#iframe-prayer-comment-{{ prayerId }}"><i class="fa fa-pray"></i> Comment</button>
{% if item.PrayerCount < 3 or item.PrayerCount == empty %}
<span class="label label-danger"><b>Prayers received:</b> {{ item.PrayerCount }}</span>
{% elseif item.PrayerCount >= 3 and item.PrayerCount < 7 %}
<span class="label label-info"><b>Prayers received:</b> {{ item.PrayerCount }}</span>
{% elseif item.PrayerCount >= 7 and item.PrayerCount < 1000 %}
<span class="label label-success"><b>Prayers received:</b> {{ item.PrayerCount }}</span>
{% else %}
<span class="label label-danger"><b>Prayers received:</b> 0</span>
{% endif %}
<a class="btn btn-primary btn-sm pull-right" href="#" onclick="Prayed(this);{{ item.Id | Postback:'Pray' }}">Pray</a>
<a class="btn btn-primary btn-sm pull-right" href="#" onclick="Prayed(this);{{ item.Id | Postback:'Pray' }}">Pray</a>
<!-- START prayer comment modal pop-up entry -->
<div class="modal fade" id="iframe-prayer-comment-{{ prayerId }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fas fa-times-circle"></i></span>
</button>
<h4 class="modal-title" id="myModalLabel"><i class="fas fa-praying-hands" style="padding-right: 5px;"></i>Add Prayer Comment for {{ requestor }} </h4>
</div>
<div class="modal-body" style="height: 500px !important;">
<iframe src="{{ 'Global' | Attribute:'PublicApplicationRoot' }}prayer-comment/PrayerRequestId/{{ prayerId }}" style="height:100%;width:100%;"></iframe>
</div>
</div>
</div>
</div>
<!-- END prayer comment modal pop-up entry -->
</div>
</div>
</div>
</div>
</div>
</div>
{% endfor -%}
{% endfor %}
</div>
</div>
<script>
<script>
function Prayed(elem) {
function Prayed(elem) {
$(elem).addClass('btn-default disabled').removeClass('btn-primary').text('{{PrayedButtonText}}')
$(elem).addClass('btn-default disabled').removeClass('btn-primary').text('{{PrayedButtonText}}')
}
}
function ReviewFlag(elem) {
function ReviewFlag(elem) {
$(elem).removeClass('text-muted').addClass('text-danger disabled').find('span').text('Flagged')
$(elem).removeClass('text-muted').addClass('text-danger disabled').find('span').text('Flagged')
}
}
</script>
</script>
<style>
<style>
.block-filter { margin-left: auto; }
.block-filter { margin-left: auto; }
</style>
</style>