1
0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2024-12-01 12:24:28 +01:00
fab-manager/app/assets/templates/projects/index.html.erb
2015-05-05 03:10:25 +02:00

99 lines
3.4 KiB
Plaintext

<section class="heading b-b">
<div class="row no-gutter">
<div class="col-xs-2 col-sm-2 col-md-1">
<section class="heading-btn">
<a href="#" ng-click="backPrevLocation($event)"><i class="fa fa-long-arrow-left "></i></a>
</section>
</div>
<div class="col-xs-10 col-sm-10 col-md-8 b-l b-r-md">
<section class="heading-title">
<h1>Les projets du FabLab</h1>
</section>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 b-t hide-b-md" ng-if="isAuthorized(['admin','member'])">
<section class="heading-actions wrapper">
<a class="btn btn-lg btn-warning bg-white b-2x rounded m-t-sm upper text-sm" ui-sref="app.logged.projects_new" role="button">Ajouter un projet</a>
</section>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 b-t hide-b-md" ng-if="!isAuthenticated()">
<section class="heading-actions wrapper">
<a class="btn btn-lg btn-warning bg-white b-2x rounded m-t-sm upper text-sm" ui-sref="app.logged.projects_new" role="button">Proposer un projet</a>
</section>
</div>
</div>
</section>
<section class="m-lg">
<div class="row m-b-md">
<div class="col-md-12"><h3 class="m-t-xs">Filtrer les projets</h3></div>
<div class="col-md-3 m-b" ng-show="isAuthenticated()">
<select ng-model="selectedMember" class="form-control">
<option value="">Tous les projets</option>
<option value="0">Mes projets</option>
<option value="1">Les projets auxquels je collabore</option>
</select>
</div>
<div class="col-md-3 m-b">
<select ng-model="selectedMachine" class="form-control" ng-options="m.id as m.name for m in machines">
<option value="">Toutes les machines</option>
</select>
</div>
<div class="col-md-3 m-b">
<select ng-model="selectedTheme" class="form-control" ng-options="t.id as t.name for t in themes">
<option value="">Toutes les thématiques</option>
</select>
</div>
<div class="col-md-3 m-b">
<select ng-model="selectedComponent" class="form-control" ng-options="t.id as t.name for t in components">
<option value="">Tous les matériaux</option>
</select>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4" ng-repeat="project in filtered = (projects | machineFilter:selectedMachine | projectMemberFilter:selectedMember | themeFilter:selectedTheme | componentFilter:selectedComponent)" ng-click="showProject(project)">
<div class="box-thumb box-thumb-project" style="background-image: url({{project.project_image}});">
<img src="data:image/png;base64," data-src="holder.js/100%x100%/text:&#xf03e;/font:FontAwesome/icon" bs-holder ng-if="!project.project_image">
<div class="box-content project-caption">
<h1>{{project.name}}</h1>
</div>
<div class="box-footer">
<div class="btn-group">
<div class="btn btn-default" ui-sref="app.logged.projects_edit({id:project.id})" ng-if="projectEditableBy(currentUser) || isAuthorized('admin')">
<i class="fa fa-edit"></i> Éditer
</div>
<div class="btn btn-default" ng-click="showProject(project)">
<i class="fa fa-eye"></i> Consulter
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 text-center">
<a class="btn btn-warning" ng-click="loadMoreProjects()" ng-if="paginateActive">Charger les projets suivants ...</a>
</div>
</div>
</section>