hazza/Phraseanet
1
0
Fork 0
mirror of https://github.com/alchemy-fr/Phraseanet.git synced 2025-10-23 18:03:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update tooltips display

Browse Source
This commit is contained in:
Romain Neutron
2012-05-23 13:12:40 +02:00
parent 266b400726
commit 8ad282cd1e
14 changed files with 277 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/web/common/caption_templates/answer.html
View File

@@ -2,4 +2,4 @@
{% for name, value in record.get_caption().get_highlight_fields(highlight, null, searchEngine, includeBusiness) %} {% for name, value in record.get_caption().get_highlight_fields(highlight, null, searchEngine, includeBusiness) %}
<div class="desc{% if loop.index is odd %}im{% endif %}pair"><b>{{name}}</b> : {{value.value|raw}}</div> <div class="desc{% if loop.index is odd %}im{% endif %}pair"><b>{{name}}</b> : {{value.value|raw}}</div>
{% endfor %} {% endfor %}
{% endmacro %} {% endmacro %}

56
templates/web/common/databox_field.twig
View File

@@ -1,56 +0,0 @@
{% set field_name = field.get_name() %}
<h1>
{{field_name}}
{% if field.get_type() == 'text' %}
({% trans 'Type texte' %})
{% elseif field.get_type() == 'number' %}
({% trans 'Type nombre' %})
{% elseif field.get_type() == 'date' %}
({% trans 'Type date' %})
{% endif %}
</h1>
<hr/>
<div>
{% trans 'Source' %} : {{ field.get_tag().getGroupName() }} / {{ field.get_tag().getName() }}
</div>
{% if field.is_indexable() is empty %}
<div>
{% trans 'Ce champ n\'est pas indexe' %}
</div>
{% endif %}
{% if field.is_multi() %}
<div>
{% trans 'Ce champ est multivalue' %}
</div>
{% endif %}
{% if field.is_readonly() %}
<div>
{% trans 'Ce champ est en lecture seule' %}
</div>
{% endif %}
{% if field.get_tbranch() %}
<div>
{% trans 'Ce champ est relie a une branche de thesaurus' %}
</div>
{% endif %}
{% if field.get_thumbtitle() %}
<div>
{% trans 'Ce champ est utilise en titre a l\'affichage' %}
</div>
{% endif %}
{% if field.is_required() %}
<div>
{% trans 'Ce champ est requis' %}
</div>
{% endif %}
{% if field.get_dces_element() %}
<hr/>
<div>
{% set DublinCoreElementSet = '<a href="http://dublincore.org/documents/dces/" target="_blank">DublinCore Element Set</a>' %}
{% trans %}
Ce champ est decrit comme element du {{ DublinCoreElementSet }}
{% endtrans %}
</div>
{% endif %}

21
templates/web/common/databox_field_DCES.twig
View File

@@ -1,21 +0,0 @@
{% if field.get_dces_element() %}
{% set element_name = field.get_dces_element().get_label() %}
<div>
<p>
{% trans %}
Ce champ est decrit comme l'element DublinCore {{element_name}}
{% endtrans %}
</p>
<p>
{% trans 'Description' %} : {{ field.get_dces_element().get_definition() }}
</p>
<p>
{% set lien = '<a href="' ~ field.get_dces_element().get_documentation_link() ~ '" target="_blank">' ~ field.get_dces_element().get_documentation_link() ~ '</a>' %}
{% trans %}
Pour davantage d'informations, consulter le lien suivant {{ lien }}
{% endtrans %}
</p>
</div>
{% endif %}

26
templates/web/common/databox_field_restrictions.twig
View File

@@ -1,26 +0,0 @@
<div>
<p style="font-style:italic;">
{% trans 'Les indications donnees ci dessous sont a titre informatif.' %}<br/>
{% trans 'Si vous ne les respectez pas, les documents seront correctement indexes, mais les metadonnees inscrites risquent d\'etre erronnees' %}<br/>
{% set norm_name = '<span style="font-style:normal;font-weight:bold;">' ~ field.get_tag().getGroupName() ~ '</span>' %}
{% trans %}
Ces informations sont directement fournies par la norme de metadonnees de ce champ : {{ norm_name }}
{% endtrans %}
</p>
</div>
<hr/>
<div>
{% if field.get_tag().getMinLength() > 0 %}
{% set minLength = field.get_tag().getMinLength() %}
{% trans %}
Le champ doit contenir {{ minLength }} caracteres minimum.
{% endtrans %}<br/>
{% endif %}
{% if field.get_tag().getMaxLength() > 0 %}
{% set maxLength = field.get_tag().getMaxLength() %}
{% trans %}
Le champ ne peut contenir plus de {{ maxLength }} caracteres.
{% endtrans %}<br/>
{% endif %}
</div>

96
templates/web/common/technical_datas.twig
View File

@@ -4,63 +4,37 @@
{% set document = record.get_subdef('document') %} {% set document = record.get_subdef('document') %}
{% if document %}
{% if document.get_width() %}
{% trans 'Size' %} :
{{document.get_width()}} x {{document.get_height()}}
{% endif %}
{% endif %}
<hr/>
{% if record.get_original_name() %}
{% trans 'Nom Original' %} : {% trans 'Nom Original' %} :
{{record.get_original_name() }} {{record.get_original_name() }}
<br /> <br/>
{% endif %}
{% if record.get_mime() %}
{% trans 'Type Mime' %} :
{{record.get_mime() }} {{record.get_mime() }}
<br />
{% if document and document.get_size() %}
- {{document.get_size()|formatoctet}}
{% endif %} {% endif %}
<br/>
{% if document %} {% if document and document.get_width() and document.get_height() %}
{% if document.get_size() %} {% trans 'Size' %} :
{% trans 'Taille' %} : {{document.get_width()}} x {{document.get_height()}} px
{{document.get_size()|formatoctet}} <br/>
<br />
{% endif %}
{% endif %}
{% if record.get_technical_infos(constant('media_subdef::TC_DATA_SHUTTERSPEED')) is not empty %}
{% trans 'Shutter speed' %} :
{{record.get_technical_infos(constant('media_subdef::TC_DATA_SHUTTERSPEED')) }} s.
<br />
{% endif %}
{% if record.get_technical_infos(constant('media_subdef::TC_DATA_FOCALLENGTH')) is not empty %}
{% trans 'Focal length' %} :
{{record.get_technical_infos(constant('media_subdef::TC_DATA_FOCALLENGTH')) }} mm
<br />
{% endif %}
{% if document %}
{% if record.get_type() == 'image' and document.get_width() and document.get_height() %} {% if record.get_type() == 'image' and document.get_width() and document.get_height() %}
{% trans 'Dimensions a l\'impression' %}
:
{% set size_w = (document.get_width() * (254/100) / 300) %} {% set size_w = (document.get_width() * (254/100) / 300) %}
{% set size_h = (document.get_height() * (254/100) / 300) %} {% set size_h = (document.get_height() * (254/100) / 300) %}
300 dpi : {{size_w|round(1)}}x{{size_h|round(1)}} cm {{ size_w|round(1) }} x {{ size_h|round(1) }} cm (300dpi)
{% set size_w = (document.get_width() * (254/100) / 72) %} {% set size_w = (document.get_width() * (254/100) / 72) %}<br/>
{% set size_h = (document.get_height() * (254/100) / 72) %} {% set size_h = (document.get_height() * (254/100) / 72) %}
/ 72 dpi : {{size_w|round(1)}}x{{size_h|round(1)}} cm {{ size_w|round(1) }} x {{ size_h|round(1) }} cm (72dpi)
{% endif %} {% endif %}
{% endif %} {% endif %}
<hr/> <hr/>
{% if record.get_technical_infos(constant('media_subdef::TC_DATA_CAMERAMODEL')) is not empty %}
{% trans 'Camera Model' %} :
{{record.get_technical_infos(constant('media_subdef::TC_DATA_CAMERAMODEL')) }}
<br />
{% endif %}
{% if record.get_technical_infos(constant('media_subdef::TC_DATA_COLORSPACE')) is not empty %} {% if record.get_technical_infos(constant('media_subdef::TC_DATA_COLORSPACE')) is not empty %}
{% trans 'Color space' %} : {% trans 'Color space' %} :
{{record.get_technical_infos(constant('media_subdef::TC_DATA_COLORSPACE')) }} {{record.get_technical_infos(constant('media_subdef::TC_DATA_COLORSPACE')) }}
@@ -73,12 +47,12 @@
{% endif %} {% endif %}
{% if record.get_technical_infos(constant('media_subdef::TC_DATA_COLORDEPTH')) is not empty %} {% if record.get_technical_infos(constant('media_subdef::TC_DATA_COLORDEPTH')) is not empty %}
{% trans 'Color Depth' %} : {% trans 'Color Depth' %} :
{{record.get_technical_infos(constant('media_subdef::TC_DATA_COLORDEPTH')) }} {{record.get_technical_infos(constant('media_subdef::TC_DATA_COLORDEPTH')) }} bits
<br /> <br />
{% endif %} {% endif %}
{% if record.get_technical_infos(constant('media_subdef::TC_DATA_CAMERAMODEL')) is not empty %} {% if record.get_technical_infos(constant('media_subdef::TC_DATA_ISO')) is not empty %}
{% trans 'Camera Model' %} : {% trans 'ISO sensibility' %} :
{{record.get_technical_infos(constant('media_subdef::TC_DATA_CAMERAMODEL')) }} {{record.get_technical_infos(constant('media_subdef::TC_DATA_ISO')) }}
<br /> <br />
{% endif %} {% endif %}
{% if record.get_technical_infos(constant('media_subdef::TC_DATA_FLASHFIRED')) is not null %} {% if record.get_technical_infos(constant('media_subdef::TC_DATA_FLASHFIRED')) is not null %}
@@ -90,36 +64,40 @@
{% endif %} {% endif %}
<br /> <br />
{% endif %} {% endif %}
{% if record.get_technical_infos(constant('media_subdef::TC_DATA_SHUTTERSPEED')) is not empty %}
{% trans 'Shutter speed' %} :
{{record.get_technical_infos(constant('media_subdef::TC_DATA_SHUTTERSPEED')) }} s.
<br />
{% endif %}
{% if record.get_technical_infos(constant('media_subdef::TC_DATA_APERTURE')) is not empty %} {% if record.get_technical_infos(constant('media_subdef::TC_DATA_APERTURE')) is not empty %}
{% trans 'Aperture' %} : {% trans 'Aperture' %} :
{{record.get_technical_infos(constant('media_subdef::TC_DATA_APERTURE')) }} {{record.get_technical_infos(constant('media_subdef::TC_DATA_APERTURE')) | round(2) }}
<br /> <br />
{% endif %} {% endif %}
{% if record.get_technical_infos(constant('media_subdef::TC_DATA_FOCALLENGTH')) is not empty %}
{% trans 'Focal length' %} :
{{record.get_technical_infos(constant('media_subdef::TC_DATA_FOCALLENGTH')) }} mm
<br />
{% endif %}
{% if record.get_technical_infos(constant('media_subdef::TC_DATA_HYPERFOCALDISTANCE')) is not empty %} {% if record.get_technical_infos(constant('media_subdef::TC_DATA_HYPERFOCALDISTANCE')) is not empty %}
{% trans 'Hyperfocal distance' %} : {% trans 'Hyperfocal distance' %} :
{{record.get_technical_infos(constant('media_subdef::TC_DATA_HYPERFOCALDISTANCE')) }} {{record.get_technical_infos(constant('media_subdef::TC_DATA_HYPERFOCALDISTANCE')) | round(2) }} mm
<br />
{% endif %}
{% if record.get_technical_infos(constant('media_subdef::TC_DATA_ISO')) is not empty %}
{% trans 'ISO sensibility' %} :
{{record.get_technical_infos(constant('media_subdef::TC_DATA_ISO')) }}
<br /> <br />
{% endif %} {% endif %}
{% if record.get_technical_infos(constant('media_subdef::TC_DATA_LIGHTVALUE')) is not empty %} {% if record.get_technical_infos(constant('media_subdef::TC_DATA_LIGHTVALUE')) is not empty %}
{% trans 'Light Value' %} : {% trans 'Light Value' %} :
{{record.get_technical_infos(constant('media_subdef::TC_DATA_LIGHTVALUE')) }} {{record.get_technical_infos(constant('media_subdef::TC_DATA_LIGHTVALUE')) | round(2) }}
<br /> <br />
{% endif %} {% endif %}
<hr/>
{% if record.get_formated_duration() %} {% if record.get_formated_duration() %}
{% trans 'Duree' %} : {% trans 'Duree' %} :
{{record.get_formated_duration() }} {{record.get_formated_duration() | round(2) }}
<br /> <br />
{% endif %} {% endif %}
{% if record.get_technical_infos(constant('media_subdef::TC_DATA_FRAMERATE')) is not empty %} {% if record.get_technical_infos(constant('media_subdef::TC_DATA_FRAMERATE')) is not empty %}
{% trans 'Images par secondes' %} : {% trans 'Images par secondes' %} :
{{record.get_technical_infos(constant('media_subdef::TC_DATA_FRAMERATE')) }} ips {{record.get_technical_infos(constant('media_subdef::TC_DATA_FRAMERATE')) | round(2) }} ips
<br /> <br />
{% endif %} {% endif %}
{% if record.get_technical_infos(constant('media_subdef::TC_DATA_AUDIOCODEC')) %} {% if record.get_technical_infos(constant('media_subdef::TC_DATA_AUDIOCODEC')) %}
@@ -134,7 +112,7 @@
{% endif %} {% endif %}
{% if record.get_technical_infos(constant('media_subdef::TC_DATA_AUDIOSAMPLERATE')) %} {% if record.get_technical_infos(constant('media_subdef::TC_DATA_AUDIOSAMPLERATE')) %}
{% trans 'Frequence d\'echantillonage' %} : {% trans 'Frequence d\'echantillonage' %} :
{{record.get_technical_infos(constant('media_subdef::TC_DATA_AUDIOSAMPLERATE')) }} kHz {{record.get_technical_infos(constant('media_subdef::TC_DATA_AUDIOSAMPLERATE')) | round(2) }} kHz
<br /> <br />
{% endif %} {% endif %}

