Initial Spark Install
This commit is contained in:
Deon George
118
spark/resources/views/modals/notifications.blade.php
Normal file
118
spark/resources/views/modals/notifications.blade.php
Normal file
@@ -0,0 +1,118 @@
|
||||
<!-- Notifications Modal -->
|
||||
<spark-notifications
|
||||
:notifications="notifications"
|
||||
:has-unread-announcements="hasUnreadAnnouncements"
|
||||
:loading-notifications="loadingNotifications" inline-template>
|
||||
|
||||
<div>
|
||||
<div class="modal docked docked-right" id="modal-notifications" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header text-center">
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-default" :class="{'active': showingNotifications}" @click="showNotifications" style="width: 50%;">
|
||||
Notifications
|
||||
</button>
|
||||
|
||||
<button class="btn btn-default" :class="{'active': showingAnnouncements}" @click="showAnnouncements" style="width: 50%;">
|
||||
Announcements <i class="fa fa-circle text-danger p-l-xs" v-if="hasUnreadAnnouncements"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<!-- Informational Messages -->
|
||||
<div class="notification-container" v-if="loadingNotifications">
|
||||
<i class="fa fa-btn fa-spinner fa-spin"></i>Loading Notifications
|
||||
</div>
|
||||
|
||||
<div class="notification-container" v-if=" ! loadingNotifications && activeNotifications.length == 0">
|
||||
<div class="alert alert-warning m-b-none">
|
||||
We don't have anything to show you right now! But when we do,
|
||||
we'll be sure to let you know. Talk to you soon!
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- List Of Notifications -->
|
||||
<div class="notification-container" v-if="showingNotifications && hasNotifications">
|
||||
<div class="notification" v-for="notification in notifications.notifications">
|
||||
|
||||
<!-- Notification Icon -->
|
||||
<figure>
|
||||
<img v-if="notification.creator" :src="notification.creator.photo_url" class="spark-profile-photo">
|
||||
|
||||
<span v-else class="fa-stack fa-2x">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i :class="['fa', 'fa-stack-1x', 'fa-inverse', notification.icon]"></i>
|
||||
</span>
|
||||
</figure>
|
||||
|
||||
<!-- Notification -->
|
||||
<div class="notification-content">
|
||||
<div class="meta">
|
||||
<p class="title">
|
||||
<span v-if="notification.creator">
|
||||
@{{ notification.creator.name }}
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
{{ Spark::product() }}
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<div class="date">
|
||||
@{{ notification.created_at | relative }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="notification-body" v-html="notification.parsed_body"></div>
|
||||
|
||||
<!-- Notification Action -->
|
||||
<a :href="notification.action_url" class="btn btn-primary" v-if="notification.action_text">
|
||||
@{{ notification.action_text }}
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- List Of Announcements -->
|
||||
<div class="notification-container" v-if="showingAnnouncements && hasAnnouncements">
|
||||
<div class="notification" v-for="announcement in notifications.announcements">
|
||||
|
||||
<!-- Notification Icon -->
|
||||
<figure>
|
||||
<img :src="announcement.creator.photo_url" class="spark-profile-photo">
|
||||
</figure>
|
||||
|
||||
<!-- Announcement -->
|
||||
<div class="notification-content">
|
||||
<div class="meta">
|
||||
<p class="title">@{{ announcement.creator.name }}</p>
|
||||
|
||||
<div class="date">
|
||||
@{{ announcement.created_at | relative }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="notification-body" v-html="announcement.parsed_body"></div>
|
||||
|
||||
<!-- Announcement Action -->
|
||||
<a :href="announcement.action_url" class="btn btn-primary" v-if="announcement.action_text">
|
||||
@{{ announcement.action_text }}
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</spark-notifications>
|
||||
26
spark/resources/views/modals/plan-details.blade.php
Normal file
26
spark/resources/views/modals/plan-details.blade.php
Normal file
@@ -0,0 +1,26 @@
|
||||
<div class="modal fade" id="modal-plan-details" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog modal-sm">
|
||||
<div class="modal-content" v-if="detailingPlan">
|
||||
<!-- Modal Header -->
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">
|
||||
@{{ detailingPlan.name }}
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<!-- Modal Body -->
|
||||
<div class="modal-body">
|
||||
<ul class="plan-feature-list p-b-none m-b-none">
|
||||
<li v-for="feature in detailingPlan.features">
|
||||
@{{ feature }}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
25
spark/resources/views/modals/session-expired.blade.php
Normal file
25
spark/resources/views/modals/session-expired.blade.php
Normal file
@@ -0,0 +1,25 @@
|
||||
<!-- Session Expired Modal -->
|
||||
<div class="modal fade" id="modal-session-expired" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">
|
||||
Session Expired
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
Your session has expired. Please login again to continue.
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer">
|
||||
<a href="/login">
|
||||
<button type="button" class="btn btn-default">
|
||||
<i class="fa fa-btn fa-sign-in"></i>Go To Login
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
50
spark/resources/views/modals/support.blade.php
Normal file
50
spark/resources/views/modals/support.blade.php
Normal file
@@ -0,0 +1,50 @@
|
||||
<!-- Customer Support -->
|
||||
<div class="modal fade" id="modal-support" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body p-b-none">
|
||||
<form class="form-horizontal p-b-none m-b-none" role="form">
|
||||
<!-- From -->
|
||||
<div class="form-group" :class="{'has-error': supportForm.errors.has('from')}">
|
||||
<div class="col-md-12">
|
||||
<input id="support-from" type="text" class="form-control" v-model="supportForm.from" placeholder="Your Email Address">
|
||||
|
||||
<span class="help-block" v-show="supportForm.errors.has('from')">
|
||||
@{{ supportForm.errors.get('from') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Subject -->
|
||||
<div class="form-group" :class="{'has-error': supportForm.errors.has('subject')}">
|
||||
<div class="col-md-12">
|
||||
<input id="support-subject" type="text" class="form-control" v-model="supportForm.subject" placeholder="Subject">
|
||||
|
||||
<span class="help-block" v-show="supportForm.errors.has('subject')">
|
||||
@{{ supportForm.errors.get('subject') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Message -->
|
||||
<div class="form-group m-b-none" :class="{'has-error': supportForm.errors.has('message')}">
|
||||
<div class="col-md-12">
|
||||
<textarea class="form-control" rows="7" v-model="supportForm.message" placeholder="Message"></textarea>
|
||||
|
||||
<span class="help-block" v-show="supportForm.errors.has('message')">
|
||||
@{{ supportForm.errors.get('message') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Modal Actions -->
|
||||
<div class="modal-footer border-none">
|
||||
<button type="button" class="btn btn-primary" @click.prevent="sendSupportRequest" :disabled="supportForm.busy">
|
||||
<i class="fa fa-btn fa-paper-plane"></i>Send
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user