unserver-unify/src/app/company/companydetail_jobs.html

<div ng-controller="CompanyDetailCtrl as ctrl">
  <div class="tag-box padding_reduce padding_reduce2 clearfix">
    <strong>
      {{ ctrl.item.name }}
    </strong>
    <ul class="list-unstyled list-inline blog-info margin-bottom-10 info_sml">
      <li title="{{'Author'|translate}}">
        <i class="fa fa-pencil">
        </i>
        <a ng-click="$dismiss()" ui-sref="index.setting.profile({ id: ctrl.item.creater ,cs:getCheckSum(ctrl.item.creater) })">
          {{ctrl.item.creater }}
        </a>
        <i class="fa fa-eye"></i>
        {{ctrl.item.counter||1}}
      </li>
    </ul>
    <div class="row">
      <div class="col-md-4">
        <div class="thumbnail-img" style="padding:0 10%;">
          <div class="overflow-hidden text-center">
            <a>
              <img ng-src="{{ctrl.imageUrl}}" title="{{ ctrl.item.name }}"/>
            </a>
          </div>
        </div>
        <div class="clearfix margin-bottom-30">
        </div>
        <ul class="list-unstyled who">
          <li ng-if="ctrl.item.address">
            <i class="fa fa-home">
            </i>
            <div>
              {{ ctrl.item.address }}
            </div>
          </li>
          <li ng-if="ctrl.item.postcode">
            <i class="fa fa-map-marker">
            </i>
            <div>
              {{ ctrl.item.postcode }}
            </div>
          </li>
          <li ng-if="ctrl.item.email">
            <a href="mailto:{{ ctrl.item.email }}" target="_top">
              <i class="fa fa-envelope">
              </i>
              <div>
                {{ ctrl.item.email }}
              </div>
            </a>
          </li>
          <li ng-if="ctrl.item.tel">
            <i class="fa fa-phone">
            </i>
            <div>
              {{ ctrl.item.tel }}
            </div>
          </li>
          <li ng-if="ctrl.item.url">
            <a href="http://{{ ctrl.item.url }}" target="_blanck">
              <i class="fa fa-globe">
              </i>
              <div>
                {{ ctrl.item.url }}
              </div>
            </a>
          </li>
          <li ng-if="ctrl.item.facebook">
            <a href="http://{{ ctrl.item.facebook }}" target="_blanck">
              <i class="fa fa-facebook">
              </i>
              <div>
                {{ ctrl.item.facebook }}
              </div>
            </a>
          </li>
        </ul>
        <div class="clearfix margin-bottom-30">
        </div>
        <div map-lazy-load="https://maps.google.com/maps/api/js?key=AIzaSyCDpjAui7Bp-lfs3akUG4zGId3RAyhGA1M" ng-if="ctrl.item.lat">
          <ng-map center="{{ctrl.item.lat}},{{ctrl.item.lng}}" zoom="12">
            <shape center="{{ctrl.item.lat}},{{ctrl.item.lng}}" fill-color="#FF0000" fill-opacity="0.55" name="circle" no-watcher="true" radius="400" stroke-color="#00FF00" stroke-opacity="0.8" stroke-weight="2">
            </shape>
          </ng-map>
        </div>
      </div>
      <div class="col-md-8">
        <p class="special_note" id="description">
          {{ ctrl.item.description }}
        </p>
        <div class="tag-box tag-box-v2">
          <div class="unformat" ng-bind-html="ctrl.item.detail">
          </div>
        </div>
        <div class="fixed_container">
          <audio autoplay="" controls="" ng-if="ctrl.item.audio" ng-src="{{ ctrl.item.audiourl }}" style="width:90%">
          </audio>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12" ng-if="ctrl.jobs | notEmpty">
        <div class="headline margin-bottom-20" style="position:relative;">
          <h2 translate="">
            Jobs
          </h2>
        </div>
      </div>
      <!-- Job listing Starts -->
      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 md-margin-bottom-40 padding_half" ng-repeat="job in ctrl.jobs">
        <div class="easy-block-v1 margin-bottom-20">
          <div class="easy-block-v1-badge rgba-yellow" ng-if="job.category">
            {{ job.category }}
          </div>
          <div class="thumbnail-img alnlft">
            <div class="overflow-hidden text-center">
              <a ui-sref="index.job.detail({ jid : job._id })">
                <img class="img-responsive" ng-src="{{job.photo? ctrl.jobphotoUrl + job._id +'/'+ job.photo :  ctrl.defaultJobsPhoto}}"/>
              </a>
            </div>
          </div>
          <div class="white-bg">
            <div class="overflow-h">
              <h3 style="height:35px; overflow:hidden; width:100%; cursor:pointer;" ui-sref="index.job.detail({ jid : job._id })">
                {{job.name}}
              </h3>
            </div>
            <ul class="list-unstyled" style="height:60px;">
              <li style="max-height:45px; overflow:hidden;">
                <span class="color-green" translate="">
                  Major
                </span>
                : {{job.major}}
              </li>
              <li ng-if="job.typestr" style="max-height:45px; overflow:hidden;">
                <span class="color-green" translate="">
                  Job Type
                </span>
                : {{job.typestr}}
              </li>
              <li>
                <span class="pull-right" ng-if="job.vacancy">
                  <i class="fa fa-users">
                  </i>
                  {{job.vacancy}}
                </span>
                <span class="color-green" translate="">
                  Posted on
                </span>
                : {{job.update|date : 'yyyy-MM-dd' }}
              </li>
            </ul>
          </div>
          <div class="clearfix">
          </div>
        </div>
      </div>
      <!-- Job listing Ends -->
      <div class="col-lg-12" ng-if="ctrl.item.projects | notEmpty ">
        <div class="headline margin-bottom-20" style="position:relative;">
          <h2 translate="">
            Project
          </h2>
        </div>
      </div>
      <!-- project listing Starts -->
      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 md-margin-bottom-40 padding_half" ng-if="ctrl.item.projects" ng-repeat="project in ctrl.projects">
        <div class="easy-block-v1 margin-bottom-20">
          <div class="easy-block-v1-badge rgba-yellow" ng-if="project.category">
            {{ project.category }}
          </div>
          <div class="thumbnail-img alnlft">
            <div class="overflow-hidden text-center">
              <a ui-sref="index.project.detail({ id : project._id })">
                <img class="img-responsive" ng-src="{{project.photo? ctrl.photoUrl + project._id +'/'+ project.photo :  ctrl.defaultProjectPhoto}}"/>
              </a>
            </div>
          </div>
          <div class="white-bg">
            <div class="overflow-h">
              <h3 style="height:35px; overflow:hidden; width:100%; cursor:pointer;" ui-sref="index.project.detail({ id : project._id })">
                {{project.name}}
              </h3>
            </div>
            <ul class="list-unstyled" style="height:60px;">
              <li>
                <span class="color-green" translate="">
                  Positions Available
                </span>
                : {{project.jobcounter || 0}}
              </li>
              <li>
                <span class="color-green" translate="">
                  Posted on
                </span>
                : {{ project.update | date :'yyyy-MM-dd' }}
              </li>
            </ul>
          </div>
          <div class="clearfix">
          </div>
        </div>
      </div>
      <!-- project listing Ends -->
    </div>
  </div>
  <div ng-controller="ProductListCtrl as ctrl">
    <div ng-if="ctrl.items | notEmpty">
      <div class="margin-bottom-10 clearfix blog-info">
        <strong translate="">
          Product
        </strong>
        <span class="badge badge-green rounded-2x ng-binding">
          {{ctrl.items.length || 0}}
        </span>
      </div>
      <div>
        <div class="row margin-bottom-20">
          <div class="col-lg-3 col-md-3 col-sm-2 col-xs-12 text-center" ng-repeat="item in ctrl.items">
            <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative">
              <div class="thumbnail-img">
                <div class="overflow-hidden text-center">
                  <a ui-sref="index.product.detail({id: item._id})">
                    <img ng-src="{{item.photo? ctrl.productpath+item._id +'/'+ item.photo :  ctrl.defaultPhoto}}"/>
                  </a>
                </div>
              </div>
              <div class="list_rating">
                <span class="average dummy_avg" ng-if="!item.rating">
                  <div class="average-rating-container">
                    <ul class="rating background">
                      <li class="star">
                        <i class="fa fa-star">
                        </i>
                      </li>
                      <li class="star">
                        <i class="fa fa-star">
                        </i>
                      </li>
                      <li class="star">
                        <i class="fa fa-star">
                        </i>
                      </li>
                      <li class="star">
                        <i class="fa fa-star">
                        </i>
                      </li>
                      <li class="star">
                        <i class="fa fa-star">
                        </i>
                      </li>
                    </ul>
                  </div>
                  <span class="ng-binding">
                    4/5
                  </span>
                </span>
                <span class="list_reviews">
                  (2 {{'reviews' | translate}})
                </span>
              </div>
              <div class="clearfix">
              </div>
              <div class="caption overflow-hidden clst" style="height:120px;">
                <h3>
                  <a ui-sref="index.product.detail({id: item._id})">
                    {{ item.name }}
                  </a>
                </h3>
                <p class="price" ng-if="item.price">
                  {{ctrl.currency}} {{ item.sellingprice||item.price }}
                  <span class="strike" ng-if="item.sellingprice">
                    <span>
                      {{ctrl.currency}} {{ item.price }}
                    </span>
                    {{(100*(item.price-item.sellingprice)/item.price)|number:0}} {{'%off' | translate}}
                  </span>
                </p>
                <p>
                  {{ item.description }}
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>