58
templates/web/prod/Tooltip/Basket.html.twig
View File

@@ -1,29 +1,33 @@
{% import 'common/thumbnail.html' as thumbnail %} {% import 'common/thumbnail.html' as thumbnail %}
<div class="noToolTipResize" style="margin:5px;width:280px;height:300px;position:relative;">
<div> {% extends 'prod/Tooltip/Tooltip.html.twig'%}
<span style="font-weight:bold;font-size:14px;">
{{ basket.getName() }} {% set title %} {{ basket.getName() }} {% endset %}
</span> {% set width = 300 %}
</div> {% set maxwidth = null %}
<div style="margin:5px 0">
{{ basket.getDescription()|nl2br }} {% block content %}
</div> <div class="noToolTipResize" style="margin:5px;width:{{ width - 40 }}px;height:300px;position:relative;">
<div style="margin:5px 0;text-align:right;font-style:italic;position:relative;"> <div style="margin:5px 0">
{% set nb_records = basket.getElements()|length %} {{ basket.getDescription()|nl2br }}
{% set date = basket.getUpdated()|prettyString %}
{% trans %}
{{ nb_records }} records
{% endtrans %}
- {{ date }}
<hr/>
<div style="position:relative;float:left;width:270px;">
{% for element in basket.getElements() %}
{% if loop.index <= 9 %}
<div style="margin:5px;position:relative;float:left;width:80px;height:80px;overflow:hidden;">
{{ thumbnail.format(element.getRecord().get_thumbnail(), 80, 80 , '', session) }}
</div>
{% endif %}
{% endfor %}
</div> </div>
</div> <div style="margin:5px 0;text-align:right;font-style:italic;position:relative;">
</div> {% set nb_records = basket.getElements()|length %}
{% set date = basket.getUpdated()|prettyString %}
{% trans %}
{{ nb_records }} records
{% endtrans %}
- {{ date }}
<hr/>
<div style="position:relative;float:left;width:270px;">
{% for element in basket.getElements() %}
{% if loop.index <= 9 %}
<div style="margin:5px;position:relative;float:left;width:80px;height:80px;overflow:hidden;">
{{ thumbnail.format(element.getRecord().get_thumbnail(), 80, 80 , '', session) }}
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
{% endblock %}

