unserver-unify/src/app/job/jobdetail.html

<div class="col-lg-12" ng-controller="JobCtrl as ctrl">
  <div class="row block-description">
    <!-- Left Inner -->
    <div class="col-md-7">
      <div class="left-inner">
        <img ng-src="{{ ctrl.imageUrl }}"/>
        <h3>
          {{ ctrl.item.name }}
        </h3>
        <div class="overflow-h" style="font-size:11px;">
          <span title="{{ 'Create Date' | translate }}">
            <i class="fa fa-calendar">
            </i>
            {{ ctrl.item.update | date : 'yyyy-MM-dd' }}
            <i class="fa fa-eye">
            </i>
            {{ ctrl.item.visitor }}
          </span>
        </div>
        <div class="overflow-h">
          <p class="hex">
            {{ ctrl.item.description }}
          </p>
        </div>
        <a class="btn-u pull-right btn-sm" ng-if="loginService.isLogged && loginService.school.homepage !='stec' && !loginService.school.disableAdminStudy" translate="" ui-sref=".application">
          Apply
        </a>
        <a class="btn-u pull-right btn-sm" ng-click="lctrl.showCourseLoginDialog()" ng-controller="LoginCtrl as lctrl" ng-if="!loginService.isLogged && loginService.school.homepage !='stec' && !loginService.school.disableAdminStudy" translate="">
          Apply
        </a>
        <div class="clearfix">
        </div>
        <hr style="margin-top:10px;"/>
        <div ng-if="ctrl.item.detail">
          <h2 translate="">
            Description
          </h2>
          <p ng-bind-html="ctrl.item.detail">
          </p>
          <hr/>
        </div>
        <div ng-if="ctrl.item.requirement">
          <h2 translate="">
            Requirement
          </h2>
          <p ng-bind-html="ctrl.item.requirement">
          </p>
          <hr/>
        </div>
        <div ng-if="ctrl.item.task">
          <h2 translate="">
            Tasks
          </h2>
          <p ng-bind-html="ctrl.item.task">
          </p>
          <hr/>
        </div>
        <div ng-if="ctrl.item.responsibility">
          <h2 translate="">
            Responsibilities
          </h2>
          <p ng-bind-html="ctrl.item.responsibility">
          </p>
          <hr/>
        </div>
        <div ng-if="ctrl.item.benifit">
          <h2 translate="">
            Benefit
          </h2>
          <p ng-bind-html="ctrl.item.benifit">
          </p>
          <hr/>
        </div>
      </div>
      <div class="margin-bottom-30"></div>
      <div class="headline" ng-if="ctrl.relatedcourses | notEmpty">
        <h4 translate="">
          Recommended Courses
        </h4>
      </div>
      <div class="row">
        <div class="col-md-4 col-sm-6 col-xs-12 padding-right-0" ng-repeat="item in ctrl.relatedcourses ">
          <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative">
            <div class="thumbnail-img">
              <div class="overflow-hidden text-center">
                <a ui-sref="index.courses.info({ cid: item._id })">
                  <img alt="{{ item.name }}" class="img-responsive" ng-src="{{item.photo? ctrl.courseURL+item._id +'/'+ item.photo :  ctrl.imgdefault}}" style="height:125px;" title="{{ item.name }}"/>
                </a>
              </div>
            </div>
            <div class="list_rating" style="height:20px">
              <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>
              <span class="average" ng-if="item.rating">
                <average-star-rating max="5" rating-value="item.rating">
                </average-star-rating>
                <span ng-if="item.rating">
                  {{item.rating.toString().substring(0,3)}}/5
                </span>
              </span>
            </div>
            <div class="clearfix">
            </div>
            <div class="caption overflow-hidden clst" style="height:42px">
              <h3 style="line-height:14px; margin-top:5px;">
                <a class="hover-effect" style="font-size:14px !important; line-height:14px; " ui-sref="index.courses.info({ cid: item._id })">
                  {{ item.name }}
                </a>
              </h3>
            </div>
            <ul class="list-inline text-left" style="border-top:solid 1px white;padding-top: 5px;  margin-bottom: 0px;">
              <li class="padding-left-0">
                <span style="color:#555">
                  {{item.creatorfullname||item.creater}}
                </span>
              </li>
              <li>
                <!-- display rating if any -->
              </li>
              <li class="pull-right" ng-if="ctrl.compareDate(item.created)" style="padding-right:10px;">
                <img src="assets/images/new.gif"/>
              </li>
              <li class="pull-right">
                <i class="fa fa-eye">
                </i>
                <span style="color:#555">
                  {{item.visitercounter}}
                </span>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- End Left Inner -->
    <!-- Right Inner -->
    <div class="col-md-5">
      <div class="panel">
        <div class="panel-heading overflow-h" style="border-bottom:solid 3px #F3F3F3; color:#555;">
          <h2 class="panel-title heading-sm pull-left ng-binding">
            <i class="fa fa-building-o">
            </i>
            {{'Job Summary'|translate}}
          </h2>
        </div>
        <div class="summary_container col-xs-12">
          <div class="col-xs-5">
            <b translate="">
              Experience (Years) :
            </b>
            {{ctrl.item.years||0}}
          </div>
          <!-- <div class="col-xs-7" ng-if="ctrl.item.salary">
            <b translate="">
              Allowance:
            </b>
            {{ctrl.item.salary}}
          </div> -->
          <div class="col-xs-5" ng-if="ctrl.item.length">
            <b>
              {{'Duration:'|translate}}
            </b>
            <span ng-if="ctrl.item.length >= 12">
              {{ctrl.item.length / 12}} {{'year'|translate}}
            </span>
            <span ng-if="ctrl.item.length < 12">
              {{ctrl.item.length}} {{ {eng:'months',chn:'个月'} | trans }}
            </span>
          </div>
          <div class="col-xs-7" ng-if="ctrl.item.industry">
            <b translate="">
              Industry:
            </b>
            {{ctrl.item.industry}}
          </div>
          <div class="col-xs-12" ng-if="ctrl.item.category">
            <b translate="">
              Category:
            </b>
            {{ctrl.item.category}}
          </div>
          <div class="col-xs-12" ng-if="ctrl.item.major">
            <b>
              {{'Major'|translate}}:
            </b>
            {{ctrl.item.major}}
          </div>
          <div class="col-xs-12" ng-if="ctrl.item.education">
            <b translate="">
              Education:
            </b>
            {{ctrl.item.education}}
          </div>
          <div class="col-xs-12" ng-if="ctrl.item.location">
            <b>
              {{'Location'|translate}}:
            </b>
            {{ctrl.item.location}}
          </div>
          <div class="col-xs-12" ng-if="ctrl.item.vacancy">
            <b>
              {{'Vacancy'|translate}}:
            </b>
            {{ctrl.item.vacancy}}
          </div>
        </div>
        <div class="clearfix">
        </div>
      </div>
      <div class="panel" ng-if="loginService.school.homepage !='stec'">
        <div class="panel-heading overflow-h" style="border-bottom:solid 3px #F3F3F3; color:#555;">
          <h2 class="panel-title heading-sm pull-left ng-binding">
            <i class="fa fa-building-o">
            </i>
            <a ui-sref="index.company.detail({ cid:ctrl.company._id })">
              {{ ctrl.company.name }}
            </a>
          </h2>
        </div>
        <div class="right-inner">
          <img alt="" ng-src="{{ ctrl.companyUrl }}"/>
          <div class="overflow-h">
            <p ng-if="ctrl.company.description">
              {{ctrl.company.description}}
            </p>
            <p ng-if="ctrl.company.address">
              <i class="color-green fa fa-home">
              </i>
              <b>
                {{'Address:' |translate}}
              </b>
              <span class="hex">
                {{ ctrl.company.address }}
              </span>
            </p>
            <p ng-if="ctrl.company.postcode">
              <i class="color-green fa fa-map-marker">
              </i>
              <b>
                {{'Postal Code' | translate}}:
              </b>
              <span class="hex">
                {{ ctrl.company.postcode }}
              </span>
            </p>
            <p ng-if="ctrl.company.tel">
              <i class="color-green fa fa-phone">
              </i>
              <b>
                {{'Mobile'|translate}}:
              </b>
              <span class="hex">
                {{ ctrl.company.tel }}
              </span>
            </p>
            <p ng-if="ctrl.company.url">
              <i class="color-green fa fa-globe">
              </i>
              <b>
                {{'Website'| translate}}:
              </b>
              <span class="hex">
                <a href="{{ ctrl.company.url }}" target="_blank">
                  {{ ctrl.company.url }}
                </a>
              </span>
            </p>
          </div>
        </div>
        <div class="clearfix">
        </div>
      </div>
      <div class="panel">
        <div class="right-inner" ng-if='!loginService.school.disableAdminStudy'>
          <a class="btn-u btn-block" ng-if="loginService.isLogged" translate="" ui-sref=".application">
            Apply
          </a>
          <a class="btn-u btn-block" ng-click="lctrl.showCourseLoginDialog()" ng-controller="LoginCtrl as lctrl" ng-if="!loginService.isLogged" translate="">
            Apply
          </a>
        </div>
        <!-- End Pie Chart Progress Bar -->
      </div>
    </div>
    <!-- End Right Inner -->
  </div>
  <div class="clearfix">
  </div>
</div>