collections.html corrections

parent c0cbba75
...@@ -15,109 +15,97 @@ ...@@ -15,109 +15,97 @@
</button> </button>
</div> </div>
</div> </div>
<!-- Grid --> <!-- Grid -->
<div class="col-xs-10"> <div class="col-xs-10">
<!-- student_collection -->
<div id="student_collection" <div id="student_collection"
class="student-collection" class="student-collection"
ng-class="{ 'student-collection-loading': loadingPictos }" ng-class="{ 'student-collection-loading': loadingPictos }"
data-loading="{{ 'loading_pictos' | translate }}"> data-loading="{{ 'loading_pictos' | translate }}">
<!-- Grid pictos --> <!-- Picto grid -->
<div <div class="picto-grid" ng-style="{ 'background-color': shadeColor(viewingGrid.color, 0.3) }">
class="picto-grid"
ng-style="{ 'background-color': shadeColor(viewingGrid.color, 0.3) }"> <!-- Picto loop -->
<div <div ng-repeat="studentPictoRow in mainGrid" ng-init="rowIndex = $index" class="picto-grid__row">
ng-repeat="studentPictoRow in mainGrid"
ng-init="rowIndex = $index" <!-- Picto object -->
class="picto-grid__row">
<div <div
ng-hide="studentData.attributes.size == 'large' && (rowIndex > 3 || colIndex > 7)" id="student-picto-{{studentPicto.id || ('empty-' + colIndex + '-' + rowIndex)}}"
class="picto pull-left" class="picto pull-left"
data-row="{{ rowIndex }}" data-row="{{ rowIndex }}"
data-column="{{ colIndex }}" data-column="{{ colIndex }}"
id="student-picto-{{
studentPicto.id ||
('empty-' + colIndex + '-' + rowIndex)
}}"
draggable droppable drop="handleDrop" draggable droppable drop="handleDrop"
popover="{{studentPicto != emptyStudentPicto ? studentPicto.attributes.expression : ''}}" popover="{{studentPicto != emptyStudentPicto ? studentPicto.attributes.expression : ''}}"
popover-trigger="mouseenter" popover-trigger="mouseenter"
ng-init="colIndex = $index" ng-init="colIndex = $index"
ng-repeat="studentPicto in studentPictoRow track by $index"> ng-repeat="studentPicto in studentPictoRow track by $index"
<!-- picto-legend --> ng-hide="studentData.attributes.size == 'large' && (rowIndex > 3 || colIndex > 7)">
<div <!--./ Picto object -->
class="picto-legend-normal"
ng-if="studentPicto.attributes.legend == 'normal'"> <!-- Picto-legend -->
<div class="picto-legend-normal" ng-if="studentPicto.attributes.legend == 'normal'">
{{ studentPicto.attributes.expression }} {{ studentPicto.attributes.expression }}
</div> </div>
<div <div class="picto-legend-full" ng-if="studentPicto.attributes.legend == 'full'">
class="picto-legend-full"
ng-if="studentPicto.attributes.legend == 'full'">
{{ studentPicto.attributes.expression }} {{ studentPicto.attributes.expression }}
</div> </div><!-- /. Picto-legend -->
<!-- /.picto-legend -->
<img <!-- Red cross -->
src="/app/img/redcross.png" <img src="/app/img/redcross.png"
ng-click="showGrid(studentPicto.id_child_grid,true)"
class="red-cross-visibility disabled" class="red-cross-visibility disabled"
ng-if="studentPicto.attributes.status == 'disabled'"/> ng-if="studentPicto.attributes.status == 'disabled'">
<!--./ Red cross -->
<img <!-- Picto -->
<img class="unselectable"
ng-click="showGrid(studentPicto.id_child_grid,true)" ng-click="showGrid(studentPicto.id_child_grid,true)"
ng-src="{{studentPicto.picto.uri}}" ng-src="{{studentPicto.picto.uri}}"
class="unselectable" ng-class="{ 'novisible': studentPicto.attributes.status == 'invisible', 'deactivate': studentPicto.attributes.status == 'disabled' }"
ng-class="{ ng-style="{ 'background-color': studentPicto.attributes.color || '#ffffff' }">
'novisible': studentPicto.attributes.status == 'invisible', <!--./ Picto -->
'deactivate': studentPicto.attributes.status == 'disabled'
}" <!-- Picto options ADD PICTO -->
ng-style="{ <div class="picto_options" ng-if="studentPicto == emptyStudentPicto">
'background-color': studentPicto.attributes.color || '#ffffff' <a ng-click="open_add(rowIndex, colIndex, true)" class="picto_add" title="{{ 'add_picto' | translate}}">
}"/>
<div
class="picto_options"
ng-if="studentPicto == emptyStudentPicto">
<a
ng-click="open_add(rowIndex, colIndex, true)"
class="picto_add"
title="{{ 'add_picto' | translate}}">
<i class="color_green glyphicon glyphicon-plus-sign" aria-hidden="true"></i> <i class="color_green glyphicon glyphicon-plus-sign" aria-hidden="true"></i>
</a> </a>
</div> </div>
<div <!--./ Picto options ADD PICTO -->
class="picto_options"
ng-if="studentPicto !== emptyStudentPicto"> <!-- Picto options -->
<a <div class="picto_options" ng-if="studentPicto !== emptyStudentPicto">
ng-click="deletePicto(studentPicto)" <a ng-click="deletePicto(studentPicto)" class="picto_remove" title="{{ 'delete' | translate}}">
class="picto_remove"
title="{{ 'delete' | translate}}">
<i class="color_red glyphicon glyphicon-remove-circle" aria-hidden="true"></i> <i class="color_red glyphicon glyphicon-remove-circle" aria-hidden="true"></i>
</a> </a>
<a ng-click="view_picto(studentPicto)" class="picto_ok" > <a ng-click="view_picto(studentPicto)" class="picto_ok" >
<i ng-class="{ <i ng-class="{ color_green: studentPicto.attributes.status == 'invisible', color_black: studentPicto.attributes.status == 'enabled' }"
color_green: studentPicto.attributes.status == 'invisible',
color_black: studentPicto.attributes.status == 'enabled'
}"
class="glyphicon glyphicon-eye-open" class="glyphicon glyphicon-eye-open"
aria-hidden="true" aria-hidden="true"
title="{{ studentPicto.attributes.status | translate}}"> title="{{ studentPicto.attributes.status | translate}}">
</i> </i>
</a> </a>
<a <a class="picto_tags" ng-click="open_tags(studentPicto)">
class="picto_tags"
ng-click="open_tags(studentPicto)">
<i class="glyphicon glyphicon-tags" aria-hidden="true"></i> <i class="glyphicon glyphicon-tags" aria-hidden="true"></i>
</a> </a>
<a <a class="picto_config" ng-click="open_config(studentPicto)">
class="picto_config"
ng-click="open_config(studentPicto)">
<i class="glyphicon glyphicon-cog" aria-hidden="true"></i> <i class="glyphicon glyphicon-cog" aria-hidden="true"></i>
</a> </a>
</div> </div>
</div> <!--./ Picto options -->
</div><!--/. Picto object -->
<!-- Clear floats-->
<div class="clearfix"></div> <div class="clearfix"></div>
</div> <!--./ Clear floats-->
</div>
</div> </div><!--/. Picto loop -->
</div><!--/. Picto grid -->
</div><!--/. student_collection -->
</div><!--/. col-xs-10 --> </div><!--/. col-xs-10 -->
<div class="col-xs-2 text-center grid-panel"> <div class="col-xs-2 text-center grid-panel">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment