Skip to content

Instantly share code, notes, and snippets.

@scottybo

scottybo/calendar.blade.php

Created May 14, 2018 13:18
Show Gist options
  • Save scottybo/882ed72bc31bc373294d4291d12bd5e7 to your computer and use it in GitHub Desktop.
Save scottybo/882ed72bc31bc373294d4291d12bd5e7 to your computer and use it in GitHub Desktop.
Download ZIP
Calendar Blade
Raw
calendar.blade.php
@extends('spark::layouts.app')
@section('title', __("Post Calendar - :appname", ['appname' => config('app.name')]))
@section('content')
<calendar :user="user" inline-template>
<div class="container-fluid">
<div class="container" id="post-calendar">
<div class="row">
<div class="col-md-6">
<h1 class="page-heading" >{{ __("Post Calendar") }}</h1>
<h4>
{{ __("Timzeone: :timezone", ['timezone' => auth()->user()->currentTeam->timezone]) }}
</h4>
</div>
<div class="col-md-6 page-daterange">
<button type="button" class="btn btn-lg btn-primary left"><i class="fas fa-btn fa-caret-left"></i></button> <flat-pickr v-model="date" :config="flatPickrConfig" input-class="flatpickr-dp"></flat-pickr> <button type="button" class="btn btn-lg btn-primary right"><i class="fas fa-btn fa-caret-right"></i></button>
</div>
</div>
<div class="panel panel-default panel-allow-overflow">
<div>
<div class="row container-tabs" style="display: flex;">
<div class="col-xs-12 section calendar-container">
<div class="col-md-12" style="z-index: 999;">
<div class="col-md-3">
<ul class="nav nav-tabs">
<li :class="{ active: selectedView === 'day' }"><a href="#" @click.prevent="selectViewTab('day')">{{ __("Day") }}</a></li>
<li :class="{ active: selectedView === 'week' }"><a href="#" @click.prevent="selectViewTab('week')">{{ __("Week") }}</a></li>
<!--<li :class="{ active: selectedView === 'month' }"><a href="#" @click.prevent="selectViewTab('month')">{{ __("Month") }}</a></li>-->
</ul>
</div>
<div class="col-md-9 filters">
<div class="filter-container">
<button type="button" class="btn btn-lg btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ __("All categories selected") }}
</button>
<ul class="dropdown-menu">
<li><input type="checkbox" checked /> Select all</li>
<li><input type="checkbox" /> Select none</li>
<li class="divider"></li>
<li><input type="checkbox" checked /> Undefined</li>
<li><input type="checkbox" checked /> Category name</li>
</ul>
</div>
<div class="filter-container">
<button type="button" class="btn btn-lg btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ __("3 profiles selected") }}
</button>
<ul class="dropdown-menu">
<li><input type="checkbox" checked /> Select all</li>
<li><input type="checkbox" /> Select none</li>
<li class="divider"></li>
<li><input type="checkbox" checked /> <i class="fab fa-fw fa-btn fa-twitter"></i> Scott Bowler</li>
</ul>
</div>
</div>
</div>
<div class="tab-pane col-md-12 calendar-day-view" v-if="selectedView" :class="{'activeTab': selectedView === 'day'}">
<div class="container-fluid">
<div class="post-list">
<div class="calendar-row-date col-md-12">
Wednesday 3rd January
</div>
<div class="container-fluid">
<div class="calendar-row calendar-highlights">
<span class="highlight">Generic event</span>
<span class="highlight">Generic event</span>
</div>
</div>
<?php
$x = 0;
while ($x <= 23) {
?>
<div class="calendar-row-hour col-md-12 no-padding <?php if($x == '0') { echo 'calendar-past'; } ?>">
<?php
$y = 0;
while ($y < 60) {
?>
<div class="calendar-row-minute col-md-12 <?php if($x == '0' || $x == '1' && ($x == '1' && $y < '15')) { echo 'calendar-past'; } ?>">
<div class="col-md-1 time minute">
<?php echo sprintf("%02d", $x); ?>:<?php echo sprintf("%02d", $y); ?>
<button type="button" class="btn btn-primary btn-xs" id="add-post" onclick="showAddPostModal()"> {{ __("Add post") }}</button>
</div>
<div class="col-md-11">
<?php if($x == '1' && $y == '45') { ?>
<div class="calendar-card col-md-12 padding-left-0 padding-right-0 approved">
<div class="header">
Category name
</div>
<div class="row preview">
<div class="col-md-12">
<div class="thumbnail-image" style="background-image: url(&quot;https://images.edgeapp.net/?i=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/system/ccd933de-c93e-460b-bf16-f346d2f5f068/QJa30LltGJ9oYXkEeeAvJtr9yV1jqYU9YyQG82so.png&cache=true&code=4w9aAOdvMR&w=300&w_url=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/4w9aAOdvMR/CjP2PHCT5sHpcxALScyZnqdVB3seOhGFt4XnzBHx.png&w_pos=southeast&w_bg=transparent&w_pad=5%25&w_w=20%25&quot;), url(&quot;/img/bg-squares.png&quot;); background-repeat: no-repeat, repeat; background-size: contain, auto;">
<div class="textarea">test</div>
<div class="btn-group actions">
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-copy"></i></span></button>
</div>
</div>
</div>
</div>
<div class="info">
<div class="col-md-6"><span class="pending">Pending</span></div>
<div class="col-md-6">01:45</div>
</div>
<div class="col-md-12 footer">
<div class="social-summary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<i class="fab fa-fw fa-btn fa-facebook"></i> <i class="fab fa-fw fa-btn fa-twitter"></i> <i class="fab fa-fw fa-btn fa-linkedin"></i> <i class="fab fa-fw fa-btn fa-pinterest"></i>
</div>
<div class="collapse" id="collapseExample">
<span><i class="fab fa-fw fa-btn fa-facebook"></i> Scott Bowler</span>
<span><i class="fab fa-fw fa-btn fa-twitter"></i> Holly Social</span>
<span><i class="fab fa-fw fa-btn fa-pinterest"></i> Holly Pins</span>
<span><i class="fab fa-fw fa-btn fa-linkedin"></i> Scott Bowler</span>
</div>
</div>
</div>
<div class="calendar-card col-md-12 padding-left-0 padding-right-0 approved">
<div class="header">
Category name
</div>
<div class="row preview">
<div class="col-md-12">
<div class="thumbnail-image" style="background-image: url(&quot;https://images.edgeapp.net/?i=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/system/ccd933de-c93e-460b-bf16-f346d2f5f068/QJa30LltGJ9oYXkEeeAvJtr9yV1jqYU9YyQG82so.png&cache=true&code=4w9aAOdvMR&w=300&w_url=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/4w9aAOdvMR/CjP2PHCT5sHpcxALScyZnqdVB3seOhGFt4XnzBHx.png&w_pos=southeast&w_bg=transparent&w_pad=5%25&w_w=20%25&quot;), url(&quot;/img/bg-squares.png&quot;); background-repeat: no-repeat, repeat; background-size: contain, auto;">
<div class="textarea">test</div>
<div class="btn-group actions">
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-copy"></i></span></button>
</div>
</div>
</div>
</div>
<div class="info">
<div class="col-md-6"><span class="pending">Pending</span></div>
<div class="col-md-6">01:48</div>
</div>
<div class="col-md-12 footer">
<div class="social-summary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<i class="fab fa-fw fa-btn fa-facebook"></i> <i class="fab fa-fw fa-btn fa-twitter"></i> <i class="fab fa-fw fa-btn fa-linkedin"></i> <i class="fab fa-fw fa-btn fa-pinterest"></i>
</div>
<div class="collapse" id="collapseExample">
<span><i class="fab fa-fw fa-btn fa-facebook"></i> Scott Bowler</span>
<span><i class="fab fa-fw fa-btn fa-twitter"></i> Holly Social</span>
<span><i class="fab fa-fw fa-btn fa-pinterest"></i> Holly Pins</span>
<span><i class="fab fa-fw fa-btn fa-linkedin"></i> Scott Bowler</span>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
<?php
$y = $y+15;
}?>
</div>
<?php
$x++;
}
?>
</div>
</div>
</div>
<div class="tab-pane col-md-12" v-if="selectedView" :class="{'activeTab': selectedView === 'week'}">
<div class="container-fluid">
<div class="calendar-row calendar-days">
<div class="col calendar-past">
<a href="#" @click.prevent="selectViewTab('day')">Mon 1st Jan</a>
</div>
<div class="col calendar-past">
<a href="#" @click.prevent="selectViewTab('day')">Tue 2nd Jan</a>
</div>
<div class="col calendar-today">
<a href="#" @click.prevent="selectViewTab('day')">Wed 3rd Jan</a>
</div>
<div class="col">
<a href="#" @click.prevent="selectViewTab('day')">Thu 4th Jan</a>
</div>
<div class="col">
<a href="#" @click.prevent="selectViewTab('day')">Fri 5th Jan</a>
</div>
<div class="col">
<a href="#" @click.prevent="selectViewTab('day')">Sat 6th</a>
</div>
<div class="col">
<a href="#" @click.prevent="selectViewTab('day')">Sun 7th</a>
</div>
</div>
</div>
<div class="container-fluid">
<div class="calendar-row calendar-add">
<div class="col calendar-past">
</div>
<div class="col calendar-past">
</div>
<div class="col">
<button type="button" class="btn btn-primary btn-xs" id="add-post" onclick="showAddPostModal()"> {{ __("Add post") }}</button>
</div>
<div class="col">
<button type="button" class="btn btn-primary btn-xs" id="add-post" onclick="showAddPostModal()"> {{ __("Add post") }}</button>
</div>
<div class="col">
<button type="button" class="btn btn-primary btn-xs" id="add-post" onclick="showAddPostModal()"> {{ __("Add post") }}</button>
</div>
<div class="col">
<button type="button" class="btn btn-primary btn-xs" id="add-post" onclick="showAddPostModal()"> {{ __("Add post") }}</button>
</div>
<div class="col">
<button type="button" class="btn btn-primary btn-xs" id="add-post" onclick="showAddPostModal()"> {{ __("Add post") }}</button>
</div>
</div>
</div>
<div class="container-fluid">
<div class="calendar-row calendar-highlights">
<div class="col calendar-past">
<span class="highlight">Generic event</span>
<span class="highlight">Generic event</span>
</div>
<div class="col calendar-past">
<span class="highlight">Generic event</span>
</div>
<div class="col">
<span class="highlight">Generic event</span>
<span class="highlight">Generic event</span>
<span class="highlight">Generic event</span>
</div>
<div class="col">
<span class="highlight">Generic event</span>
</div>
<div class="col">
<span class="highlight">Generic event</span>
</div>
<div class="col">
<span class="highlight">Generic event</span>
</div>
<div class="col">
<span class="highlight">Generic event</span>
</div>
</div>
</div>
<div class="container-fluid">
<div class="calendar-row post-list">
<div class="col calendar-past">
<div class="calendar-card col-md-12 padding-left-0 padding-right-0 approved">
<div class="header">
Category name
</div>
<div class="row preview">
<div class="col-md-12">
<div class="thumbnail-image" style="background-image: url(&quot;https://images.edgeapp.net/?i=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/system/ccd933de-c93e-460b-bf16-f346d2f5f068/QJa30LltGJ9oYXkEeeAvJtr9yV1jqYU9YyQG82so.png&cache=true&code=4w9aAOdvMR&w=300&w_url=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/4w9aAOdvMR/CjP2PHCT5sHpcxALScyZnqdVB3seOhGFt4XnzBHx.png&w_pos=southeast&w_bg=transparent&w_pad=5%25&w_w=20%25&quot;), url(&quot;/img/bg-squares.png&quot;); background-repeat: no-repeat, repeat; background-size: contain, auto;">
<div class="textarea">test</div>
<div class="btn-group actions">
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-copy"></i></span></button>
</div>
</div>
</div>
</div>
<div class="info">
<div class="col-md-6"><span class="success">Sent</span></div>
<div class="col-md-6">11:00</div>
</div>
<div class="col-md-12 footer">
<div class="social-summary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<i class="fab fa-fw fa-btn fa-facebook"></i> <i class="fab fa-fw fa-btn fa-twitter"></i> <i class="fab fa-fw fa-btn fa-linkedin"></i> <i class="fab fa-fw fa-btn fa-pinterest"></i>
</div>
<div class="collapse" id="collapseExample">
<span><i class="fab fa-fw fa-btn fa-facebook"></i> Scott Bowler</span>
<span><i class="fab fa-fw fa-btn fa-twitter"></i> Holly Social</span>
<span><i class="fab fa-fw fa-btn fa-pinterest"></i> Holly Pins</span>
<span><i class="fab fa-fw fa-btn fa-linkedin"></i> Scott Bowler</span>
</div>
</div>
</div>
<div class="calendar-card col-md-12 padding-left-0 padding-right-0 approved">
<div class="header">
Category name
</div>
<div class="row preview">
<div class="col-md-12">
<div class="thumbnail-image" style="background-image: url(&quot;https://images.edgeapp.net/?i=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/system/ccd933de-c93e-460b-bf16-f346d2f5f068/QJa30LltGJ9oYXkEeeAvJtr9yV1jqYU9YyQG82so.png&cache=true&code=4w9aAOdvMR&w=300&w_url=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/4w9aAOdvMR/CjP2PHCT5sHpcxALScyZnqdVB3seOhGFt4XnzBHx.png&w_pos=southeast&w_bg=transparent&w_pad=5%25&w_w=20%25&quot;), url(&quot;/img/bg-squares.png&quot;); background-repeat: no-repeat, repeat; background-size: contain, auto;">
<div class="textarea">test</div>
<div class="btn-group actions">
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-copy"></i></span></button>
</div>
</div>
</div>
</div>
<div class="info">
<div class="col-md-6"><span class="success">Sent</span></div>
<div class="col-md-6">11:00</div>
</div>
<div class="col-md-12 footer">
<div class="social-summary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<i class="fab fa-fw fa-btn fa-facebook"></i> <i class="fab fa-fw fa-btn fa-twitter"></i> <i class="fab fa-fw fa-btn fa-linkedin"></i> <i class="fab fa-fw fa-btn fa-pinterest"></i>
</div>
<div class="collapse" id="collapseExample">
<span><i class="fab fa-fw fa-btn fa-facebook"></i> Scott Bowler</span>
<span><i class="fab fa-fw fa-btn fa-twitter"></i> Holly Social</span>
<span><i class="fab fa-fw fa-btn fa-pinterest"></i> Holly Pins</span>
<span><i class="fab fa-fw fa-btn fa-linkedin"></i> Scott Bowler</span>
</div>
</div>
</div>
</div>
<div class="col calendar-past">
<div class="calendar-card col-md-12 padding-left-0 padding-right-0 approved">
<div class="header no-category">
No category
</div>
<div class="row preview">
<div class="col-md-12">
<div class="thumbnail-image" style="background-image: url(&quot;https://images.edgeapp.net/?i=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/system/ccd933de-c93e-460b-bf16-f346d2f5f068/QJa30LltGJ9oYXkEeeAvJtr9yV1jqYU9YyQG82so.png&cache=true&code=4w9aAOdvMR&w=300&w_url=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/4w9aAOdvMR/CjP2PHCT5sHpcxALScyZnqdVB3seOhGFt4XnzBHx.png&w_pos=southeast&w_bg=transparent&w_pad=5%25&w_w=20%25&quot;), url(&quot;/img/bg-squares.png&quot;); background-repeat: no-repeat, repeat; background-size: contain, auto;">
<div class="textarea">test</div>
<div class="btn-group actions">
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-copy"></i></span></button>
</div>
</div>
</div>
</div>
<div class="info">
<div class="col-md-6"><span class="fail">Failed</span></div>
<div class="col-md-6">11:00</div>
</div>
<div class="col-md-12 footer">
<div class="social-summary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<i class="fab fa-fw fa-btn fa-facebook"></i> <i class="fab fa-fw fa-btn fa-twitter"></i> <i class="fab fa-fw fa-btn fa-linkedin"></i> <i class="fab fa-fw fa-btn fa-pinterest"></i>
</div>
<div class="collapse" id="collapseExample">
<span><i class="fab fa-fw fa-btn fa-facebook"></i> Scott Bowler</span>
<span><i class="fab fa-fw fa-btn fa-twitter"></i> Holly Social</span>
<span><i class="fab fa-fw fa-btn fa-pinterest"></i> Holly Pins</span>
<span><i class="fab fa-fw fa-btn fa-linkedin"></i> Scott Bowler</span>
</div>
</div>
</div>
</div>
<div class="col">
<div class="calendar-card col-md-12 padding-left-0 padding-right-0 approved">
<div class="header no-category">
No category
</div>
<div class="row preview">
<div class="col-md-12">
<div class="thumbnail-image" style="background-image: url(&quot;https://images.edgeapp.net/?i=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/system/ccd933de-c93e-460b-bf16-f346d2f5f068/QJa30LltGJ9oYXkEeeAvJtr9yV1jqYU9YyQG82so.png&cache=true&code=4w9aAOdvMR&w=300&w_url=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/4w9aAOdvMR/CjP2PHCT5sHpcxALScyZnqdVB3seOhGFt4XnzBHx.png&w_pos=southeast&w_bg=transparent&w_pad=5%25&w_w=20%25&quot;), url(&quot;/img/bg-squares.png&quot;); background-repeat: no-repeat, repeat; background-size: contain, auto;">
<div class="textarea">test</div>
<div class="btn-group actions">
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-edit"></i></span></button>
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-copy"></i></span></button>
<button class="btn btn-danger btn-sm"><span><i class="far fa-trash-alt"></i></span></button>
</div>
</div>
</div>
</div>
<div class="info">
<div class="col-md-6"><span class="pending">Pending</span></div>
<div class="col-md-6">11:00</div>
</div>
<div class="col-md-12 footer">
<div class="social-summary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<i class="fab fa-fw fa-btn fa-facebook"></i> <i class="fab fa-fw fa-btn fa-twitter"></i> <i class="fab fa-fw fa-btn fa-linkedin"></i> <i class="fab fa-fw fa-btn fa-pinterest"></i>
</div>
<div class="collapse" id="collapseExample">
<span><i class="fab fa-fw fa-btn fa-facebook"></i> Scott Bowler</span>
<span><i class="fab fa-fw fa-btn fa-twitter"></i> Holly Social</span>
<span><i class="fab fa-fw fa-btn fa-pinterest"></i> Holly Pins</span>
<span><i class="fab fa-fw fa-btn fa-linkedin"></i> Scott Bowler</span>
</div>
</div>
</div>
<div class="calendar-card col-md-12 padding-left-0 padding-right-0 approved">
<div class="header no-category">
No category
</div>
<div class="row preview">
<div class="col-md-12">
<div class="thumbnail-image" style="background-image: url(&quot;https://images.edgeapp.net/?i=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/system/ccd933de-c93e-460b-bf16-f346d2f5f068/QJa30LltGJ9oYXkEeeAvJtr9yV1jqYU9YyQG82so.png&cache=true&code=4w9aAOdvMR&w=300&w_url=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/4w9aAOdvMR/CjP2PHCT5sHpcxALScyZnqdVB3seOhGFt4XnzBHx.png&w_pos=southeast&w_bg=transparent&w_pad=5%25&w_w=20%25&quot;), url(&quot;/img/bg-squares.png&quot;); background-repeat: no-repeat, repeat; background-size: contain, auto;">
<div class="textarea">test</div>
<div class="btn-group actions">
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-edit"></i></span></button>
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-copy"></i></span></button>
<button class="btn btn-danger btn-sm"><span><i class="far fa-trash-alt"></i></span></button>
</div>
</div>
</div>
</div>
<div class="info">
<div class="col-md-6"><span class="pending">Pending</span></div>
<div class="col-md-6">11:00</div>
</div>
<div class="col-md-12 footer">
<div class="social-summary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<i class="fab fa-fw fa-btn fa-facebook"></i> <i class="fab fa-fw fa-btn fa-twitter"></i> <i class="fab fa-fw fa-btn fa-linkedin"></i> <i class="fab fa-fw fa-btn fa-pinterest"></i>
</div>
<div class="collapse" id="collapseExample">
<span><i class="fab fa-fw fa-btn fa-facebook"></i> Scott Bowler</span>
<span><i class="fab fa-fw fa-btn fa-twitter"></i> Holly Social</span>
<span><i class="fab fa-fw fa-btn fa-pinterest"></i> Holly Pins</span>
<span><i class="fab fa-fw fa-btn fa-linkedin"></i> Scott Bowler</span>
</div>
</div>
</div>
<div class="calendar-card col-md-12 padding-left-0 padding-right-0 approved">
<div class="header no-category">
No category
</div>
<div class="row preview">
<div class="col-md-12">
<div class="thumbnail-image" style="background-image: url(&quot;https://images.edgeapp.net/?i=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/system/ccd933de-c93e-460b-bf16-f346d2f5f068/QJa30LltGJ9oYXkEeeAvJtr9yV1jqYU9YyQG82so.png&cache=true&code=4w9aAOdvMR&w=300&w_url=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/4w9aAOdvMR/CjP2PHCT5sHpcxALScyZnqdVB3seOhGFt4XnzBHx.png&w_pos=southeast&w_bg=transparent&w_pad=5%25&w_w=20%25&quot;), url(&quot;/img/bg-squares.png&quot;); background-repeat: no-repeat, repeat; background-size: contain, auto;">
<div class="textarea">test</div>
<div class="btn-group actions">
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-edit"></i></span></button>
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-copy"></i></span></button>
<button class="btn btn-danger btn-sm"><span><i class="far fa-trash-alt"></i></span></button>
</div>
</div>
</div>
</div>
<div class="info">
<div class="col-md-6"><span class="pending">Pending</span></div>
<div class="col-md-6">11:00</div>
</div>
<div class="col-md-12 footer">
<div class="social-summary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<i class="fab fa-fw fa-btn fa-facebook"></i> <i class="fab fa-fw fa-btn fa-twitter"></i> <i class="fab fa-fw fa-btn fa-linkedin"></i> <i class="fab fa-fw fa-btn fa-pinterest"></i>
</div>
<div class="collapse" id="collapseExample">
<span><i class="fab fa-fw fa-btn fa-facebook"></i> Scott Bowler</span>
<span><i class="fab fa-fw fa-btn fa-twitter"></i> Holly Social</span>
<span><i class="fab fa-fw fa-btn fa-pinterest"></i> Holly Pins</span>
<span><i class="fab fa-fw fa-btn fa-linkedin"></i> Scott Bowler</span>
</div>
</div>
</div>
<div class="calendar-card col-md-12 padding-left-0 padding-right-0 approved">
<div class="header no-category">
No category
</div>
<div class="row preview">
<div class="col-md-12">
<div class="thumbnail-image" style="background-image: url(&quot;https://images.edgeapp.net/?i=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/system/ccd933de-c93e-460b-bf16-f346d2f5f068/QJa30LltGJ9oYXkEeeAvJtr9yV1jqYU9YyQG82so.png&cache=true&code=4w9aAOdvMR&w=300&w_url=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/4w9aAOdvMR/CjP2PHCT5sHpcxALScyZnqdVB3seOhGFt4XnzBHx.png&w_pos=southeast&w_bg=transparent&w_pad=5%25&w_w=20%25&quot;), url(&quot;/img/bg-squares.png&quot;); background-repeat: no-repeat, repeat; background-size: contain, auto;">
<div class="textarea">test</div>
<div class="btn-group actions">
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-edit"></i></span></button>
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-copy"></i></span></button>
<button class="btn btn-danger btn-sm"><span><i class="far fa-trash-alt"></i></span></button>
</div>
</div>
</div>
</div>
<div class="info">
<div class="col-md-6"><span class="pending">Pending</span></div>
<div class="col-md-6">11:00</div>
</div>
<div class="col-md-12 footer">
<div class="social-summary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<i class="fab fa-fw fa-btn fa-facebook"></i> <i class="fab fa-fw fa-btn fa-twitter"></i> <i class="fab fa-fw fa-btn fa-linkedin"></i> <i class="fab fa-fw fa-btn fa-pinterest"></i>
</div>
<div class="collapse" id="collapseExample">
<span><i class="fab fa-fw fa-btn fa-facebook"></i> Scott Bowler</span>
<span><i class="fab fa-fw fa-btn fa-twitter"></i> Holly Social</span>
<span><i class="fab fa-fw fa-btn fa-pinterest"></i> Holly Pins</span>
<span><i class="fab fa-fw fa-btn fa-linkedin"></i> Scott Bowler</span>
</div>
</div>
</div>
</div>
<div class="col">
<div class="calendar-card col-md-12 padding-left-0 padding-right-0 approved">
<div class="header no-category">
No category
</div>
<div class="row preview">
<div class="col-md-12">
<div class="thumbnail-image" style="background-image: url(&quot;https://images.edgeapp.net/?i=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/system/ccd933de-c93e-460b-bf16-f346d2f5f068/QJa30LltGJ9oYXkEeeAvJtr9yV1jqYU9YyQG82so.png&cache=true&code=4w9aAOdvMR&w=300&w_url=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/4w9aAOdvMR/CjP2PHCT5sHpcxALScyZnqdVB3seOhGFt4XnzBHx.png&w_pos=southeast&w_bg=transparent&w_pad=5%25&w_w=20%25&quot;), url(&quot;/img/bg-squares.png&quot;); background-repeat: no-repeat, repeat; background-size: contain, auto;">
<div class="textarea">test</div>
<div class="btn-group actions">
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-edit"></i></span></button>
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-copy"></i></span></button>
<button class="btn btn-danger btn-sm"><span><i class="far fa-trash-alt"></i></span></button>
</div>
</div>
</div>
</div>
<div class="info">
<div class="col-md-6"><span class="pending">Pending</span></div>
<div class="col-md-6">11:00</div>
</div>
<div class="col-md-12 footer">
<div class="social-summary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<i class="fab fa-fw fa-btn fa-facebook"></i> <i class="fab fa-fw fa-btn fa-twitter"></i> <i class="fab fa-fw fa-btn fa-linkedin"></i> <i class="fab fa-fw fa-btn fa-pinterest"></i>
</div>
<div class="collapse" id="collapseExample">
<span><i class="fab fa-fw fa-btn fa-facebook"></i> Scott Bowler</span>
<span><i class="fab fa-fw fa-btn fa-twitter"></i> Holly Social</span>
<span><i class="fab fa-fw fa-btn fa-pinterest"></i> Holly Pins</span>
<span><i class="fab fa-fw fa-btn fa-linkedin"></i> Scott Bowler</span>
</div>
</div>
</div>
<div class="calendar-card col-md-12 padding-left-0 padding-right-0 approved">
<div class="header no-category">
No category
</div>
<div class="row preview">
<div class="col-md-12">
<div class="thumbnail-image" style="background-image: url(&quot;https://images.edgeapp.net/?i=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/system/ccd933de-c93e-460b-bf16-f346d2f5f068/QJa30LltGJ9oYXkEeeAvJtr9yV1jqYU9YyQG82so.png&cache=true&code=4w9aAOdvMR&w=300&w_url=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/4w9aAOdvMR/CjP2PHCT5sHpcxALScyZnqdVB3seOhGFt4XnzBHx.png&w_pos=southeast&w_bg=transparent&w_pad=5%25&w_w=20%25&quot;), url(&quot;/img/bg-squares.png&quot;); background-repeat: no-repeat, repeat; background-size: contain, auto;">
<div class="textarea">test</div>
<div class="btn-group actions">
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-edit"></i></span></button>
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-copy"></i></span></button>
<button class="btn btn-danger btn-sm"><span><i class="far fa-trash-alt"></i></span></button>
</div>
</div>
</div>
</div>
<div class="info">
<div class="col-md-6"><span class="pending">Pending</span></div>
<div class="col-md-6">11:00</div>
</div>
<div class="col-md-12 footer">
<div class="social-summary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<i class="fab fa-fw fa-btn fa-facebook"></i> <i class="fab fa-fw fa-btn fa-twitter"></i> <i class="fab fa-fw fa-btn fa-linkedin"></i> <i class="fab fa-fw fa-btn fa-pinterest"></i>
</div>
<div class="collapse" id="collapseExample">
<span><i class="fab fa-fw fa-btn fa-facebook"></i> Scott Bowler</span>
<span><i class="fab fa-fw fa-btn fa-twitter"></i> Holly Social</span>
<span><i class="fab fa-fw fa-btn fa-pinterest"></i> Holly Pins</span>
<span><i class="fab fa-fw fa-btn fa-linkedin"></i> Scott Bowler</span>
</div>
</div>
</div>
</div>
<div class="col">
</div>
<div class="col">
</div>
<div class="col">
<div class="calendar-card col-md-12 padding-left-0 padding-right-0 approved">
<div class="header">
Category name
</div>
<div class="row preview">
<div class="col-md-12">
<div class="thumbnail-image" style="background-image: url(&quot;https://images.edgeapp.net/?i=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/system/ccd933de-c93e-460b-bf16-f346d2f5f068/QJa30LltGJ9oYXkEeeAvJtr9yV1jqYU9YyQG82so.png&cache=true&code=4w9aAOdvMR&w=300&w_url=https://nyc3.digitaloceanspaces.com/holly-staging/staging.chooseholly.com/media/4w9aAOdvMR/CjP2PHCT5sHpcxALScyZnqdVB3seOhGFt4XnzBHx.png&w_pos=southeast&w_bg=transparent&w_pad=5%25&w_w=20%25&quot;), url(&quot;/img/bg-squares.png&quot;); background-repeat: no-repeat, repeat; background-size: contain, auto;">
<div class="textarea">test</div>
<div class="btn-group actions">
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-edit"></i></span></button>
<button type="button" class="btn btn-primary btn-sm"><span><i class="far fa-copy"></i></span></button>
<button class="btn btn-danger btn-sm"><span><i class="far fa-trash-alt"></i></span></button>
</div>
</div>
</div>
</div>
<div class="info">
<div class="col-md-6"><span class="pending">Pending</span></div>
<div class="col-md-6">11:00</div>
</div>
<div class="col-md-12 footer">
<div class="social-summary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<i class="fab fa-fw fa-btn fa-facebook"></i> <i class="fab fa-fw fa-btn fa-twitter"></i> <i class="fab fa-fw fa-btn fa-linkedin"></i> <i class="fab fa-fw fa-btn fa-pinterest"></i>
</div>
<div class="collapse" id="collapseExample">
<span><i class="fab fa-fw fa-btn fa-facebook"></i> Scott Bowler</span>
<span><i class="fab fa-fw fa-btn fa-twitter"></i> Holly Social</span>
<span><i class="fab fa-fw fa-btn fa-pinterest"></i> Holly Pins</span>
<span><i class="fab fa-fw fa-btn fa-linkedin"></i> Scott Bowler</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</calendar>
@endsection
@section('scripts')
<script>
Holly.categories = {!! $categories !!};
Holly.accounts = {!! $accounts !!};
Holly.evergreenPosts = {!! $evergreenPosts !!};
Holly.accountsCategories = {!! $accountsCategories !!};
Holly.accountsEvergreenPosts = {!! $accountsEvergreenPosts !!};
</script>
@endsection
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment