fixing the edit and update functions for the posting, adding more styles

styling and structuring the admin list, fixing the update functionality for
pre-existing job postings

diff --git a/classes/data/dataJobs.php b/classes/data/dataJobs.php
index b4de75f..825718d 100644 (file)
--- a/classes/data/dataJobs.php
+++ b/classes/data/dataJobs.php
@@ -35,7 +35,7 @@
  *          @release SVN: $Id: dataMembers.php,v 1.0 2011/01/25 19:31:47 cscott
  *          Exp $
  */
-class GlmDatajobs extends GlmDataAbstract
+class GlmDataJobs extends GlmDataAbstract
 {
 
     /**
@@ -133,6 +133,7 @@ class GlmDatajobs extends GlmDataAbstract
             'id' => array (
                 'field' => 'id',
                 'type' => 'integer',
+                'view_only' => true,
                 'use' => 'a'
             ),
             'title' => array (
@@ -170,8 +171,8 @@ class GlmDatajobs extends GlmDataAbstract
             ),
             'post_date' => array (
                 'field' => 'post_date',
-                'type' => 'date',
-                'use' => 'a'
+                'type' => 'datetime',
+                'use' => 'lge'
             ),
             'visible' => array (
                 'field' => 'visible',

diff --git a/css/admin.css b/css/admin.css
index f6fd0fc..d6e341d 100644 (file)
--- a/css/admin.css
+++ b/css/admin.css
@@ -1,7 +1,43 @@
 #glm-admin-content-container .admin-job-label,
-#glm-admin-content-container .admin-job-input{
+#glm-admin-content-container .admin-job-input,
+#glm-admin-content-container .admin-job-list{
     padding: 0;
 }
 .jobTitle-record{
     float: left;
+}
+.admin-job-input textarea{
+   
+}
+.admin-new-job{
+    margin-bottom: 15px;
+}
+.admin-new-job .admin-new-job-link{
+    padding: 5px;
+    background: #3D84D0;
+    color: white;
+    text-decoration: none;
+    border-radius: 4px;
+}
+.no-padding{
+    padding: 0;
+}
+.no-margin{
+    margin: 0;
+}
+#glm-admin-content-container .admin-job-list-header{
+    margin-bottom: 20px;
+    padding-bottom: 2px;
+    border-bottom: 1px solid lightgray;
+}
+.admin-job-list-row{
+    padding-bottom: 5px;
+/*    border-bottom: 1px solid lightgray;*/
+}
+.job-company-list-header,.job-date-list-header, .job-title-list-header{
+    font-weight: bold;
+    font-size: 16px;
+}
+.admin-job-list-row:nth-child(odd){
+    background: #e3e3e5;
 }
\ No newline at end of file

diff --git a/models/admin/jobs/index.php b/models/admin/jobs/index.php
index e705187..f934c51 100644 (file)
--- a/models/admin/jobs/index.php
+++ b/models/admin/jobs/index.php
@@ -18,7 +18,7 @@ require_once GLM_MEMBERS_JOBS_PLUGIN_CLASS_PATH .'/data/dataJobs.php';
 require_once GLM_MEMBERS_JOBS_PLUGIN_CLASS_PATH .'/data/dataJobTitles.php';
 require_once GLM_MEMBERS_PLUGIN_CLASS_PATH .'/data/dataMembers.php';
 
