RuhNetConsulting
/
Adminator-admin-dashboard
mirror of https://github.com/puikinsh/Adminator-admin-dashboard
1
0
Fork 0
Code Issues 0 Projects 0 Releases 16 Wiki Activity
Browse Source

nothing but indentation

pull/146/head
Francesca Sperati 7 years ago
parent
63f2beff33
commit
c59ffa6c8a
2 changed files with 228 additions and 239 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +58
    -58
      src/assets/scripts/ads/ads.html
  2. +170
    -181
      src/assets/scripts/dashboard/dashboard.html

+ 58
- 58
src/assets/scripts/ads/ads.html View File

@ -16,78 +16,78 @@
<div class="masonry-sizer col-md-6"></div>
<!-- ============== ADS USERS ============== -->
<div class="masonry-item w-100" ng-show="user.role == 'user'">
<!-- #First line ========= -->
<div class="row gap-30">
<div class="masonry-item w-100" ng-show="user.role == 'user'">
<!-- #First line ========= -->
<div class="row gap-30">
<!-- ============== Job Ad ============== -->
<div class='col-md-4 col-sm-12' ng-repeat="ad in ads | orderBy:'-matches'">
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/ads-office-02.jpg" alt="Card image cap">
<div class="card-body">
<div class="card-title d-flex mx-2" style="justify-content:space-between; margin-bottom:0px; text-align: left;">
<h4> {{ ad.content.title }} </h4>
<!-- ============== favourites ==============
<div>
<a class='' href="" ng-show="user.role =='user'">
<span class="icon-holder"><i class="fa fa-heart-o font-weight-bold mt-2" style="color:#EE38A4; font-size: 22px;"></i></span>
<!-- ============== Job Ad ============== -->
<div class='col-md-4 col-sm-12' ng-repeat="ad in ads | orderBy:'-matches'">
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/ads-office-02.jpg" alt="Card image cap">
<div class="card-body">
<div class="card-title d-flex mx-2" style="justify-content:space-between; margin-bottom:0px; text-align: left;">
<h4> {{ ad.content.title }} </h4>
<!-- ============== favourites ==============
<div>
<a class='' href="" ng-show="user.role =='user'">
<span class="icon-holder"><i class="fa fa-heart-o font-weight-bold mt-2" style="color:#EE38A4; font-size: 22px;"></i></span>
</a>
</div>
-->
</div>
<p class="card-text mx-2"><small class="text-muted">{{ ad.content.description }}</small></p>
<!-- ============== star rating ==============
<div class="star-rating-display ml-2 mb-2" data-rating="2"><span class="is-vishidden">TBD</span></div>
-->
<p class="card-text mx-2 mb-2"> {{ ad.content.companyintro }} </p>
</div>
<a href="/#!/ads/{{ad.content._id}}">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" fa fa-chevron-right ml-1" style="color:#fff; font-size: 11px; font-weight: bolder;"></i>
</div>
</a>
</div>
-->
</div>
<p class="card-text mx-2"><small class="text-muted">{{ ad.content.description }}</small></p>
<!-- ============== star rating ==============
<div class="star-rating-display ml-2 mb-2" data-rating="2"><span class="is-vishidden">TBD</span></div>
-->
<p class="card-text mx-2 mb-2"> {{ ad.content.companyintro }} </p>
</div>
<a href="/#!/ads/{{ad.content._id}}">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" fa fa-chevron-right ml-1" style="color:#fff; font-size: 11px; font-weight: bolder;"></i>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- ============== ADS EVERYBODY ELSE ============== -->
<div class="masonry-item w-100" ng-show="user.role !='user'">
<!-- #First line ========= -->
<div class="row gap-30">
<div class="masonry-item w-100" ng-show="user.role !='user'">
<!-- #First line ========= -->
<div class="row gap-30">
<!-- ============== Job Ad ============== -->
<div class='col-md-4 col-sm-12' ng-repeat="ad in ads">
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/ads-office-02.jpg" alt="Card image cap">
<div class="card-body">
<div class="card-title d-flex mx-2" style="justify-content:space-between; margin-bottom:0px; text-align: left;">
<h4> {{ ad.title }} </h4>
<!-- ============== favourites ==============
<div>
<a class='' href="" ng-show="user.role =='user'">
<span class="icon-holder"><i class="fa fa-heart-o font-weight-bold mt-2" style="color:#EE38A4; font-size: 22px;"></i></span>
<!-- ============== Job Ad ============== -->
<div class='col-md-4 col-sm-12' ng-repeat="ad in ads">
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/ads-office-02.jpg" alt="Card image cap">
<div class="card-body">
<div class="card-title d-flex mx-2" style="justify-content:space-between; margin-bottom:0px; text-align: left;">
<h4> {{ ad.title }} </h4>
<!-- ============== favourites ==============
<div>
<a class='' href="" ng-show="user.role =='user'">
<span class="icon-holder"><i class="fa fa-heart-o font-weight-bold mt-2" style="color:#EE38A4; font-size: 22px;"></i></span>
</a>
</div>
-->
</div>
<p class="card-text mx-2"><small class="text-muted">{{ ad.description }}</small></p>
<!-- ============== star rating ==============
<div class="star-rating-display ml-2 mb-2" data-rating="2"><span class="is-vishidden">TBD</span></div>
-->
<p class="card-text mx-2 mb-2"> {{ ad.companyintro }} </p>
</div>
<a href="/#!/ads/{{ad._id}}">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" fa fa-chevron-right ml-1" style="color:#fff; font-size: 11px; font-weight: bolder;"></i>
</div>
</a>
</div>
-->
</div>
<p class="card-text mx-2"><small class="text-muted">{{ ad.description }}</small></p>
<!-- ============== star rating ==============
<div class="star-rating-display ml-2 mb-2" data-rating="2"><span class="is-vishidden">TBD</span></div>
-->
<p class="card-text mx-2 mb-2"> {{ ad.companyintro }} </p>
</div>
<a href="/#!/ads/{{ad._id}}">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" fa fa-chevron-right ml-1" style="color:#fff; font-size: 11px; font-weight: bolder;"></i>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!--content container -->


