unclean SPARC

app/views/comms/mailings/dashboard/MailingDashboardView.html

@@ -0,0 +1,85 @@
+<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>
+