unserver-unify/src/app/project/detail.html

<div class="col-lg-12" ng-controller="ProjectDetailCtrl 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' }}
                           &nbsp; <i class="fa fa-eye">
                </i>
                {{ ctrl.item.visitor }}
                
          </span>
        </div>
        <div class="overflow-h">
          <p class="hex">
            {{ ctrl.item.description }}
          </p>
        </div>
        <hr/>
        <div ng-if="ctrl.item.detail">
          <h2 translate>
            Description
          </h2>
          <p ng-bind-html="ctrl.item.detail">
          </p>
        </div>
        <hr/>
        <div ng-if="ctrl.item.task">
          <h2 translate>
            Tasks
          </h2>
          <p ng-bind-html="ctrl.item.task">
          </p>
        </div>
      </div>
      <div class="clearfix margin-bottom-30"></div>
      
      <div class="headline">

        <h3 >{{'Open Positions'|translate}} <span ng-if="ctrl.item.jobcounter">({{ ctrl.item.jobcounter }})</span></h3>

      </div>
      <span class="no_jobs" ng-if="!ctrl.item.jobcounter" translate>
        Currently no jobs in this project
      </span>
      <div class="row jobs">
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 md-margin-bottom-40" ng-repeat="item in ctrl.jobs">
          <div class="easy-block-v1">
            <div class="easy-block-v1-badge rgba-yellow" ng-if="item.category">
              {{ item.category }}
            </div>
            <div class="thumbnail-img">
              <div class="overflow-hidden text-center">
                <a ui-sref="index.project.detail.job({jid: item._id})">
                  <img class="img-responsive" ng-src="{{item.photo? ctrl.jobphotoPath + item._id +'/'+ item.photo :  ctrl.defaultJobPhoto}}"/>
                </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.job({jid: item._id})">
                  {{ item.name }}
                </h3>
              </div>
              <ul class="list-unstyled" style="height:60px;">
                <li style="max-height:40px; overflow:hidden;">
                  <span class="color-green" translate>
                    Major
                  </span>:
                  {{item.major}}
                </li>
                <li><span class="color-green" translate>Posted on</span>: {{ item.update | date :'yyyy-MM-dd' }}</li>
              </ul>
              <div class="btn-u btn-u-sm margin-bottom-10" ui-sref="index.project.detail.job({jid: item._id})" translate>
                More +
              </div>
            </div>
          </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-file-text-o"></i>{{'Job Summary'|translate}}</h2>
        </div>
        <div class="summary_container col-xs-12">
          <div class="col-xs-6">
            <b translate>Locations: </b> {{'Singapore'|translate}}
          </div>
          <div class="col-xs-6">
            <b translate>Experience: </b> 3 - 5 {{'years'|translate}}
          </div>
          <div class="col-xs-6">
            <b translate>Education: </b> {{'Degree'|translate}}
          </div>
          <div class="col-xs-6">
            <b translate>Industry: </b> IT
          </div>
          <div class="col-xs-6">
            <b translate >Salary: </b> 3000 - 5000 SGD
          </div>
          <div class="col-xs-6">
            <b>Major: </b> Computer
          </div>
        </div>
      <div class="clearfix"></div>
      </div -->
      <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> 
          <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>
            {{ctrl.company.description}}
          </p>

          <p>
            <i class="color-green fa fa-home">&nbsp;</i>
            <b>{{'Address' | translate}}:</b>

            <span class="hex">
              {{ ctrl.company.address }}
            </span>
          </p>
          <p>
            <i class="color-green fa fa-map-marker">&nbsp;</i>
            <b>{{'Postal Code'| translate}}:</b>

            <span class="hex">
              {{ ctrl.company.postcode }}
            </span>
          </p>
          <p>
            <i class="color-green fa fa-phone">&nbsp;</i>
            <b>{{'Tel'| translate}}:</b>

            <span class="hex">
              {{ ctrl.company.tel }}
            </span>
          </p>
          <p>
            <i class="color-green fa fa-globe">&nbsp;</i>
            <b>{{'Website'| translate}}:</b>

            <span class="hex">
              <a href="{{ ctrl.company.url }}" target="_blank">{{ ctrl.company.url }}</a>
            </span>
          </p>
        </div>
        <hr/>
        <ul class="list-unstyled save-job">
          <li>
            <i class="fa fa-plus">
            </i>
            <a href="#" translate>
              Follow us
            </a>
          </li>
        </ul>
      </div>
      <div class="clearfix"></div>
      </div>
      <!--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-file-text-o"></i> {{'Overview'| translate}}
        </h2>
      </div>
      <div class="right-inner">
        <div class="row margin-bottom-20">
          <div class="col-sm-6">
            <div class="overview">
              <i class="fa fa-eye">
              </i>
              <div class="overflow-h">
                <small translate>
                  Views
                </small>
                <small>
                  {{ ctrl.item.visitor }}
                </small>
                <div class="progress progress-u progress-xxs">
                  <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="88" class="progress-bar progress-bar-u" role="progressbar" style="width: 88%">
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-6">
            <div class="overview">
              <i class="fa fa-group">
              </i>
              <div class="overflow-h">
                <small translate>
                  Enroll
                </small>
                <small>
                  202,8k
                </small>
                <div class="progress progress-u progress-xxs">
                  <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="76" class="progress-bar progress-bar-u" role="progressbar" style="width: 76%">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="row margin-bottom-20">
          <div class="p-chart col-sm-6 col-xs-6 sm-margin-bottom-10">
            <h3 translate>
              Engagement Score
            </h3>
            <div class="circle" id="circle-4">
            </div>
            <ul class="list-unstyled overflow-h">
              <li>
                <i>
                  -
                </i>
                <a href="#" translate>
                  Tips to Improve
                </a>
              </li>
              <li>
                <i>
                  -
                </i>
                <a href="#" translate>
                  Compare to Others
                </a>
              </li>
              <li>
                <i>
                  -
                </i>
                <a href="#" translate>
                  More Information
                </a>
              </li>
            </ul>
          </div>
          <div class="p-chart col-sm-6 col-xs-6">
            <h3 translate>
              Profile Progress
            </h3>
            <div class="circle" id="circle-5">
            </div>
            <ul class="list-unstyled overflow-h">
              <li>
                <i>
                  -
                </i>
                <a href="#" translate>
                  Steps to Completion
                </a>
              </li>
              <li>
                <i>
                  -
                </i>
                <a href="#" translate>
                  Compare to Others
                </a>
              </li>
              <li>
                <i>
                  -
                </i>
                <a href="#" translate>
                  More Information
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>

      </div-->
    </div>
    <!-- End Right Inner -->
  </div>
  <div class="clearfix">
  </div>
</div>