STEINNI
86 lines
2.5 KiB
HTML
86 lines
2.5 KiB
HTML
<style>
|
|
.mailings{
|
|
--tile-width: 320px;
|
|
--tile-height: 450px;
|
|
--chart-height: 110px;
|
|
}
|
|
.mailings > header {
|
|
background: url('/app/assets/images/cards/mass-mailer.jpg');
|
|
}
|
|
.mailings .search-bar{
|
|
grid-template-columns: auto min-content;
|
|
align-items: baseline;
|
|
}
|
|
.mailings .path label {
|
|
white-space: nowrap;
|
|
}
|
|
.mailings .list {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, var(--tile-width));
|
|
grid-gap: var(--eicui-base-spacing-m);
|
|
}
|
|
.mailings .list .tile {
|
|
width: var(--tile-width);
|
|
height: var(--tile-height);
|
|
overflow: visible !important;
|
|
}
|
|
.mailings .list .tile h1{
|
|
max-width: calc(var(--tile-width) - 70px);
|
|
}
|
|
.mailings .results .filters {
|
|
padding: var(--eicui-base-spacing-s) 0;
|
|
display: grid;
|
|
grid-auto-flow: column;
|
|
grid-gap: var(--eicui-base-spacing-m);
|
|
width: fit-content;
|
|
}
|
|
.mailings [eicpiechart] {
|
|
height: var(--chart-height);
|
|
margin-top: -15px;
|
|
}
|
|
.mailings .tile .path{
|
|
min-height: calc(var(--eicui-base-font-size-2xs)*3);
|
|
}
|
|
.mailings .results section{
|
|
min-height: 6em;
|
|
}
|
|
.mailings div.results-loader {
|
|
width:1em;
|
|
display:none;
|
|
}
|
|
.mailings .error-message {
|
|
color: red;
|
|
padding: 1em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
.mailings .empty-message {
|
|
color: #999;
|
|
padding: 1em;
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
|
|
<article eiccard media class="mailings massMailerDashboard">
|
|
<header>
|
|
<h1>Mailings Monitoring & Control</h1>
|
|
<h2>Communication Services</h2>
|
|
</header>
|
|
<section>
|
|
<div class="cols-2 search-bar">
|
|
<select eicselect data-ref="searchCriteria" data-change="onSearchChange" editable data-type="array" placeholder="Search on title, path or user"></select>
|
|
<button eicbutton="" xsmall="" rounded="" primary data-trigger="onPathBrowse" icon="icon-folder"><i class="icon-folder"></i></button>
|
|
</div>
|
|
<article eiccard class="results" data-ref="resultsPane">
|
|
<section>
|
|
<div class="cols-2 right">
|
|
<div class="filters"></div>
|
|
<button eicbutton data-trigger="onMailingCreate" primary >Create</button>
|
|
</div>
|
|
<div class="list" data-output="searchResults" data-async="results"></div>
|
|
</section>
|
|
</article>
|
|
</section>
|
|
</article>
|
|
|