9
templates/web/prod/Tooltip/Caption.html.twig Normal file
View File

@@ -0,0 +1,9 @@
{% extends 'prod/Tooltip/Tooltip.html.twig'%}
{% set title %}{% trans 'Caption' %}{% endset %}
{% set width = 400 %}
{% set maxwidth = 700 %}
{% block content %}
{% include 'common/caption.html' %}
{% endblock %}

27
templates/web/prod/Tooltip/DCESFieldInfo.html.twig Normal file
View File

@@ -0,0 +1,27 @@
{% extends 'prod/Tooltip/Tooltip.html.twig'%}
{% set title %} DC {{ field.get_dces_element().get_label() }} {% endset %}
{% set width = 600 %}
{% set maxwidth = null %}
{% block content %}
{% if field.get_dces_element() %}
{% set element_name = field.get_dces_element().get_label() %}
<div>
<p>
{% trans %}
Ce champ est decrit comme l'element DublinCore {{element_name}}
{% endtrans %}
</p>
<p>
{% trans 'Description' %} : {{ field.get_dces_element().get_definition() }}
</p>
<p>
{% set lien = '<a href="' ~ field.get_dces_element().get_documentation_link() ~ '" target="_blank">' ~ field.get_dces_element().get_documentation_link() ~ '</a>' %}
{% trans %}
Pour davantage d'informations, consulter le lien suivant {{ lien }}
{% endtrans %}
</p>
</div>
{% endif %}
{% endblock %}

