Broken JS. Added sample Member widget & styles on the main dashboard

diff --git a/css/admin.css b/css/admin.css
index 3cac1b9..4a46b55 100644 (file)
--- a/css/admin.css
+++ b/css/admin.css
@@ -803,3 +803,36 @@ td.glm-nowrap {
     cursor: pointer;
 }
 .glm-import-td { padding:15px !important; margin: 0; }
+
+
+/* New Dashboard Styles */
+.dashboard-summary-widget .summary-widget-handle::after {
+    content: "";
+    position: absolute;
+    top: 55%;
+    transform: translateY(-50%);
+    right: 10px;
+    width: 0;
+    height: 0;
+    border-left: 6px solid transparent;
+    border-right: 6px solid transparent;
+    border-top: 6px solid black;
+}
+.dashboard-summary-widget .summary-widget-handle {
+    padding: 7px 10px;
+    background-color: white;
+    color: black;
+    border-bottom: 1px solid #eee;
+    font-size: 15px;
+    font-weight: bold;
+    position: relative;
+}
+.dashboard-summary-widget {
+    background-color: white;
+    box-shadow: none;
+    border-color: #e5e5e5;
+    box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+}
+.glm-summary-widgets-wrapper > h2 {
+    font-size: 32px;
+}
\ No newline at end of file

diff --git a/views/admin/members/header.html b/views/admin/members/header.html
index 31ca525..f99f111 100644 (file)
--- a/views/admin/members/header.html
+++ b/views/admin/members/header.html
@@ -1,3 +1,93 @@
+
+<div class="glm-summary-widgets-wrapper">
+    <h2>GLM Associate Dashboard</h2>
+    <div class="glm-summary-widgets-container">
+        <div class="glm-summary-widgets">
+            <div class="row">
+                <div class="glm-summary-widget col s12 m6 l4">
+                    <ul id="members-summary-widget" class="summary members-summary-widget dashboard-summary-widget collapsible">
+                        <li>
+                            <div class="summary-widget-handle collapsible-header"> Members </div>
+                            <div class="summary-widget-body collapsible-body">
+                                <div class="quicklinks">
+                                    <a href="#">Dashboard</a>
+                                    <span>&nbsp;|&nbsp;</span>
+                                    <a href="#">Advanced Search</a>
+                                    <span>&nbsp;|&nbsp;</span>
+                                    <a href="#">Settings</a>
+                                    
+                                </div>
+                                <div class="results-number">
+                                    Number of members <a href="#">0</a>
+                                </div>
+                                (actions)
+                                <div class="showcase">
+                                    <span>
+                                        <span class="switch" style="margin-left: 14px;">
+                                            <label>
+                                            Off
+                                            <input type="checkbox" />
+                                            <span class="lever"></span>
+                                            On
+                                            </label>
+                                        </span>
+                                        <span class="checkbox" style="margin-left: 14px;">
+                                            <label>
+                                                <input type="checkbox" />
+                                                <span>Red</span>
+                                            </label>
+                                        </span>
+                                    </span>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                    <ul id="events-summary-widget" class="summary events-summary-widget dashboard-summary-widget collapsible">
+                        <li>
+                            <div class="summary-widget-handle collapsible-header"> Events </div>
+                            <div class="summary-widget-body collapsible-body">
+                                <div class="quicklinks">
+                                    <a href="#">Dashboard</a>
+                                    <span>&nbsp;|&nbsp;</span>
+                                    <a href="#">Advanced Search</a>
+                                    <span>&nbsp;|&nbsp;</span>
+                                    <a href="#">Settings</a>
+                                    
+                                </div>
+                                <div class="results-number">
+                                    Number of events <a href="#">0</a>
+                                </div>
+                                (actions)
+                                <div class="showcase">
+                                    <span>
+                                        <span class="switch" style="margin-left: 14px;">
+                                            <label>
+                                            Off
+                                            <input type="checkbox" />
+                                            <span class="lever"></span>
+                                            On
+                                            </label>
+                                        </span>
+                                        <span class="checkbox" style="margin-left: 14px;">
+                                            <label>
+                                                <input type="checkbox" />
+                                                <span>Red</span>
+                                            </label>
+                                        </span>
+                                    </span>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>    
+</div>
+
+
+
+
 <div class="wrap glm-associate-admin-wrap glm-associate-admin-members-wrap">
 {if $enable_members}
     <h2>All {$terms.term_member_plur_cap}</h2>