+ 170
- 181
src/assets/scripts/dashboard/dashboard.html View File

@ -12,174 +12,172 @@
<div class=" gap-20 masonry pos-r">
<!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
<!-- #NOMIT & REFEREE ===== -->
<div class="masonry-item w-100 visible-nomit visible-admin visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'admin'">
<!-- #First line ========= -->
<div class="row gap-20">
<div class='col-md-4 '>
<!-- #Total Ads Views ==================== -->
<div class="layers bd bgc-white p-20 item-box">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Total Applications</h6>
</div>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
<div class="peer peer-greed">
<span id="sparklinedash"></span>
<!-- #NOMIT & REFEREE ===== -->
<div class="masonry-item w-100 visible-nomit visible-admin visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'admin'">
<!-- #First line ========= -->
<div class="row gap-20">
<div class='col-md-4 '>
<!-- #Total Ads Views ==================== -->
<div class="layers bd bgc-white p-20 item-box">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Total Applications</h6>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-green-50 c-green-500">24K</span>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
<div class="peer peer-greed">
<span id="sparklinedash"></span>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-green-50 c-green-500">24K</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='col-md-4 '>
<!-- #Successful Matches ==================== -->
<div class="layers bd bgc-white p-20 item-box">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Successful Matches</h6>
</div>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
<div class="peer peer-greed">
<span id="sparklinedash2"></span>
<div class='col-md-4 '>
<!-- #Successful Matches ==================== -->
<div class="layers bd bgc-white p-20 item-box">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Successful Matches</h6>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-purple-50 c-purple-500">127</span>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
<div class="peer peer-greed">
<span id="sparklinedash2"></span>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-purple-50 c-purple-500">127</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='col-md-4 '>
<!-- #New Ads ==================== -->
<div class="layers bd bgc-white p-20 item-box">
<div class="layer w-100 mB-10">
<h6 class="lh-1">New Ads (last month)</h6>
</div>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
<div class="peer peer-greed">
<span id="sparklinedash3"></span>
<div class='col-md-4 '>
<!-- #New Ads ==================== -->
<div class="layers bd bgc-white p-20 item-box">
<div class="layer w-100 mB-10">
<h6 class="lh-1">New Ads (last month)</h6>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-blue-50 c-blue-500">79</span>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
<div class="peer peer-greed">
<span id="sparklinedash3"></span>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-blue-50 c-blue-500">79</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="masonry-item col-12 visible-nomit visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'admin'">
<!-- #New Registered Users ==================== -->
<div class="bd bgc-white item-box">
<div class="layers">
<div class="layer w-100 pX-20 pT-20">
<h6 class="lh-1">New Registered Users</h6>
</div>
<div class="layer w-100 p-20">
<canvas id="line-chart" height="220" ng-show="user.role == 'admin'"></canvas>
</div>
<div class="layer bdT p-20 w-100">
<div class="peers ai-c jc-c gapX-20">
<div class="peer">
<span class="fsz-def fw-600 mR-10 c-purple-800">COMPANIES </span>
</div>
<div class="peer fw-600">
<span class="fsz-def fw-600 mR-10 c-cyan-400">USERS </span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="masonry-item w-100 visible-nomit visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'admin'">
<!-- #Successful Mathches & #Nationality ==================== -->
<div class="row gap-20">
<div class="col-3 ">
<!-- #Successful Mathches %==================== -->
<div class="bd bgc-white p-20 peer peer-greed succ-match-perc item-box">
<div class="masonry-item col-12 visible-nomit visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'admin'">
<!-- #New Registered Users ==================== -->
<div class="bd bgc-white item-box">
<div class="layers">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Successful Mathches %</h6>
<div class="layer w-100 pX-20 pT-20">
<h6 class="lh-1">New Registered Users</h6>
</div>
<!-- Pie Charts -->
<div class="peers pT-50 mT-20 bdT fxw-nw@lg+ jc-sb ta-c gap-10">
<div class="peer">
<div class="easy-pie-chart" data-size='130' data-percent="75" data-bar-color='#a19ff8'>
<span></span>
<div class="layer w-100 p-20">
<canvas id="line-chart" height="220" ng-show="user.role == 'admin'"></canvas>
</div>
<div class="layer bdT p-20 w-100">
<div class="peers ai-c jc-c gapX-20">
<div class="peer">
<span class="fsz-def fw-600 mR-10 c-purple-800">COMPANIES </span>
</div>
<div class="peer fw-600">
<span class="fsz-def fw-600 mR-10 c-cyan-400">USERS </span>
</div>
<h6 class="fsz-sm">Matched</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-9 ">
<!-- #Nationality ==================== -->
<div class="bd bgc-white item-box nationality-item">
<div class="peers fxw-nw@lg+ ai-s">
<div class="peer peer-greed w-70p@lg+ w-100@lg- p-20">
<div class="masonry-item w-100 visible-nomit visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'admin'">
<!-- #Successful Mathches & #Nationality ==================== -->
<div class="row gap-20">
<div class="col-3 ">
<!-- #Successful Mathches %==================== -->
<div class="bd bgc-white p-20 peer peer-greed succ-match-perc item-box">
<div class="layers">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Nationality</h6>
<h6 class="lh-1">Successful Mathches %</h6>
</div>
<div class="layer w-100">
<div id="world-map-marker"></div>
<!-- Pie Charts -->
<div class="peers pT-50 mT-20 bdT fxw-nw@lg+ jc-sb ta-c gap-10">
<div class="peer">
<div class="easy-pie-chart" data-size='130' data-percent="75" data-bar-color='#a19ff8'>
<span></span>
</div>
<h6 class="fsz-sm">Matched</h6>
</div>
</div>
</div>
</div>
<div class="peer bdL p-20 w-30p@lg+ w-100p@lg-">
<div class="layers">
<div class="layer w-100">
<!-- Progress Bars -->
</div>
<div class="col-9 ">
<!-- #Nationality ==================== -->
<div class="bd bgc-white item-box nationality-item">
<div class="peers fxw-nw@lg+ ai-s">
<div class="peer peer-greed w-70p@lg+ w-100@lg- p-20">
<div class="layers">
<div class="layer w-100">
<h5 class="mB-5">100k</h5>
<small class="fw-600 c-grey-700">Visitors From USA</small>
<span class="pull-right c-grey-600 fsz-sm">50%</span>
<div class="progress mT-10">
<div class="progress-bar bgc-deep-purple-500 nationality-item-progress-bar" role="progressbar"
aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">50%
Complete</span></div>
</div>
</div>
<div class="layer w-100 mT-15">
<h5 class="mB-5">1M</h5>
<small class="fw-600 c-grey-700">Visitors From Europe</small>
<span class="pull-right c-grey-600 fsz-sm">80%</span>
<div class="progress mT-10">
<div class="progress-bar bgc-green-500" role="progressbar" aria-valuenow="50"
aria-valuemin="0" aria-valuemax="100" style="width:80%;"> <span class="sr-only">80%
Complete</span></div>
</div>
<div class="layer w-100 mB-10">
<h6 class="lh-1">Nationality</h6>
</div>
<div class="layer w-100 mT-15">
<h5 class="mB-5">450k</h5>
<small class="fw-600 c-grey-700">Visitors From Australia</small>
<span class="pull-right c-grey-600 fsz-sm">40%</span>
<div class="progress mT-10">
<div class="progress-bar bgc-light-blue-500" role="progressbar" aria-valuenow="50"
aria-valuemin="0" aria-valuemax="100" style="width:40%;"> <span class="sr-only">40%
Complete</span></div>
</div>
<div class="layer w-100">
<div id="world-map-marker"></div>
</div>
<div class="layer w-100 mT-15">
<h5 class="mB-5">1B</h5>
<small class="fw-600 c-grey-700">Visitors From India</small>
<span class="pull-right c-grey-600 fsz-sm">90%</span>
<div class="progress mT-10">
<div class="progress-bar bgc-blue-grey-500" role="progressbar" aria-valuenow="50"
aria-valuemin="0" aria-valuemax="100" style="width:90%;"> <span class="sr-only">90%
Complete</span></div>
</div>
</div>
<div class="peer bdL p-20 w-30p@lg+ w-100p@lg-">
<div class="layers">
<div class="layer w-100">
<!-- Progress Bars -->
<div class="layers">
<div class="layer w-100">
<h5 class="mB-5">100k</h5>
<small class="fw-600 c-grey-700">Visitors From USA</small>
<span class="pull-right c-grey-600 fsz-sm">50%</span>
<div class="progress mT-10">
<div class="progress-bar bgc-deep-purple-500 nationality-item-progress-bar" role="progressbar"
aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">50%
Complete</span></div>
</div>
</div>
<div class="layer w-100 mT-15">
<h5 class="mB-5">1M</h5>
<small class="fw-600 c-grey-700">Visitors From Europe</small>
<span class="pull-right c-grey-600 fsz-sm">80%</span>
<div class="progress mT-10">
<div class="progress-bar bgc-green-500" role="progressbar" aria-valuenow="50"
aria-valuemin="0" aria-valuemax="100" style="width:80%;"> <span class="sr-only">80%
Complete</span></div>
</div>
</div>
<div class="layer w-100 mT-15">
<h5 class="mB-5">450k</h5>
<small class="fw-600 c-grey-700">Visitors From Australia</small>
<span class="pull-right c-grey-600 fsz-sm">40%</span>
<div class="progress mT-10">
<div class="progress-bar bgc-light-blue-500" role="progressbar" aria-valuenow="50"
aria-valuemin="0" aria-valuemax="100" style="width:40%;"> <span class="sr-only">40%
Complete</span></div>
</div>
</div>
<div class="layer w-100 mT-15">
<h5 class="mB-5">1B</h5>
<small class="fw-600 c-grey-700">Visitors From India</small>
<span class="pull-right c-grey-600 fsz-sm">90%</span>
<div class="progress mT-10">
<div class="progress-bar bgc-blue-grey-500" role="progressbar" aria-valuenow="50"
aria-valuemin="0" aria-valuemax="100" style="width:90%;"> <span class="sr-only">90%
Complete</span></div>
</div>
</div>
</div>
</div>
</div>
@ -189,60 +187,51 @@
</div>
</div>
</div>
</div>
</div>
<!-- #COMPANY / REFEREE / NOMIT ===== -->
<div class="masonry-item content-title w-100 visible-company visible-nomit visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'company' ">
<div class="col-8 ml-1 mb-3">
Your Ads
</div>
</div>
<div class="masonry-item col-12 visible-company visible-nomit visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'company' ">
<!-- #syour ads ==================== -->
<div class="row gap-30">
<!-- # ads ==================== -->
<div class='col-md-4 col-sm-12' ng-repeat="ad in ads | orderBy:'-matches'">
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/ads-office-02.jpg" alt="Card image cap">
<div class="card-body">
<div class="card-title d-flex mx-2" style="justify-content:space-between; margin-bottom:0px; text-align: left;">
<h4> {{ ad.content.title }} </h4>
<!-- ============== favourites ==============
<div>
<a class='' href="" ng-show="user.role =='user'">
<span class="icon-holder"><i class="fa fa-heart-o font-weight-bold mt-2" style="color:#EE38A4; font-size: 22px;"></i></span>
</a>
<div class="masonry-item content-title w-100 visible-company visible-nomit visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'company' ">
<div class="col-8 ml-1 mb-3">
Your Ads
</div>
</div>
<div class="masonry-item col-12 visible-company visible-nomit visible-referee" ng-show="user.role == 'nomit' || user.role == 'referee' || user.role == 'company' ">
<!-- #syour ads ==================== -->
<div class="row gap-30">
<!-- # ads ==================== -->
<div class='col-md-4 col-sm-12' ng-repeat="ad in ads | orderBy:'-matches'">
<div class="card item-box">
<img class="card-img-top" src="assets/static/images/ads-office-02.jpg" alt="Card image cap">
<div class="card-body">
<div class="card-title d-flex mx-2" style="justify-content:space-between; margin-bottom:0px; text-align: left;">
<h4> {{ ad.content.title }} </h4>
<!-- ============== favourites ==============
<div>
<a class='' href="" ng-show="user.role =='user'">
<span class="icon-holder"><i class="fa fa-heart-o font-weight-bold mt-2" style="color:#EE38A4; font-size: 22px;"></i></span>
</a>
</div>
-->
</div>
<p class="card-text mx-2"><small class="text-muted">{{ ad.content.description }}</small></p>
<!-- ============== star rating ==============
<div class="star-rating-display ml-2 mb-2" data-rating="2"><span class="is-vishidden">TBD</span></div>
-->
<p class="card-text mx-2 mb-2"> {{ ad.content.companyintro }} </p>
</div>
-->
<a href="/#!/ads/{{ad.content._id}}">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" fa fa-chevron-right ml-1" style="color:#fff; font-size: 11px; font-weight: bolder;"></i>
</div>
</a>
</div>
<p class="card-text mx-2"><small class="text-muted">{{ ad.content.description }}</small></p>
<!-- ============== star rating ==============
<div class="star-rating-display ml-2 mb-2" data-rating="2"><span class="is-vishidden">TBD</span></div>
-->
<p class="card-text mx-2 mb-2"> {{ ad.content.companyintro }} </p>
</div>
<a href="/#!/ads/{{ad.content._id}}">
<div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4; font-weight: bolder; text-align: center; margin: 0px">
VIEW MORE <i class=" fa fa-chevron-right ml-1" style="color:#fff; font-size: 11px; font-weight: bolder;"></i>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- #USERS ===== -->
</div>
</div>
</div>
</div>


Write Preview
Loading…
Cancel
Save