-class GlmMembersAdmin_jobs_index extends GlmDatajobs
+class GlmMembersAdmin_jobs_index extends GlmDataJobs
 {
 
     /**
@@ -109,9 +109,20 @@ class GlmMembersAdmin_jobs_index extends GlmDatajobs
         }
         
         // get the Job id for use in the edit, add and delete options
-        $this->job_id = ( isset( $_REQUEST['job'] ) ? filter_var( $_REQUEST['job'], FILTER_SANITIZE_STRING) : '');
+        // Get obit ID if supplied
+        if (isset($_REQUEST['job'])) {
+
+            // Make sure it's numeric
+            $this->job_id= ($_REQUEST['job'] - 0);
+
+            if ($this->job_id <= 0) {
+                $this->job_id = false;
+            }
+
+        }
         
         $job_data = $this->getList();
+        
 //        echo '<pre>', print_r($this->getList()), '</pre>';
         // echo '<pre>', print_r($_REQUEST), '</pre>';
         
@@ -136,7 +147,7 @@ class GlmMembersAdmin_jobs_index extends GlmDatajobs
 
                     // Get this again so we have the created date
                     $job = $this->editEntry($this->job_id);
-
+                    
                     $option = 'edit';
                     $jobAdded = true;
 
@@ -161,15 +172,15 @@ class GlmMembersAdmin_jobs_index extends GlmDatajobs
                 break;
 
             case 'update':
-
                 // Try to update this Job
                 $job = $this->updateEntry($this->job_id);
-
+      
                 // Check if that was successful
                 if ($job['status']) {
                     $jobUpdated = true;
 
                     $job = $this->editEntry($this->job_id);
+ 
                 } else {
                     $jobUpdateError = true;
                 }
@@ -200,6 +211,7 @@ class GlmMembersAdmin_jobs_index extends GlmDatajobs
         $templateData = array(
             'jobData'        => $job_data,
             'jobTitles'      => $job_titles,
+            'jobID'          => $this->job_id,
             'haveJob'        => $haveJob,
             'jobUpdated'     => $jobUpdated,
             'jobUpdateError' => $jobUpdateError,

diff --git a/setup/databaseScripts/create_database_V0.0.1.sql b/setup/databaseScripts/create_database_V0.0.1.sql
index 9dc6513..4cb6ac4 100644 (file)
--- a/setup/databaseScripts/create_database_V0.0.1.sql
+++ b/setup/databaseScripts/create_database_V0.0.1.sql
@@ -14,7 +14,7 @@
 -- Conditions Table
 CREATE TABLE {prefix}jobs (
     id INT NOT NULL AUTO_INCREMENT,
-    title TINYTEXT NULL ,
+    title int NULL ,
     descr TEXT NULL ,
     salary TINYTEXT NULL ,
     email_location TINYTEXT NULL ,
@@ -26,7 +26,7 @@ CREATE TABLE {prefix}jobs (
     requirements TEXT NULL,
     benefits TEXT NULL ,
     job_location TINYTEXT NULL ,
-    job_expiration TINYTEXT NULL,
+    job_expiration INT NULL,
     duration TINYTEXT NULL ,
     deadline TINYTEXT NULL ,
     company TINYTEXT NULL ,
@@ -56,8 +56,8 @@ INSERT INTO {prefix}job_titles ( id,job_title) VALUES
 INSERT INTO {prefix}jobs ( 
 id,title,descr,salary, email_location,contactname,contactphone,post_date,visible, 
 facility_operation,requirements,job_location,job_expiration,duration,deadline,position_available,
-company,member
-) VALUES ( 1, 1,"DESCRIPTION",'SALARY', 'EMAIL LOCATION', 'CONTACT NAME', '453-3443', NOW(), false,
-'facility operations', 'REQUIREMENTS', 'JOB LOCATION', 'JOB EXPIRATION', 'JOB DURATION', 'DEADLINE', 'POSITION AVAILABLE',
-'COMPANY', 1
+company,member,benefits
+) VALUES ( 1, 1,"DESCRIPTION",'SALARY', 'EMAIL LOCATION', 'CONTACT NAME', '453-3443', NOW(), true,
+'facility operations', 'REQUIREMENTS', 'JOB LOCATION', 30, 'JOB DURATION', 'DEADLINE', 'POSITION AVAILABLE',
+'COMPANY', 1, 'JOB BENEFITS'
 );
\ No newline at end of file

diff --git a/views/admin/jobs/edit.html b/views/admin/jobs/edit.html
index ab8ea32..b5c1694 100644 (file)
--- a/views/admin/jobs/edit.html
+++ b/views/admin/jobs/edit.html
@@ -5,7 +5,7 @@
 
   {if $option == 'edit' || $option == 'update'}
     <a id="deleteJobButton" class="button button-secondary glm-button glm-right">Delete this Job</a>
-    <h2>Edit Job Postings
+    <h2>Edit Job Posting
   {else}
     <h2>Add New Job Posting
   {/if}
@@ -16,11 +16,10 @@
         {if $jobAddError}<span class="glm-error glm-flash-updated">Job Add Error</span>{/if}
     </h2>
 
-  {if $jobUpdateError || $jobAddError}
-    <h1 class="glm-error">NOTICE: Your Job has not yet been submitted.<br>Please select the tabs indicating a problem, correct the indicated fields and resubmit.</h1>
-  {else}
-  {/if}
-
+    {if $jobUpdateError || $jobAddError}
+      <h1 class="glm-error">NOTICE: Your Job has not yet been submitted.<br>Please select the tabs indicating a problem, correct the indicated fields and resubmit.</h1>
+    {else}
+    {/if}
     <form action="{$thisUrl}?page={$thisPage}" method="post" enctype="multipart/form-data">
         <input type="hidden" name="glm_action" value="index">
 
@@ -36,15 +35,15 @@
         </h2>
         <!-- JOB TITLE -->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
                 Job Title
             </div>
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-input">
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-input">
                 <select id="job_title" data-id="title" name="title">
-                    <option value="">Select a date range</option>
+                    <option value="">Select a Job Title</option>
                     {foreach from=$jobTitles item=j}
                         {if 'fieldData'|array_key_exists:$job}
-                            <option value="{$job.id}" {if $job.fieldData.title.name == {$j.job_title}} selected="selected"{/if}>
+                            <option value="{$j.id}" {if $job.fieldData.title.name == {$j.job_title}} selected="selected"{/if}>
                         {else if}
                             <option value="{$j.id}">
                         {/if}
@@ -52,150 +51,253 @@
                         </option>
                     {/foreach}
                 </select>
-            </div>
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-input">
-                <input type='text' name="title">
-            </div>
-        </div>
-        <!-- MEMBER -->
-        <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
             </div>
             <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="position_available">
+<!--                <input type="text" name="title">-->
             </div>
         </div>
-        <!-- POSITON AVAILABLE -->
+        <!-- MEMBER -->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
+                    Member
             </div>
-            <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="position_available">
+            <div class="glm-small-12 glm-medium-5 glm-columns admin-job-input">
+                <select id="member" data-id="member" name="member">
+                    <option value="">Select a Member</option>
+                    {foreach from=$jobData.member item=m}
+                        {if 'fieldData'|array_key_exists:$job}
+                            <option value="{$job.id}" {if $job.fieldData.title.name == {$j.job_title}} selected="selected"{/if}>
+                        {else if}
+                            <option value="{$j.id}">
+                        {/if}
+                            {$j.job_title}
+                        </option>
+                    {/foreach}
+                </select>
             </div>
         </div>
-       
+        <!-- COMPANY -->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
+                   Company
             </div>
-            <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="position_available">
+            <div class="glm-small-12 glm-medium-5 glm-columns admin-job-input">
+                <input type="text" name="company" {if $job.fieldData.company} value='{$job.fieldData.company}' {/if}>
             </div>
         </div>
+        <!-- FACILITY OPERATION -->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
+                    Facility Operation
             </div>
-            <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="position_available">
+            
+            <div class="glm-small-12 glm-medium-5 glm-columns admin-job-input">
+                {php}
+                    wp_editor(
+              
+                        '{$job.fieldData.facility_operation|escape:quotes}', 
+   
+               
+                    'facility_operation', array(
+                        'media_buttons' => false,
+                        'tinymce'      => false,
+                        // 'quicktags' => false,
+                        // 'wpautop' => false,  NOTE: Dont's use. Problem when numerous spaces before text.
+                        'textarea_name' => 'facility_operation',
+                        'editor_height' => 200,     // Height in px, overrides editor_rows
+                            // 'textarea_rows' => 8
+                    ));
+                {/php}
             </div>
         </div>
+        <!-- DESCRIPTION -->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
-            </div>
-            <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="position_available">
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
+                   Description
+            </div>
+            <div class="glm-small-12 glm-medium-5 glm-columns admin-job-input">
+                {php}
+                    wp_editor(
+                  
+                        '{$job.fieldData.descr|escape:quotes}', 
+              
+                    'descr', array(
+                        'media_buttons' => false,
+                        'tinymce'      => false,
+                        // 'quicktags' => false,
+                        // 'wpautop' => false,  NOTE: Dont's use. Problem when numerous spaces before text.
+                        'textarea_name' => 'descr',
+                        'editor_height' => 200,     // Height in px, overrides editor_rows
+                            // 'textarea_rows' => 8
+                    ));
+                {/php}
             </div>
         </div>
+        <!-- JOB REQUIREMENTS -->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
-            </div>
-            <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="position_available">
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
+                 Job Requirements   
+            </div>
+            <div class="glm-small-12 glm-medium-5 glm-columns admin-job-input">
+                {php}
+                    wp_editor(
+               
+                        '{$job.fieldData.requirements|escape:quotes}', 
+     
+                    'requirements', array(
+                        'media_buttons' => false,
+                        'tinymce'      => false,
+                        // 'quicktags' => false,
+                        // 'wpautop' => false,  NOTE: Dont's use. Problem when numerous spaces before text.
+                        'textarea_name' => 'requirements',
+                        'editor_height' => 200,     // Height in px, overrides editor_rows
+                            // 'textarea_rows' => 8
+                    ));
+                {/php}
             </div>
         </div>
+        <!-- BENEFITS -->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
-            </div>
-            <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="position_available">
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
+                  Job Benefits 
+            </div>
+            <div class="glm-small-12 glm-medium-5 glm-columns admin-job-input">
+                {php}
+                    wp_editor(
+                
+                        '{$job.fieldData.benefits|escape:quotes}', 
+         
+   
+                    'benefits', array(
+                        'media_buttons' => false,
+                        'tinymce'      => false,
+                        // 'quicktags' => false,
+                        // 'wpautop' => false,  NOTE: Dont's use. Problem when numerous spaces before text.
+                        'textarea_name' => 'benefits',
+                        'editor_height' => 200,     // Height in px, overrides editor_rows
+                            // 'textarea_rows' => 8
+                    ));
+                {/php}
             </div>
         </div>
+        <!-- SALARY -->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
+                   Salary 
             </div>
-            <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="position_available">
+            <div class="glm-small-12 glm-medium-5 glm-columns admin-job-input">
+                <input type="text" name="salary" {if $job.fieldData.salary} value='{$job.fieldData.salary}' {/if}>
             </div>
         </div>
+        <!-- POSITION AVAILABLE -->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
+                    Position Available
             </div>
-            <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="position_available">
+            <div class="glm-small-12 glm-medium-5 glm-columns admin-job-input">
+                <input type="text" name="position_available" {if $job.fieldData.position_available} value='{$job.fieldData.position_available}' {/if}>
             </div>
         </div>
+       <!-- DURATION -->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
+                Job Duration    
             </div>
-            <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="position_available">
+            <div class="glm-small-12 glm-medium-5 glm-columns admin-job-input">
+                <input type="text" name="duration" {if $job.fieldData.duration} value='{$job.fieldData.duration}' {/if}>
             </div>
         </div>
+       <!-- DEADLINE -->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
+                Deadline    
             </div>
-            <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="position_available">
+            <div class="glm-small-12 glm-medium-5 glm-columns admin-job-input">
+                <input type="text" name="deadline" {if $job.fieldData.deadline} value='{$job.fieldData.deadline}' {/if}>
             </div>
         </div>
+       <!-- JOB LOCATION -->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
-            </div>
-            <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="position_available">
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
+                Job Location    
+            </div>
+            <div class="glm-small-12 glm-medium-5 glm-columns admin-job-input">
+                {php}
+                    wp_editor(
+         
+                        '{$job.fieldData.job_location|escape:quotes}', 
+      
+                    'job_location', array(
+                        'media_buttons' => false,
+                        'tinymce'      => false,
+                        // 'quicktags' => false,
+                        // 'wpautop' => false,  NOTE: Dont's use. Problem when numerous spaces before text.
+                        'textarea_name' => 'job_location',
+                        'editor_height' => 200,     // Height in px, overrides editor_rows
+                            // 'textarea_rows' => 8
+                    ));
+                {/php}
             </div>
         </div>
+       
+       <!-- CONTACT NAME -->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
+                    Contact Name
             </div>
-            <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="position_available">
+            <div class="glm-small-12 glm-medium-5 glm-columns admin-job-input">
+                <input type="text" name="contactname" {if $job.fieldData.contactname} value='{$job.fieldData.contactname}' {/if}>
             </div>
         </div>
+       <!-- EMAIL TO -->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
+                    Email To
             </div>
-            <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="position_available">
+            <div class="glm-small-12 glm-medium-5 glm-columns admin-job-input">
+                <input type="text" name="email_location" {if $job.fieldData.email_location} value='{$job.fieldData.email_location}' {/if}>
             </div>
         </div>
+       <!-- CONTACT PHONE -->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
+                    Contact Phone
             </div>
-            <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="position_available">
+            <div class="glm-small-12 glm-medium-5 glm-columns admin-job-input">
+                <input type="text" name="contactphone" {if $job.fieldData.contactphone} value='{$job.fieldData.contactphone}' {/if}>
             </div>
         </div>
+       <!-- VISIBLE -->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
+                    Visible
             </div>
-            <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="position_available">
+             <div class="glm-small-12 glm-medium-5 glm-columns admin-job-input">
+                    <input id="job-visible" data-id="job-visible" type="checkbox" name="visible" class="visible-checkbox" {if $job.fieldData.visible.value} checked{/if}>
             </div>
         </div>
+        <!-- JOB EXPIRATION-->
         <div class="glm-job-row glm-row">
-            <div class="glm-small-12 glm-medium-4 glm-columns admin-job-label">
-                    
+            <div class="glm-small-12 glm-medium-2 glm-columns admin-job-label">
+                Job Expiration    
             </div>
-            <div class="glm-small-12 glm-medium-8 glm-columns admin-job-input">
-                <input type="text" name="member">
+            <div class="glm-small-12 glm-medium-5 glm-columns admin-job-input">
+                <select id="job_expiration" data-id="job_expiration" name="job_expiration">
+                    <option value="">Number of Days</option>
+                    {foreach $jobData[{$jobID}].job_expiration.list as $exp}
+                        {if 'fieldData'|array_key_exists:$job}
+                                <option value="{$exp.value}" {if $job.fieldData.job_expiration.value == {$exp.value}} selected="selected"{/if}>
+                            {else if}
+                                <option value="{$exp.value}">
+                            {/if}
+                            {$exp.name}
+                        </option>
+                    {/foreach}
+                </select>
             </div>
         </div>
+        
+        
         <input id="updateJob" type="submit" value="{if $haveJob}Update Job{else}Save New Job{/if}">
     </form>
 

diff --git a/views/admin/jobs/index.html b/views/admin/jobs/index.html
index 6aa0b36..e8652fb 100644 (file)
--- a/views/admin/jobs/index.html
+++ b/views/admin/jobs/index.html
@@ -1,25 +1,29 @@
 {include file='admin/header.html'}
 
-    <table class="glm-admin-table">
-
-        <tr><td colspan="2">&nbsp;</td></tr>
-        <tr>
-            <td class="add-Job"><a href="{$thisUrl}?page={$thisPage}&glm_action=index&option=add">New Job</a></td>
-        </tr>
-    </table>
     {if $jobData}
-            <table class="glm-admin-table">
-                <tr>
-                   
-                </tr>
-            {foreach $jobData as $job=>$data}
-                <tr>
-                    {$data.title}{$data.company}{$data.post_date.timestamp|date_format:"%Y-%m-%d"}
-                    <td><a href="{$thisUrl}?page={$thisPage}&glm_action=index&option=edit&job={$data.id}">Edit</a><a href="{$thisUrl}?page={$thisPage}&glm_action=index&option=delete&job={$data.id}">Delete</a></td>
-                </tr>
-            {/foreach}
-            </table>
-        
+        <div class="admin-new-job">
+            <a class="admin-new-job-link" href="{$thisUrl}?page={$thisPage}&glm_action=index&option=add">New Job Posting</a>
+        </div>
+        <div class="admin-job-list-header glm-row">
+            <div class="job-title-list-header glm-small-12 glm-medium-4 glm-large-3 glm-columns no-padding">Job Title</div>
+            <div class="job-company-list-header  glm-small-12 glm-medium-4 glm-large-3 glm-columns no-padding">Company</div>
+            <div class="job-date-list-header  glm-small-12 glm-medium-4 glm-large-3 glm-columns no-padding">Job Post Date</div>
+        </div>
+        {foreach $jobData as $job=>$data}
+            <div class='glm-row admin-job-list-row'>
+                <div class="glm-small-12 glm-columns admin-job-list">
+                    <div class="glm-row admin-job-data">
+                        <div class="job-title-list glm-small-12 glm-medium-4 glm-large-3 glm-columns no-padding">{$data.title}</div>
+                        <div class="job-company-list glm-small-12 glm-medium-4 glm-large-3 glm-columns no-padding">{$data.company}</div>
+                        <div class="job-date-list glm-small-12 glm-medium-4 glm-large-3 glm-columns no-padding">{$data.post_date.timestamp|date_format:"%Y-%m-%d"}</div>
+                    </div>
+                </div>
+                <div class="glm-small-12 glm-columns admin-job-list">
+                    <a href="{$thisUrl}?page={$thisPage}&glm_action=index&option=edit&job={$data.id}">Edit</a>
+                    <a href="{$thisUrl}?page={$thisPage}&glm_action=index&option=delete&job={$data.id}">Delete</a>
+                </div>
+            </div>
+        {/foreach}
         <script>
             jQuery(document).ready(function($) {