Add image to ABB jobs when there are no jobs

Resolves #1.
2017-01-10 23:21:08 +02:00
parent 42d64f6431
commit 46a4ca5478
2 changed files with 8 additions and 2 deletions
@@ -1,11 +1,17 @@
 <div ng-controller="ABBController">
-    <div class="row" style="max-height:300px">
+    <!-- Only show the job listing if there are any jobs, i.e, the jobs list is non-empty -->
+    <div class="row" ng-if="jobs.length > 0" style="max-height:300px">
        <div class="col-xs-4 col-xs-offset-1" style="padding-top:30px;padding-bottom:30px"><img src="/static/img/ABB_logo.png"></div>
        <div class="col-xs-7" style="font-size:140px;padding-top:40px">TYÖPAIKAT</div>
    </div>

-    <div class="row" ng-repeat="job in jobs" style="height:280px;;border:2px solid black;color:#33333">
+    <div class="row" ng-if="jobs.length > 0" ng-repeat="job in jobs" style="height:280px;;border:2px solid black;color:#33333">
        <div class="col-xs-7 col-xs-offset-1" style="font-size:72px;padding-top:30px">{{ job.title }}</div>
        <div class="col-xs-3 col-xs-offset-1"><qrcode data="http://sahkoinsinoorikilta.fi/fi/news/{{ job.id }}" size="278"></qrcode></div>
    </div>
+
+    <!-- If there are no jobs, show a static image -->
+    <div class="row" ng-if="jobs.length == 0">
+        <img src="/static/img/ABB_uralle.png" style="position:absolute;left:0;top:0;width:100vw;">
+    </div>
 </div>