66
templates/web/prod/Tooltip/DataboxField.html.twig Normal file
View File

@@ -0,0 +1,66 @@
{% extends 'prod/Tooltip/Tooltip.html.twig'%}
{% set title %}
{{ field.get_name() }}
{% if field.get_type() == 'text' %}
({% trans 'Type texte' %})
{% elseif field.get_type() == 'number' %}
({% trans 'Type nombre' %})
{% elseif field.get_type() == 'date' %}
({% trans 'Type date' %})
{% endif %}
{% endset %}
{% set width = 300 %}
{% set maxwidth = null %}
{% block content %}
<div>
{% trans 'Source' %} : {{ field.get_tag().getGroupName() }} / {{ field.get_tag().getName() }}
</div>
{% if field.is_indexable() is empty %}
<div>
{% trans 'Ce champ n\'est pas indexe' %}
</div>
{% endif %}
{% if field.is_multi() %}
<div>
{% trans 'Ce champ est multivalue' %}
</div>
{% endif %}
{% if field.is_readonly() %}
<div>
{% trans 'Ce champ est en lecture seule' %}
</div>
{% endif %}
{% if field.get_tbranch() %}
<div>
{% trans 'Ce champ est relie a une branche de thesaurus' %}
</div>
{% endif %}
{% if field.get_thumbtitle() %}
<div>
{% trans 'Ce champ est utilise en titre a l\'affichage' %}
</div>
{% endif %}
{% if field.is_required() %}
<div>
{% trans 'Ce champ est requis' %}
</div>
{% endif %}
{% if field.get_dces_element() %}
<hr/>
<div>
{% set DublinCoreElementSet = '<a href="http://dublincore.org/documents/dces/" target="_blank">DublinCore Element Set</a>' %}
{% trans %}
Ce champ est decrit comme element du {{ DublinCoreElementSet }}
{% endtrans %}
</div>
{% endif %}
{% endblock %}

35
templates/web/prod/Tooltip/DataboxFieldRestrictions.html.twig Normal file
View File

@@ -0,0 +1,35 @@
{% extends 'prod/Tooltip/Tooltip.html.twig'%}
{% set title %} {{ field.get_name() }} ({{ field.get_tag().getTagname() }}) {% endset %}
{% set width = 600 %}
{% set maxwidth = null %}
{% block content %}
<div>
{% if field.get_tag().getMinLength() > 0 %}
{% set minLength = field.get_tag().getMinLength() %}
{% trans %}
Le champ doit contenir {{ minLength }} caracteres minimum.
{% endtrans %}<br/>
{% endif %}
{% if field.get_tag().getMaxLength() > 0 %}
{% set maxLength = field.get_tag().getMaxLength() %}
{% trans %}
Le champ ne peut contenir plus de {{ maxLength }} caracteres.
{% endtrans %}<br/>
{% endif %}
</div>
<hr/>
<div>
<blockquote>
<small>
{% trans 'Les indications donnees ci dessous sont a titre informatif.' %}<br/>
{% trans 'Si vous ne les respectez pas, les documents seront correctement indexes, mais les metadonnees inscrites risquent d\'etre erronnees' %}<br/>
{% set norm_name = '<span style="font-style:normal;font-weight:bold;">' ~ field.get_tag().getGroupName() ~ '</span>' %}
{% trans %}
Ces informations sont directement fournies par la norme de metadonnees de ce champ : {{ norm_name }}
{% endtrans %}
</small>
</blockquote>
</div>
{% endblock %}

