Difference between revisions of "Template:Job Board Card"

From EUSwiki
Jump to: navigation, search
 
(29 intermediate revisions by the same user not shown)
Line 6: Line 6:
 
  |logo=
 
  |logo=
 
  |category=
 
  |category=
  |deadline=
+
  |jobAppClose=
 
  |appLink=
 
  |appLink=
 
  |description=
 
  |description=
Line 16: Line 16:
 
  |dateCreated=
 
  |dateCreated=
 
  }}
 
  }}
<div class="row text-center mx-auto" style="max-width:1000px;line-height:44px; white-space: nowrap;"><div class="col background-jobCommittee">Committee</div><div class="col background-jobDepartment">Department</div><div class="col background-jobClub">Club</div><div class="col background-jobDesign">Design Teams</div><div class="col background-jobEvent">Event</div><div class="col background-jobService">Service</div><div class="col background-jobEUS">EUS</div><div class="col background-jobOther">Other</div></div>
+
<div class="row text-center mx-auto mb-4" style="max-width:1000px;line-height:44px; white-space: nowrap;"><div class="col background-jobCommittee">Committee</div><div class="col background-jobDepartment">Department</div><div class="col background-jobClub">Club</div><div class="col background-jobDesign">Design Teams</div><div class="col background-jobEvent">Event</div><div class="col background-jobService">Service</div><div class="col background-jobEUS">EUS</div><div class="col background-jobOther">Other</div></div>
 
</noinclude>
 
</noinclude>
 
<div class="col-10 jobCard col-xl-5" style="display:none;">
 
<div class="col-10 jobCard col-xl-5" style="display:none;">
<div class="card collapse show border-job{{{category|Other}}}" type="button" data-toggle="collapse" data-target="#{{replace|{{replace|{{replace|{{{position|No}}}| |}}|[|}}|]|}}{{str len|{{{description}}}}}" aria-expanded="false" >
+
<div class="card collapse show jobCardAll border-job{{{category|Other}}}" type="button" data-toggle="collapse" data-target="#x{{formatnum:{{{pageID|toblerone}}}|R}}" aria-expanded="false" >
 
<div class="card-body px-2 pb-0 pt-2" style="background-color: #f8f9fa; border-radius: 2px;" >
 
<div class="card-body px-2 pb-0 pt-2" style="background-color: #f8f9fa; border-radius: 2px;" >
<div class="row justify-content-between no-link">
+
<div class="row justify-content-between no-link" style="min-height:80px">
<div class="col-1 pr-0" style="min-width:70px">{{#if:{{{logo|}}}|[[File:{{{logo}}}|x70px|left]]|[[File:eus_logo_grey.png|x70px]]}}
+
<div class="col-1 pr-0" style="min-width:80px; max-width:90px">{{#if:{{{logo|}}}|[[{{{logo}}}|80px|left]]|[[File:eus_logo_grey.png|80px]]}}
 
</div>
 
</div>
<div class="col">
+
<div class="col pl-0 ml-1">
 
<div class="mt-0 h3 text-job{{{category|Other}}}">{{{position|Wiki Curator}}}</div>
 
<div class="mt-0 h3 text-job{{{category|Other}}}">{{{position|Wiki Curator}}}</div>
<span class="h6 text-muted mt-2">''{{{group|EUSwiki}}}''</span></div>[{{fullurl:jobRedirect|curid={{{jobID|9995}}}}} <i title="Direct Link" style="position:absolute; top:6px; right:6px;z-index:2" class="fas fa-link"></i>]
+
<span class="h6 text-muted mt-2">''{{{group|EUSwiki}}}''</span></div>[{{fullurl:jobRedirect|curid={{formatnum:{{{pageID|9995}}}|R}}}} <i title="Direct Link" style="position:absolute; top:6px; right:6px;z-index:2" class="fas fa-link"></i>]
 
<div class="col mx-auto" style="max-width:fit-content">
 
<div class="col mx-auto" style="max-width:fit-content">
<div class="mr-3 mt-1 text-auto" style="width:fit-content"><span class="no-link mt-3">[{{{appLink|http://fb.com}}} <span class="btn btn-sm background-job{{{category|Other}}} no-link fa-inverse" style="width:80px;padding-right:12px;">Apply</span>]</span><br><span title="Deadline" class="text-center"><i class="fas fa-clock"></i>&emsp;{{{deadline|April 26}}}</span></div></div>
+
<div class="mr-3 mt-1 text-auto" style="width:fit-content"><span class="no-link mt-3">[{{{appLink|http://fb.com}}} <span class="btn btn-sm background-job{{{category|Other}}} no-link fa-inverse" style="width:80px;padding-right:12px;">Apply</span>]</span><br><span title="Deadline" class="text-center"><i class="fas fa-clock"></i>&emsp;{{#time:M d|{{{jobAppClose|}}}}}</span></div></div>
 
</div>
 
</div>
<div class="collapse row jobDescrip" id="{{replace|{{replace|{{replace|{{{position|No}}}| |}}|[|}}|]|}}{{str len|{{{description}}}}}">
+
<div class="collapse row jobDescrip" id="x{{formatnum:{{{pageID|toblerone}}}|R}}">
 
<div class="col">
 
<div class="col">
<p style="margin-bottom:0px;">{{{description|Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent iaculis urna lacinia odio pulvinar, sit amet malesuada mi accumsan. Maecenas et nisi vitae sapien condimentum luctus.}}}<br><br>
+
<p style="margin-bottom:0px;">{{{description|Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent iaculis urna lacinia odio pulvinar, sit amet malesuada mi accumsan. Maecenas et nisi vitae sapien condimentum luctus.}}}{{#if:{{{skills|}}}|<br><br>
'''Skills:'''&emsp;{{{skills|Organized, knows how to Wiki, devotes too much time to involvement}}}</p>
+
'''Skills:'''&emsp;{{{skills|Organized, knows how to Wiki, devotes too much time to involvement}}}}}</p>
<div class="row text-center" id="job{{{category|Other}}}">{{#if:{{{duration|}}}|<div class="col-3"><i title="Time Span" class="fas fa-calendar-alt"></i>&emsp;{{{duration|May - Aug 2019}}}</div>|}}{{#if:{{{workload|}}}|<div class="col-3"><i title="Estimated Workload" class="fas fa-user-clock"></i>&emsp;{{{workload|14hrs/week}}}</div>|}}{{#if:{{{numSpots|}}}|<div class="col-3"><i title="Jobs Available" class="fas fa-users"></i>&emsp;{{{numSpots}}}</div>|}}{{#if:{{{pay|}}}|<div class="col-3"><i class="fas fa-money-bill"></i>&emsp;{{{pay}}}</div>|}}</div>
+
<div class="row text-center justify-content-center">{{#if:{{{duration|}}}|<div class="col-3" id="job{{{category|Other}}}"><i title="Time Span" class="fas fa-calendar-alt"></i>&emsp;{{{duration|May - Aug 2019}}}</div>|}}{{#if:{{{workload|}}}|<div class="col-3" id="job{{{category|Other}}}"><i title="Estimated Workload" class="fas fa-user-clock"></i>&emsp;{{{workload|14hrs/week}}}</div>|}}{{#if:{{{numSpots|}}}|<div class="col-3" id="job{{{category|Other}}}><i title="Jobs Available" class="fas fa-users"></i>&emsp;{{{numSpots}}}</div>|}}{{#if:{{{pay|}}}|<div class="col-3" id="job{{{category|Other}}}><i class="fas fa-money-bill"></i>&emsp;{{{pay}}}</div>|}}</div>
<div class="row text-right justify-content-end mb-0 mt-2" id="job{{{category|Other}}}"><div class="col text-jobOther" style="max-width:fit-content" title="Contact Info">{{{contactName|}}} {{#if:{{{contactEmail|a}}}|[mailto:{{{contactEmail|}}}<span style="color:#bbb"><i class="fas fa-envelope"></i>''{{{contactEmail|}}}]}}</span>''</div></div>
+
<div class="row text-right justify-content-end mb-0 mt-2" id="job{{{category|Other}}}"><div class="col text-jobOther no-link" style="max-width:fit-content" title="Contact Info">{{#if:{{{contactEmail|}}}|[mailto:{{{contactEmail|}}}<span style="color:#bbb"><i class="fas fa-envelope"></i>&emsp;''{{{contactEmail|}}}</span>]}}''</div></div>
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 11:43, 15 September 2019

Variables
{{Job Board Card
|position=
|group=
|logo=
|category=
|jobAppClose=
|appLink=
|description=
|workload=
|duration=
|Pay=
|Skills=
|internalLink=
|dateCreated=
}}
Committee
Department
Club
Design Teams
Event
Service
EUS
Other