adding more front end output styles
authorAnthony Talarico <talarico@gaslightmedia.com>
Mon, 18 Sep 2017 18:29:52 +0000 (14:29 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Mon, 18 Sep 2017 18:29:52 +0000 (14:29 -0400)
adding resume column to the database table and adding more styles for the
front end output of the job postings

classes/data/dataJobs.php
css/front.css
css/front.css.map
scss/front.scss
setup/databaseScripts/create_database_V0.0.1.sql
views/front/jobs/detail.html

index 825718d..2887b3e 100644 (file)
@@ -154,6 +154,11 @@ class GlmDataJobs extends GlmDataAbstract
                 'type' => 'text',
                 'use' => 'a'
             ),
+            'resume_location' => array (
+                'field' => 'email_location',
+                'type' => 'text',
+                'use' => 'a'
+            ),
             'email_location' => array (
                 'field' => 'email_location',
                 'type' => 'text',
index 9c8b40d..8f7f1e4 100644 (file)
@@ -1,3 +1,3 @@
-.no-padding{padding:0}.front-job-listings-wrapper{margin-top:20px}.front-job-listings-wrapper .front-job-list-row{margin-bottom:20px}.front-job-listings-wrapper .job-title-search #job_title_dropdown{max-width:450px}.front-job-listings-wrapper .job-title-search .job-title-button{height:39px}.front-job-listings-wrapper .job-title-list span{font-weight:bold;font-size:20px}@media screen and (max-width: 641px){.front-job-listings-wrapper .job-title-button{display:block;max-width:100px;margin:0 auto}.front-job-listings-wrapper .front-job-search{margin-bottom:20px}}@media (min-width: 639px) and (max-width: 1025px){.front-job-listings-wrapper .job-title-button{display:inline-block;margin:0 0 0 10px}}@media (min-width: 1023px){.front-job-listings-wrapper .job-title-button{display:inline-block;margin:0 0 0 10px}}
+.no-padding{padding:0}body .front-job-listings-wrapper{margin-top:20px}body .front-job-listings-wrapper .job-detail-wrapper div{float:none !important;line-height:1.1;margin:7px}body .front-job-listings-wrapper span{font-weight:bold}body .front-job-listings-wrapper .front-job-list-row{margin-bottom:20px}body .front-job-listings-wrapper .front-job-list-row .job-title-list span{font-size:20px}body .front-job-listings-wrapper .job-title-search #job_title_dropdown{max-width:450px}body .front-job-listings-wrapper .job-title-search .job-title-button{height:39px}@media screen and (max-width: 641px){body .front-job-listings-wrapper .job-title-button{display:block;max-width:100px;margin:0 auto}body .front-job-listings-wrapper .front-job-search{margin-bottom:20px}}@media (min-width: 639px) and (max-width: 1025px){body .front-job-listings-wrapper .job-title-button{display:inline-block;margin:0 0 0 10px}}@media (min-width: 1023px){body .front-job-listings-wrapper .job-title-button{display:inline-block;margin:0 0 0 10px}}
 
 /*# sourceMappingURL=front.css.map */
index 6f2c792..9858feb 100644 (file)
@@ -1 +1 @@
-{"version":3,"file":"front.css","sources":["front.scss"],"sourcesContent":[".no-padding{\n    padding: 0;\n}\n\n.front-job-listings-wrapper{\n    .front-job-list{\n\n    }\n    margin-top: 20px;\n\n    .front-job-list-row{\n        margin-bottom: 20px;\n    }\n    .job-title-search{\n        #job_title_dropdown{\n            max-width: 450px;\n        }\n        .job-title-button{\n            height: 39px;\n        }\n    }\n    .job-title-list{\n        span{\n            font-weight: bold;\n            font-size: 20px;\n        }\n    }\n    @media screen and (max-width: 641px){\n        .job-title-button{\n            display: block;\n            max-width: 100px;\n            margin: 0 auto;\n        }\n        .front-job-search{\n            margin-bottom: 20px;\n        }\n    }\n    @media (min-width: 639px) and (max-width: 1025px){\n        .job-title-button{\n            display: inline-block;\n            margin: 0 0 0 10px;\n        }\n    }\n    @media (min-width: 1023px){\n        .job-title-button{\n            display: inline-block;\n            margin: 0 0 0 10px;\n        } \n    }\n}"],"names":[],"mappings":"AAAA,AAAA,WAAW,AAAA,CACP,OAAO,CAAE,CAAC,CACb,AAED,AAAA,2BAA2B,AAAA,CAIvB,UAAU,CAAE,IAAI,CAyCnB,AA7CD,AAMI,2BANuB,CAMvB,mBAAmB,AAAA,CACf,aAAa,CAAE,IAAI,CACtB,AARL,AAUQ,2BAVmB,CASvB,iBAAiB,CACb,mBAAmB,AAAA,CACf,SAAS,CAAE,KAAK,CACnB,AAZT,AAaQ,2BAbmB,CASvB,iBAAiB,CAIb,iBAAiB,AAAA,CACb,MAAM,CAAE,IAAI,CACf,AAfT,AAkBQ,2BAlBmB,CAiBvB,eAAe,CACX,IAAI,AAAA,CACA,WAAW,CAAE,IAAI,CACjB,SAAS,CAAE,IAAI,CAClB,AAEL,MAAM,CAAC,MAAM,MAAM,SAAS,EAAE,KAAK,EAvBvC,AAwBQ,2BAxBmB,CAwBnB,iBAAiB,AAAA,CACb,OAAO,CAAE,KAAK,CACd,SAAS,CAAE,KAAK,CAChB,MAAM,CAAE,MAAM,CACjB,AA5BT,AA6BQ,2BA7BmB,CA6BnB,iBAAiB,AAAA,CACb,aAAa,CAAE,IAAI,CACtB,CAEL,MAAM,EAAE,SAAS,EAAE,KAAK,OAAO,SAAS,EAAE,MAAM,EAjCpD,AAkCQ,2BAlCmB,CAkCnB,iBAAiB,AAAA,CACb,OAAO,CAAE,YAAY,CACrB,MAAM,CAAE,UAAU,CACrB,CAEL,MAAM,EAAE,SAAS,EAAE,MAAM,EAvC7B,AAwCQ,2BAxCmB,CAwCnB,iBAAiB,AAAA,CACb,OAAO,CAAE,YAAY,CACrB,MAAM,CAAE,UAAU,CACrB"}
\ No newline at end of file
+{"version":3,"file":"front.css","sources":["front.scss"],"sourcesContent":[".no-padding{\n    padding: 0;\n}\n\nbody .front-job-listings-wrapper {\n    .job-detail-wrapper{\n       div{\n           float: none !important;\n           line-height: 1.1;\n           margin: 7px;\n       }\n    }\n\n    margin-top: 20px;\n    span{\n        font-weight: bold;\n    }\n   \n    .front-job-list-row{\n        margin-bottom: 20px;\n        .job-title-list{\n            span{\n                font-size: 20px;\n            }\n        }\n\n    }\n    .job-title-search{\n        #job_title_dropdown{\n            max-width: 450px;\n        }\n        .job-title-button{\n            height: 39px;\n        }\n    }\n    \n    @media screen and (max-width: 641px){\n        .job-title-button{\n            display: block;\n            max-width: 100px;\n            margin: 0 auto;\n        }\n        .front-job-search{\n            margin-bottom: 20px;\n        }\n    }\n    @media (min-width: 639px) and (max-width: 1025px){\n        .job-title-button{\n            display: inline-block;\n            margin: 0 0 0 10px;\n        }\n    }\n    @media (min-width: 1023px){\n        .job-title-button{\n            display: inline-block;\n            margin: 0 0 0 10px;\n        } \n    }\n}"],"names":[],"mappings":"AAAA,AAAA,WAAW,AAAA,CACP,OAAO,CAAE,CAAC,CACb,AAED,AAAK,IAAD,CAAC,2BAA2B,AAAC,CAS7B,UAAU,CAAE,IAAI,CA6CnB,AAtDD,AAEO,IAFH,CAAC,2BAA2B,CAC5B,mBAAmB,CAChB,GAAG,AAAA,CACC,KAAK,CAAE,eAAe,CACtB,WAAW,CAAE,GAAG,CAChB,MAAM,CAAE,GAAG,CACd,AANR,AAUI,IAVA,CAAC,2BAA2B,CAU5B,IAAI,AAAA,CACA,WAAW,CAAE,IAAI,CACpB,AAZL,AAcI,IAdA,CAAC,2BAA2B,CAc5B,mBAAmB,AAAA,CACf,aAAa,CAAE,IAAI,CAOtB,AAtBL,AAiBY,IAjBR,CAAC,2BAA2B,CAc5B,mBAAmB,CAEf,eAAe,CACX,IAAI,AAAA,CACA,SAAS,CAAE,IAAI,CAClB,AAnBb,AAwBQ,IAxBJ,CAAC,2BAA2B,CAuB5B,iBAAiB,CACb,mBAAmB,AAAA,CACf,SAAS,CAAE,KAAK,CACnB,AA1BT,AA2BQ,IA3BJ,CAAC,2BAA2B,CAuB5B,iBAAiB,CAIb,iBAAiB,AAAA,CACb,MAAM,CAAE,IAAI,CACf,AAGL,MAAM,CAAC,MAAM,MAAM,SAAS,EAAE,KAAK,EAhCvC,AAiCQ,IAjCJ,CAAC,2BAA2B,CAiCxB,iBAAiB,AAAA,CACb,OAAO,CAAE,KAAK,CACd,SAAS,CAAE,KAAK,CAChB,MAAM,CAAE,MAAM,CACjB,AArCT,AAsCQ,IAtCJ,CAAC,2BAA2B,CAsCxB,iBAAiB,AAAA,CACb,aAAa,CAAE,IAAI,CACtB,CAEL,MAAM,EAAE,SAAS,EAAE,KAAK,OAAO,SAAS,EAAE,MAAM,EA1CpD,AA2CQ,IA3CJ,CAAC,2BAA2B,CA2CxB,iBAAiB,AAAA,CACb,OAAO,CAAE,YAAY,CACrB,MAAM,CAAE,UAAU,CACrB,CAEL,MAAM,EAAE,SAAS,EAAE,MAAM,EAhD7B,AAiDQ,IAjDJ,CAAC,2BAA2B,CAiDxB,iBAAiB,AAAA,CACb,OAAO,CAAE,YAAY,CACrB,MAAM,CAAE,UAAU,CACrB"}
\ No newline at end of file
index 3986e2f..cc49ea9 100644 (file)
@@ -2,20 +2,28 @@
     padding: 0;
 }
 
-.front-job-listings-wrapper{
-    .front-job-list{
-
+body .front-job-listings-wrapper {
+    .job-detail-wrapper{
+       div{
+           float: none !important;
+           line-height: 1.1;
+           margin: 7px;
+       }
     }
-    margin-top: 20px;
 
+    margin-top: 20px;
+    span{
+        font-weight: bold;
+    }
+   
     .front-job-list-row{
         margin-bottom: 20px;
         .job-title-list{
             span{
-                font-weight: bold;
                 font-size: 20px;
             }
         }
+
     }
     .job-title-search{
         #job_title_dropdown{
index 4cb6ac4..a47e149 100644 (file)
@@ -18,6 +18,7 @@ CREATE TABLE {prefix}jobs (
     descr TEXT NULL ,
     salary TINYTEXT NULL ,
     email_location TINYTEXT NULL ,
+    resume_location TINYTEXT NULL ,
     contactname TINYTEXT NULL ,
     contactphone TINYTEXT NULL ,
     post_date DATETIME NULL DEFAULT NOW(),
@@ -54,10 +55,10 @@ INSERT INTO {prefix}job_titles ( id,job_title) VALUES
 
 -- Job Titles default entries in table
 INSERT INTO {prefix}jobs ( 
-id,title,descr,salary, email_location,contactname,contactphone,post_date,visible, 
+id,title,descr,salary, email_location,resume_location,contactname,contactphone,post_date,visible, 
 facility_operation,requirements,job_location,job_expiration,duration,deadline,position_available,
 company,member,benefits
-) VALUES ( 1, 1,"DESCRIPTION",'SALARY', 'EMAIL LOCATION', 'CONTACT NAME', '453-3443', NOW(), true,
+) VALUES ( 1, 1,"DESCRIPTION",'SALARY', 'EMAIL LOCATION', 'RESUME 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
index 06e3200..81977c1 100644 (file)
@@ -1,26 +1,54 @@
-<div class="job-title-search glm-row">
-    <form action="{$siteBaseUrl}job-postings" method="post" enctype="multipart/form-data">
-        <select name="job_titles" id="job_title_dropdown">
-            <option value="">Show All</option>
-            {foreach $jobTitles as $jtitle=>$title}
-                <option value="{$title.id}">{$title.job_title}</option>
-            {/foreach}
-            <input type="submit" value="Show">
-        </select>
-    </form>
-</div>
-<div class="glm-row job-detail-wrapper">
-    <div class="glm-small-12 columns front-title">{$jobData.title}</div>
-    <div class="glm-small-12 columns front-location">{$jobData.job_location}</div>
-    <div class="glm-small-12 columns front-position">{$jobData.position_available}</div>
-    <div class="glm-small-12 columns front-salary">{$jobData.salary}</div>
-    <div class="glm-small-12 columns front-duration">{$jobData.duration}</div>
-    <div class="glm-small-12 columns front-company">{$jobData.company}</div>
-    <div class="glm-small-12 columns front-facility">{$jobData.facility_operation}</div>
-    <div class="glm-small-12 columns front-description">{$jobData.descr}</div>
-    <div class="glm-small-12 columns front-requirements">{$jobData.requirements}</div>
-    <div class="glm-small-12 columns front-benefits">{$jobData.benefits}</div>
-    <div class="glm-small-12 columns front-email">{$jobData.email_location}</div>
-    <div class="glm-small-12 columns front-email">{$jobData.email_location}</div>
-    <div class="glm-small-12 columns front-phone">{$jobData.contactphone}</div>
+<div class="front-job-listings-wrapper">
+    <div class="job-title-search glm-row">
+        <form class="front-job-search" action="{$siteBaseUrl}job-postings" method="post" enctype="multipart/form-data">
+            <select name="job_titles" id="job_title_dropdown">
+                <option value="">Show All</option>
+                {foreach $jobTitles as $jtitle=>$title}
+                    <option value="{$title.id}">{$title.job_title}</option>
+                {/foreach}
+                <input class="button job-title-button" type="submit" value="Show">
+            </select>
+        </form>
+    </div>
+    <div class="glm-row job-detail-wrapper">
+        {if $jobData.title}
+            <div class="glm-small-12 columns front-title">{$jobData.title}</div>
+        {/if}
+        {if $jobData.job_location}
+            <div class="glm-small-12 columns front-location"><span>Location: </span>{$jobData.job_location}</div>
+        {/if}
+        {if $jobData.position_available}
+            <div class="glm-small-12 columns front-position"><span>Position Available: </span>{$jobData.position_available}</div>
+        {/if}
+        {if $jobData.salary}
+            <div class="glm-small-12 columns front-salary"><span>Salary: </span>{$jobData.salary}</div>
+        {/if}
+        {if $jobData.duration}
+            <div class="glm-small-12 columns front-duration"><span>Position Length: </span>{$jobData.duration}</div>
+        {/if}
+        {if $jobData.company}
+            <div class="glm-small-12 columns front-company"><span>Company: </span>{$jobData.company}</div>
+        {/if}
+        {if $jobData.facility_operation}
+            <div class="glm-small-12 columns front-facility"><span>Facility Operation: </span>{$jobData.facility_operation}</div>
+        {/if}
+        {if $jobData.descr}
+            <div class="glm-small-12 columns front-description"><span>Job Description: </span>{$jobData.descr}</div>
+        {/if}
+        {if $jobData.requirements}
+            <div class="glm-small-12 columns front-requirements"><span>Requirements: </span>{$jobData.requirements}</div>
+        {/if}
+        {if $jobData.benefits}
+            <div class="glm-small-12 columns front-benefits"><span>Benefits: </span>{$jobData.benefits}</div>
+        {/if}
+        {if $jobData.email_location}
+            <div class="glm-small-12 columns front-email"><span>Send Resume To:</span> <a href="mailto:{$jobData.email_location}" target="_top">{$jobData.email_location}</a></div>
+        {/if}
+        {if $jobData.email_location}
+            <div class="glm-small-12 columns front-email"><span>Contact Email: </span> {$jobData.email_location}</div>
+        {/if}
+        {if $jobData.contactphone}
+            <div class="glm-small-12 columns front-phone"><span>Contact Phone: </span>{$jobData.contactphone}</div>
+        {/if}
+    </div>
 </div>
\ No newline at end of file