Adding mobile lables

rishijain · Oct 3, 2021 · 91d9f29 · 91d9f29
1 parent f04cecc
commit 91d9f29
Showing 1 changed file with 30 additions and 7 deletions.
diff --git a/app/javascript/src/dashboard.js b/app/javascript/src/dashboard.js
@@ -113,6 +113,7 @@ $('document').ready(() => {
         name: 'display_name',
         render: (data, type, row, meta) => {
           return `
+            <span class="mobile-label">Name</span>
             <a href="${editVolunteerPath(row.id)}">
               ${row.display_name || row.email}
             </a>
@@ -130,6 +131,7 @@ $('document').ready(() => {
         render: (data, type, row, meta) => {
           return row.supervisor.id
             ? `
+            <span class="mobile-label">Supervisor</span>
               <a href="${editSupervisorPath(row.supervisor.id)}">
                 ${row.supervisor.name}
               </a>
@@ -139,22 +141,36 @@ $('document').ready(() => {
       },
       {
         name: 'active',
-        render: (data, type, row, meta) => row.active === 'true' ? 'Active' : 'Inactive',
+        render: (data, type, row, meta) => {
+          return `
+            <span class="mobile-label">Status</span>
+            ${row.active === 'true' ? 'Active' : 'Inactive'}
+          `
+        },
         searchable: false
       },
       {
         name: 'has_transition_aged_youth_cases',
-        render: (data, type, row, meta) => row.has_transition_aged_youth_cases === 'true' ? 'Yes 🦋' : 'No 🐛',
+        render: (data, type, row, meta) => {
+          return `
+          <span class="mobile-label">Assigned to Transitioned Aged Youth</span>
+          ${row.has_transition_aged_youth_cases === 'true' ? 'Yes 🦋' : 'No 🐛'}`
+        },
         searchable: false
       },
       {
         name: 'casa_cases',
         render: (data, type, row, meta) => {
           const links = row.casa_cases.map(casaCase => {
-            return `<a href="${casaCasePath(casaCase.id)}">${casaCase.case_number}</a>`
+            return `
+            <a href="${casaCasePath(casaCase.id)}">${casaCase.case_number}</a>
+            `
           })
-
-          return links.join(', ')
+          var case_numbers = `
+            <span class="mobile-label">Case Number(s)</span>
+            ${links.join(', ')}
+          `
+          return case_numbers
         },
         orderable: false
       },
@@ -163,6 +179,7 @@ $('document').ready(() => {
         render: (data, type, row, meta) => {
           return row.most_recent_attempt.case_id
             ? `
+              <span class="mobile-label">Last Attempted Contact</span>
               <a href="${casaCasePath(row.most_recent_attempt.case_id)}">
                 ${row.most_recent_attempt.occurred_at}
               </a>
@@ -174,7 +191,12 @@ $('document').ready(() => {
       },
       {
         name: 'contacts_made_in_past_days',
-        render: (data, type, row, meta) => row.contacts_made_in_past_days,
+        render: (data, type, row, meta) => {
+          return `
+          <span class="mobile-label">Contacts</span>
+          ${row.contacts_made_in_past_days}
+          `
+        },
         searchable: false,
         visible: false
       },
@@ -183,6 +205,7 @@ $('document').ready(() => {
         orderable: false,
         render: (data, type, row, meta) => {
           return `
+          <span class="mobile-label">Actions</span>
             <a href="${editVolunteerPath(row.id)}">
               Edit
             </a>
@@ -261,7 +284,7 @@ $('document').ready(() => {
 
   defineSupervisorsDataTable()
 
-  function filterOutUnassignedVolunteers (checked) {
+  function filterOutUnassignedVolunteers(checked) {
     $('.supervisor-options').find('input[type="checkbox"]').not('#unassigned-vol-filter').each(function () {
       this.checked = checked
     })