9
templates/web/prod/Tooltip/Preview.html.twig Normal file
View File

@@ -0,0 +1,9 @@
{% extends 'prod/Tooltip/Tooltip.html.twig'%}
{% set title %} {{ record.get_title() }} {% endset %}
{% set width = null %}
{% set maxwidth = null %}
{% block content %}
{% include 'common/preview.html' %}
{% endblock %}

54
templates/web/prod/Tooltip/Story.html.twig
View File

@@ -1,28 +1,30 @@
{% import 'common/thumbnail.html' as thumbnail %} {% import 'common/thumbnail.html' as thumbnail %}
<div class="noToolTipResize" style="margin:5px;width:280px;height:300px;position:relative;">
<div> {% extends 'prod/Tooltip/Tooltip.html.twig'%}
<span style="font-weight:bold;font-size:14px;">
{{ Story.get_title() }} {% set title %} {{ Story.get_title() }} {% endset %}
</span> {% set width = 300 %}
</div> {% set maxwidth = null %}
<div style="margin:5px 0">
</div> {% block content %}
<div style="margin:5px 0;text-align:right;font-style:italic;position:relative;"> <div class="noToolTipResize" style="margin:5px;width:{{ width - 40 }}px;height:300px;position:relative;">
{% set nb_records = Story.get_children().get_elements()|length %} <div style="margin:5px 0;text-align:right;font-style:italic;position:relative;">
{% set date = Story.get_modification_date()|prettyString %} {% set nb_records = Story.get_children().get_elements()|length %}
{% trans %} {% set date = Story.get_modification_date()|prettyString %}
{{ nb_records }} records {% trans %}
{% endtrans %} {{ nb_records }} records
- {{ date }} {% endtrans %}
<hr/> - {{ date }}
<div style="position:relative;float:left;width:270px;"> <hr/>
{% for element in Story.get_children().get_elements() %} <div style="position:relative;float:left;width:270px;">
{% if loop.index <= 9 %} {% for element in Story.get_children().get_elements() %}
<div style="margin:5px;position:relative;float:left;width:80px;height:80px;overflow:hidden;"> {% if loop.index <= 9 %}
{{ thumbnail.format(element.get_thumbnail(), 80, 80 , '', session) }} <div style="margin:5px;position:relative;float:left;width:80px;height:80px;overflow:hidden;">
</div> {{ thumbnail.format(element.get_thumbnail(), 80, 80 , '', session) }}
{% endif %} </div>
{% endfor %} {% endif %}
{% endfor %}
</div>
</div> </div>
</div> </div>
</div> {% endblock %}

9
templates/web/prod/Tooltip/TechnicalDatas.html.twig Normal file
View File

@@ -0,0 +1,9 @@
{% extends 'prod/Tooltip/Tooltip.html.twig'%}
{% set title %}{% trans 'Caption' %}{% endset %}
{% set width = 280 %}
{% set maxwidth = null %}
{% block content %}
{% include 'common/technical_datas.twig' %}
{% endblock %}

39
templates/web/prod/Tooltip/User.html.twig
View File

@@ -1,14 +1,25 @@
<div class="UserTooltip" style="position:relative;width:300px;height:100px;"> {% extends 'prod/Tooltip/Tooltip.html.twig'%}
<div class="PNB" style="width:100px;right:auto;">
<img style="margin:14px 8px;" src="/skins/icons/user.png"/> {% set title %}
</div> user.get_display_name()
<div class="PNB" style="left:100px;"> {% endset %}
<h1> {{ user.get_display_name() }}</h1> {% set width = 300 %}
<ul> {% set maxwidth = null %}
<li>{{ user.get_email() }}</li>
<li>{{ user.get_company() }}</li> {% block content %}
<li>{{ user.get_job() }}</li> <div class="UserTooltip" style="position:relative;width:{{ width }}px;height:100px;">
<li>{{ user.get_position() }}</li> <div class="PNB" style="width:100px;right:auto;">
</ul> <img style="margin:14px 8px;" src="/skins/icons/user.png"/>
</div> </div>
</div> <div class="PNB" style="left:100px;">
<h1> {{ user.get_display_name() }}</h1>
<ul>
<li>{{ user.get_email() }}</li>
<li>{{ user.get_company() }}</li>
<li>{{ user.get_job() }}</li>
<li>{{ user.get_position() }}</li>
</ul>
</div>
</div>
{% endblock %}