Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
yotta
/
pictogram
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
60
Merge Requests
0
Pipelines
Wiki
Settings
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
ad791c78
authored
Oct 24, 2017
by
Sebastián Collado Montañez
Browse files
Options
_('Browse Files')
Download
Email Patches
Plain Diff
working on collections slider
parent
4983b0eb
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
96 additions
and
99 deletions
sails/src/assets/scripts/modules/student/views/collections.html
sails/src/assets/scripts/modules/student/views/collections.html
View file @
ad791c78
<!-- Collection tab-->
<!-- Collection tab
-->
<div
class=
"panel panel-default student_tab_panel"
>
<div
class=
"panel-body"
>
<!--
<div class="row">
<div class="col-md-6">
<a class="btn btn-success btn-sm" role="button" ng-click="open()">
<i class="glyphicon glyphicon-plus" aria-hidden="true"></i>
<span translate>add_picto</span>
</a>
</div>
</div>
-->
<div
class=
"col-xs-10"
>
<!-- col-xs-10 -->
<div
id=
"student_collection"
class=
"student-collection"
ng-class=
"{ 'student-collection-loading': loadingPictos }"
data-loading=
"{{ 'loading_pictos' | translate }}"
>
<!-- No categories grid -->
<div
class=
"picto-grid picto-free-grid"
>
<!-- Switch panel body -->
<div
class=
""
ng-switch=
"slide.state"
>
<!-- Slides -->
<div
class=
"col-xs-10"
>
<div
id=
"student_collection"
class=
"student-collection"
ng-class=
"{ 'student-collection-loading': loadingPictos }"
data-loading=
"{{ 'loading_pictos' | translate }}"
>
<!-- No categories grid -->
<div
ng-repeat=
"studentPictoRow in freeCategoryPictos"
ng-init=
"rowIndex = $index"
class=
"picto-grid__row"
>
class=
"picto-grid picto-free-grid"
>
<div
ng-hide=
"studentData.attributes.size == 'large' && (rowIndex > 3 || colIndex > 7)"
class=
"picto pull-left"
data-row=
"{{ rowIndex }}"
data-column=
"{{ colIndex }}"
id=
"student-picto-{{
studentPicto.id ||
('empty-' + colIndex + '-' + rowIndex)
}}"
draggable
droppable
drop=
"handleDrop"
popover=
"{{studentPicto != emptyStudentPicto ? studentPicto.attributes.expression : ''}}"
popover-trigger=
"mouseenter"
ng-init=
"colIndex = $index"
ng-repeat=
"studentPicto in studentPictoRow track by $index"
>
<!-- picto-legend -->
<div
class=
"picto-legend-normal"
ng-if=
"studentPicto.attributes.legend == 'normal'"
>
{{ studentPicto.attributes.expression }}
</div>
<div
class=
"picto-legend-full"
ng-if=
"studentPicto.attributes.legend == 'full'"
>
{{ studentPicto.attributes.expression }}
</div>
<!-- /.picto-legend -->
<img
src=
"/app/img/redcross.png"
class=
"red-cross-visibility disabled"
ng-if=
"studentPicto.attributes.status == 'disabled'"
/>
<img
ng-src=
"{{studentPicto.picto.uri}}"
class=
"unselectable"
ng-class=
"{
'novisible': studentPicto.attributes.status == 'invisible',
'deactivate': studentPicto.attributes.status == 'disabled'
}"
ng-style=
"{
'background-color': studentPicto.attributes.color || '#ffffff'
}"
/>
ng-repeat=
"studentPictoRow in freeCategoryPictos"
ng-init=
"rowIndex = $index"
class=
"picto-grid__row"
>
<div
ng-hide=
"studentData.attributes.size == 'large' && (rowIndex > 3 || colIndex > 7)"
class=
"picto pull-left"
data-row=
"{{ rowIndex }}"
data-column=
"{{ colIndex }}"
id=
"student-picto-{{
studentPicto.id ||
('empty-' + colIndex + '-' + rowIndex)
}}"
draggable
droppable
drop=
"handleDrop"
popover=
"{{studentPicto != emptyStudentPicto ? studentPicto.attributes.expression : ''}}"
popover-trigger=
"mouseenter"
ng-init=
"colIndex = $index"
ng-repeat=
"studentPicto in studentPictoRow track by $index"
>
<!-- picto-legend -->
<div
class=
"picto-legend-normal"
ng-if=
"studentPicto.attributes.legend == 'normal'"
>
{{ studentPicto.attributes.expression }}
</div>
<div
class=
"picto-legend-full"
ng-if=
"studentPicto.attributes.legend == 'full'"
>
{{ studentPicto.attributes.expression }}
</div>
<!-- /.picto-legend -->
<img
src=
"/app/img/redcross.png"
class=
"red-cross-visibility disabled"
ng-if=
"studentPicto.attributes.status == 'disabled'"
/>
<img
ng-src=
"{{studentPicto.picto.uri}}"
class=
"unselectable"
ng-class=
"{
'novisible': studentPicto.attributes.status == 'invisible',
'deactivate': studentPicto.attributes.status == 'disabled'
}"
ng-style=
"{
'background-color': studentPicto.attributes.color || '#ffffff'
}"
/>
<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>
</a>
</div>
<div
class=
"picto_options"
ng-if=
"studentPicto == emptyStudentPicto"
>
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>
ng-click=
"
deleteFreePicto(studentPicto
)"
class=
"picto_
remove
"
title=
"{{ '
delete
' | translate}}"
>
<i
class=
"color_
red glyphicon glyphicon-remove-circle
"
aria-hidden=
"true"
></i>
</a>
<a
ng-click=
"view_picto(studentPicto)"
class=
"picto_ok"
>
<i
ng-class=
"{
color_green: studentPicto.attributes.status == 'invisible',
color_black: studentPicto.attributes.status == 'enabled'
}"
class=
"glyphicon glyphicon-eye-open"
aria-hidden=
"true"
title=
"{{ studentPicto.attributes.status | translate}}"
>
</i>
</a>
<a
class=
"picto_tags"
ng-click=
"open_tags(studentPicto)"
>
<i
class=
"glyphicon glyphicon-tags"
aria-hidden=
"true"
></i>
</a>
<a
class=
"picto_config"
ng-click=
"open_config(studentPicto)"
>
<i
class=
"glyphicon glyphicon-cog"
aria-hidden=
"true"
></i>
</a>
</div>
</div>
<div
class=
"picto_options"
ng-if=
"studentPicto !== emptyStudentPicto"
>
<a
ng-click=
"deleteFreePicto(studentPicto)"
class=
"picto_remove"
title=
"{{ 'delete' | translate}}"
>
<i
class=
"color_red glyphicon glyphicon-remove-circle"
aria-hidden=
"true"
></i>
</a>
<a
ng-click=
"view_picto(studentPicto)"
class=
"picto_ok"
>
<i
ng-class=
"{
color_green: studentPicto.attributes.status == 'invisible',
color_black: studentPicto.attributes.status == 'enabled'
}"
class=
"glyphicon glyphicon-eye-open"
aria-hidden=
"true"
title=
"{{ studentPicto.attributes.status | translate}}"
>
</i>
</a>
<a
class=
"picto_tags"
ng-click=
"open_tags(studentPicto)"
>
<i
class=
"glyphicon glyphicon-tags"
aria-hidden=
"true"
></i>
</a>
<a
class=
"picto_config"
ng-click=
"open_config(studentPicto)"
>
<i
class=
"glyphicon glyphicon-cog"
aria-hidden=
"true"
></i>
</a>
</div>
<div
class=
"clearfix"
></div>
</div>
<div
class=
"clearfix"
></div>
</div>
</div>
</div>
</div>
<!--/. col-xs-10 -->
</div>
<!--/. col-xs-10 -->
</div>
<!--/. Switch panel body -->
<div
class=
"col-xs-2"
>
<div
class=
"text-center"
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment