mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-23 09:53:15 +00:00
refactor dialog for subdef creation and new user
This commit is contained in:
Mike Ng
@@ -10,6 +10,7 @@ $mainMenuLinkHoverColor: #000000 !default;
|
|||||||
$mainMenuMarginBottom: 0 !default;
|
$mainMenuMarginBottom: 0 !default;
|
||||||
$mainMenuBottomBorder: none !default;
|
$mainMenuBottomBorder: none !default;
|
||||||
|
|
||||||
|
|
||||||
#mainMenu {
|
#mainMenu {
|
||||||
height: $mainMenuHeight;
|
height: $mainMenuHeight;
|
||||||
line-height: $mainMenuLineHeight;
|
line-height: $mainMenuLineHeight;
|
||||||
@@ -19,6 +20,20 @@ $mainMenuBottomBorder: none !default;
|
|||||||
margin-bottom: $mainMenuMarginBottom;
|
margin-bottom: $mainMenuMarginBottom;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
.arrow-up {
|
||||||
|
display: none;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-left: 6px solid transparent;
|
||||||
|
border-right: 6px solid transparent;
|
||||||
|
border-bottom: 9px solid #d8d8d8;
|
||||||
|
}
|
||||||
|
.mobilemenu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.desktopmenu {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
.show-menu {
|
.show-menu {
|
||||||
display: none;
|
display: none;
|
||||||
i {
|
i {
|
||||||
@@ -26,6 +41,9 @@ $mainMenuBottomBorder: none !default;
|
|||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
color: $mainMenuLinkActiveColor;
|
color: $mainMenuLinkActiveColor;
|
||||||
}
|
}
|
||||||
|
img {
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
ol {
|
ol {
|
||||||
display: block;
|
display: block;
|
||||||
@@ -33,9 +51,8 @@ $mainMenuBottomBorder: none !default;
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none outside none;
|
list-style: none outside none;
|
||||||
}
|
}
|
||||||
#custom-link-container {
|
#nav_notification_container {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: 10px;
|
|
||||||
}
|
}
|
||||||
#mainLogo {
|
#mainLogo {
|
||||||
margin:0 10px;
|
margin:0 10px;
|
||||||
@@ -110,34 +127,92 @@ $mainMenuBottomBorder: none !default;
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 760px) {
|
@media screen and (max-width: 760px) {
|
||||||
|
.mobilemenu {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
#mainMenu {
|
#mainMenu {
|
||||||
.show-menu {
|
.show-menu {
|
||||||
display: block;
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
#nav_menu {
|
.desktopmenu {
|
||||||
display: none;
|
display: none;
|
||||||
|
}
|
||||||
|
#nav_menu_container, #nav_customlink_container, #nav_account_container {
|
||||||
|
position: absolute;
|
||||||
|
top: 35px;
|
||||||
|
width: 172px;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
ol {
|
.nav_menu {
|
||||||
position: static;
|
|
||||||
}
|
|
||||||
li.menu-bar-item {
|
|
||||||
width: 100%;
|
|
||||||
clear: both;
|
|
||||||
background: $mainMenuBackgroundColor;
|
|
||||||
border-bottom: 1px solid $mainMenuLinkActiveColor;
|
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
}
|
position: absolute;
|
||||||
li.menu-bar-item a {
|
border-radius: 5px;
|
||||||
|
background-color: #d8d8d8;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
> span {
|
.bullet-type {
|
||||||
text-align: center;
|
padding: 0;
|
||||||
font-size: 14px;
|
}
|
||||||
font-weight: bold;
|
.bullet-type:before {
|
||||||
&.selected {
|
content: "• ";
|
||||||
border-top: none !important;
|
}
|
||||||
|
li.menu-bar-item {
|
||||||
|
left: 10px;
|
||||||
|
width: 151px;
|
||||||
|
clear: both;
|
||||||
|
border-bottom: 1px solid #b7b7b7;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
li.menu-bar-item a {
|
||||||
|
width: 100%;
|
||||||
|
> img {
|
||||||
|
float: left;
|
||||||
|
margin-top: 11px;
|
||||||
|
margin-right: 11px;
|
||||||
|
display: block;
|
||||||
}
|
}
|
||||||
|
> span {
|
||||||
|
text-align: left;
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: Roboto;
|
||||||
|
font-weight: 500;
|
||||||
|
font-style: normal;
|
||||||
|
font-stretch: normal;
|
||||||
|
letter-spacing: normal;
|
||||||
|
color: #4a4a4a;
|
||||||
|
&.selected {
|
||||||
|
border-top: 3px solid transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
li.menu-bar-item:last-child {
|
||||||
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
#nav_customlink_container {
|
||||||
|
left: 10px;
|
||||||
|
.arrow-up {
|
||||||
|
margin-left: 82px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#nav_menu_container {
|
||||||
|
left: 10px;
|
||||||
|
.arrow-up {
|
||||||
|
margin-left: 51px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#nav_account_container {
|
||||||
|
right: 10px;
|
||||||
|
.arrow-up {
|
||||||
|
margin-left: 147px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#nav_notification_container {
|
||||||
|
float: right;
|
||||||
|
margin-right: 50px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
BIN
resources/www/common/images/icons/menu-admin.png
Normal file
BIN
resources/www/common/images/icons/menu-admin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 513 B |
BIN
resources/www/common/images/icons/menu-burger.png
Normal file
BIN
resources/www/common/images/icons/menu-burger.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 859 B |
BIN
resources/www/common/images/icons/menu-help.png
Normal file
BIN
resources/www/common/images/icons/menu-help.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 680 B |
BIN
resources/www/common/images/icons/menu-lightbox.png
Normal file
BIN
resources/www/common/images/icons/menu-lightbox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 508 B |
BIN
resources/www/common/images/icons/menu-logout.png
Normal file
BIN
resources/www/common/images/icons/menu-logout.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 495 B |
BIN
resources/www/common/images/icons/menu-name-user.png
Normal file
BIN
resources/www/common/images/icons/menu-name-user.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 513 B |
BIN
resources/www/common/images/icons/menu-prod.png
Normal file
BIN
resources/www/common/images/icons/menu-prod.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 582 B |
BIN
resources/www/common/images/icons/menu-publication.png
Normal file
BIN
resources/www/common/images/icons/menu-publication.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 782 B |
BIN
resources/www/common/images/icons/menu-report.png
Normal file
BIN
resources/www/common/images/icons/menu-report.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 632 B |
BIN
resources/www/common/images/icons/menu-thesaurus.png
Normal file
BIN
resources/www/common/images/icons/menu-thesaurus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 610 B |
BIN
resources/www/common/images/icons/menu-upload.png
Normal file
BIN
resources/www/common/images/icons/menu-upload.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 373 B |
BIN
resources/www/common/images/icons/menu-user.png
Normal file
BIN
resources/www/common/images/icons/menu-user.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 807 B |
BIN
resources/www/common/images/icons/menu-web-site.png
Normal file
BIN
resources/www/common/images/icons/menu-web-site.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
@@ -7,179 +7,261 @@
|
|||||||
<img src="/assets/common/images/logo.png" alt="" id="mainLogo">
|
<img src="/assets/common/images/logo.png" alt="" id="mainLogo">
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="show-menu" id="toggle-menu">
|
<li class="show-menu" id="toggle-menu-main">
|
||||||
<i class="fa fa-bars"></i>
|
<img src="/assets/common/images/icons/menu-burger.png"/>
|
||||||
</li>
|
</li>
|
||||||
<ol id="nav_menu">
|
<div id="nav_menu_container" class="desktopmenu">
|
||||||
{% if module is defined and module != "lightbox" and app.getAuthenticator().isAuthenticated() %}
|
<div class="arrow-up"></div>
|
||||||
<li class="menu-bar-item">
|
<ol class="nav_menu">
|
||||||
<a target="_blank" href="{{ path('prod') }}">
|
{% if module is defined and module != "lightbox" and app.getAuthenticator().isAuthenticated() %}
|
||||||
<span class="{% if module is defined and module == "prod" %}selected{% endif %}">
|
|
||||||
{{ 'admin::monitor: production' | trans }}
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
{% if app['browser'].isNewGeneration and app['conf'].get(['registry', 'modules', 'thesaurus']) == true and app.getAclForUser(app.getAuthenticatedUser()).has_access_to_module('thesaurus') %}
|
|
||||||
<li class="menu-bar-item">
|
<li class="menu-bar-item">
|
||||||
<a target="_blank" href="{{ path('thesaurus') }}">
|
<a target="_blank" href="{{ path('prod') }}">
|
||||||
<span class="{% if module is defined and module == "thesaurus" %}selected{% endif %}">
|
<img src="/assets/common/images/icons/menu-prod.png" class="mobilemenu"/>
|
||||||
{{ 'admin::monitor: module thesaurus' | trans }}
|
<span class="{% if module is defined and module == "prod" %}selected{% endif %}">
|
||||||
</span>
|
{{ 'admin::monitor: production' | trans }}
|
||||||
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
|
{% if app['browser'].isNewGeneration and app['conf'].get(['registry', 'modules', 'thesaurus']) == true and app.getAclForUser(app.getAuthenticatedUser()).has_access_to_module('thesaurus') %}
|
||||||
{# MODULE #}
|
|
||||||
{% if app.getAclForUser(app.getAuthenticatedUser()).has_access_to_module('admin') %}
|
|
||||||
<li class="menu-bar-item">
|
|
||||||
<a target="_blank" href="{{ path('admin') }}">
|
|
||||||
<span class="{% if module is defined and module == "admin" %}selected{% endif %}">
|
|
||||||
{{ 'admin::monitor: module admin' | trans }}
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{# MODULE #}
|
|
||||||
{% if app.getAclForUser(app.getAuthenticatedUser()).has_access_to_module('report') %}
|
|
||||||
<li class="menu-bar-item">
|
|
||||||
<a target="_blank" href="{{ path('report_dashboard') }}">
|
|
||||||
<span class="{% if module is defined and module == "report" %}selected{% endif %}">
|
|
||||||
{{ 'admin::monitor: module report' | trans }}
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{# MODULE #}
|
|
||||||
<li class="menu-bar-item">
|
|
||||||
<a id="validation_link" target="_blank" href="{{ path('lightbox') }}">
|
|
||||||
<span>
|
|
||||||
{{ 'admin::monitor: module validation' | trans }}
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
{# MODULE #}
|
|
||||||
{% if module is defined and module == "prod" %}
|
|
||||||
{% if app.getAclForUser(app.getAuthenticatedUser()).has_access_to_module('upload') %}
|
|
||||||
<li class="menu-bar-item">
|
<li class="menu-bar-item">
|
||||||
{% set link = path('upload_html5_form') %}
|
<a target="_blank" href="{{ path('thesaurus') }}">
|
||||||
|
<img src="/assets/common/images/icons/menu-thesaurus.png" class="mobilemenu"/>
|
||||||
{% if not app['browser'].supportFileAPI() %}
|
<span class="{% if module is defined and module == "thesaurus" %}selected{% endif %}">
|
||||||
{% set link = path('upload_flash_form') %}
|
{{ 'admin::monitor: module thesaurus' | trans }}
|
||||||
{% endif %}
|
</span>
|
||||||
|
|
||||||
<a href="{{ link }}" class="uploader-open-action" title="{{ 'Upload' | trans }}">
|
|
||||||
<span>
|
|
||||||
{{ 'admin::monitor: module upload' | trans }}
|
|
||||||
</span>
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{# MODULE #}
|
|
||||||
{% if module == "prod" %}
|
{# MODULE #}
|
||||||
|
{% if app.getAclForUser(app.getAuthenticatedUser()).has_access_to_module('admin') %}
|
||||||
|
<li class="menu-bar-item">
|
||||||
|
<a target="_blank" href="{{ path('admin') }}">
|
||||||
|
<img src="/assets/common/images/icons/menu-admin.png" class="mobilemenu"/>
|
||||||
|
<span class="{% if module is defined and module == "admin" %}selected{% endif %}">
|
||||||
|
{{ 'admin::monitor: module admin' | trans }}
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{# MODULE #}
|
||||||
|
{% if app.getAclForUser(app.getAuthenticatedUser()).has_access_to_module('report') %}
|
||||||
|
<li class="menu-bar-item">
|
||||||
|
<a target="_blank" href="{{ path('report_dashboard') }}">
|
||||||
|
<img src="/assets/common/images/icons/menu-report.png" class="mobilemenu"/>
|
||||||
|
<span class="{% if module is defined and module == "report" %}selected{% endif %}">
|
||||||
|
{{ 'admin::monitor: module report' | trans }}
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{# MODULE #}
|
||||||
<li class="menu-bar-item">
|
<li class="menu-bar-item">
|
||||||
<a href="#" class="state-navigation" data-state="publication">
|
<a id="validation_link" target="_blank" href="{{ path('lightbox') }}">
|
||||||
<span>
|
<img src="/assets/common/images/icons/menu-lightbox.png" class="mobilemenu"/>
|
||||||
{{ 'Publications' | trans }}
|
<span>
|
||||||
</span>
|
{{ 'admin::monitor: module validation' | trans }}
|
||||||
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
{# MODULE #}
|
||||||
|
{% if module is defined and module == "prod" %}
|
||||||
|
{% if app.getAclForUser(app.getAuthenticatedUser()).has_access_to_module('upload') %}
|
||||||
|
<li class="menu-bar-item">
|
||||||
|
{% set link = path('upload_html5_form') %}
|
||||||
|
|
||||||
|
{% if not app['browser'].supportFileAPI() %}
|
||||||
|
{% set link = path('upload_flash_form') %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<a href="{{ link }}" class="uploader-open-action" title="{{ 'Upload' | trans }}">
|
||||||
|
<img src="/assets/common/images/icons/menu-upload.png" class="mobilemenu"/>
|
||||||
|
<span>
|
||||||
|
{{ 'admin::monitor: module upload' | trans }}
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{# MODULE #}
|
||||||
|
{% if module == "prod" %}
|
||||||
|
<li class="menu-bar-item">
|
||||||
|
<a href="#" class="state-navigation" data-state="publication">
|
||||||
|
<img src="/assets/common/images/icons/menu-publication.png" class="mobilemenu"/>
|
||||||
|
<span>
|
||||||
|
{{ 'Publications' | trans }}
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if module is defined and module == "prod" and app.getAclForUser(app.getAuthenticatedUser()).has_right(constant('\\ACL::ORDER_MASTER')) %}
|
||||||
|
<li class="menu-bar-item">
|
||||||
|
<a href="#" class="order-open-action" title="{{ 'Orders manager' | trans }}">
|
||||||
|
<span>
|
||||||
|
{{ 'Commandes' | trans }}
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
</ol>
|
||||||
{% if module is defined and module == "prod" and app.getAclForUser(app.getAuthenticatedUser()).has_right(constant('\\ACL::ORDER_MASTER')) %}
|
</div>
|
||||||
<li class="menu-bar-item">
|
<li class="show-menu" id="toggle-menu-link">
|
||||||
<a href="#" class="order-open-action" title="{{ 'Orders manager' | trans }}">
|
<img src="/assets/common/images/icons/menu-web-site.png"/>
|
||||||
<span>
|
</li>
|
||||||
{{ 'Commandes' | trans }}
|
<li class="show-menu" id="toggle-menu-account" style="float: right;margin-right: 16px;">
|
||||||
</span>
|
<img src="/assets/common/images/icons/menu-user.png"/>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<div id="nav_customlink_container" class="desktopmenu">
|
||||||
{% endif %}
|
<div class="arrow-up"></div>
|
||||||
|
<ol class="nav_menu"></ol>
|
||||||
{% endif %}
|
</div>
|
||||||
</ol>
|
<div id="nav_notification_container">
|
||||||
<ol id="custom-link-container"></ol>
|
{% if app.getAuthenticator().isAuthenticated() and module == "prod" %}
|
||||||
</ol>
|
<li id="notification_trigger">
|
||||||
|
<a href="#" style="font-weight:bold;text-decoration:none;">
|
||||||
</div>
|
|
||||||
<div class="PNB right" style="left:auto;overflow:hidden;">
|
|
||||||
<ol>
|
|
||||||
|
|
||||||
{% if app.getAuthenticator().isAuthenticated() and module == "prod" %}
|
|
||||||
<li id="notification_trigger">
|
|
||||||
<a href="#" style="font-weight:bold;text-decoration:none;">
|
|
||||||
<span>
|
<span>
|
||||||
<button class="counter btn btn-danger" style="visibility:{% if app['events-manager'].get_unread_notifications_number > 0 %}visible{% else %}hidden{% endif %};">
|
<button class="counter btn btn-danger" style="visibility:{% if app['events-manager'].get_unread_notifications_number > 0 %}visible{% else %}hidden{% endif %};">
|
||||||
{% if app['events-manager'].get_unread_notifications_number > 0 %}
|
{% if app['events-manager'].get_unread_notifications_number > 0 %}
|
||||||
{{app['events-manager'].get_unread_notifications_number}}
|
{{ app['events-manager'].get_unread_notifications_number }}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</button>
|
</button>
|
||||||
{{ 'Notifications' | trans }}
|
{{ 'Notifications' | trans }}
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<li class="user">
|
</div>
|
||||||
{% if app.getAuthenticator().isAuthenticated() %}
|
</ol>
|
||||||
{% if app.getAuthenticatedUser().isGuest %}
|
|
||||||
<span>
|
</div>
|
||||||
|
|
||||||
|
<div class="PNB right desktopmenu" style="left:auto;overflow:hidden;">
|
||||||
|
<ol>
|
||||||
|
<li class="user">
|
||||||
|
{% if app.getAuthenticator().isAuthenticated() %}
|
||||||
|
{% if app.getAuthenticatedUser().isGuest %}
|
||||||
|
<span>
|
||||||
{{ 'Guest' | trans }}
|
{{ 'Guest' | trans }}
|
||||||
</span>
|
</span>
|
||||||
{% else %}
|
{% else %}
|
||||||
<a target="_blank" href="{{ path('account') }}" title="{{ 'login:: Mon compte' | trans }}">
|
<a target="_blank" href="{{ path('account') }}" title="{{ 'login:: Mon compte' | trans }}">
|
||||||
<span>
|
<span>
|
||||||
{{ app.getAuthenticatedUser().getDisplayName() }}
|
{{ app.getAuthenticatedUser().getDisplayName() }}
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a target="_blank" href="https://docs.phraseanet.com/4.0/">
|
<a target="_blank" href="https://docs.phraseanet.com/4.0/">
|
||||||
<span>
|
<span>
|
||||||
{{ 'phraseanet:: aide' | trans }}
|
{{ 'phraseanet:: aide' | trans }}
|
||||||
<span style="display:inline-block;cursor:pointer;padding:0;border:none;padding-right:4px;padding-left:4px;"
|
<span style="display:inline-block;cursor:pointer;padding:0;border:none;padding-right:4px;padding-left:4px;"
|
||||||
id="help-trigger"> <i class="fa fa-caret-down" aria-hidden="true"></i></span>
|
id="help-trigger"> <i class="fa fa-caret-down" aria-hidden="true"></i></span>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<table cellspacing="0" cellpadding="0" style="display:none;" class="contextMenu helpcontextmenu">
|
<table cellspacing="0" cellpadding="0" style="display:none;" class="contextMenu helpcontextmenu">
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
<div class="context-menu context-menu-theme-vista">
|
<div class="context-menu context-menu-theme-vista">
|
||||||
{% if module is defined and module == "prod" %}
|
{% if module is defined and module == "prod" %}
|
||||||
<div title="" class="context-menu-item menu3-custom-item">
|
<div title="" class="context-menu-item menu3-custom-item">
|
||||||
<div style="" class="context-menu-item-inner shortcuts-trigger">
|
<div style="" class="context-menu-item-inner shortcuts-trigger">
|
||||||
{{ 'phraseanet:: raccourcis clavier' | trans }}
|
{{ 'phraseanet:: raccourcis clavier' | trans }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<div title="" class="context-menu-item menu3-custom-item">
|
<div title="" class="context-menu-item menu3-custom-item">
|
||||||
<div style="" class="context-menu-item-inner infoDialog"
|
<div style="" class="context-menu-item-inner infoDialog"
|
||||||
infos="<div><span style='font-size:18px;'>PHRASEANET</span> {{ app['phraseanet.version'].getName() }} (V{{ app['phraseanet.version'].getNumber() }})</div><div></div><br/><div><a href='http://www.gnu.org/licenses/gpl.html' target='_blank'><img src='http://www.gnu.org/graphics/gplv3-88x31.png' style='vertical-align:middle;'/><span>License GNU GPL v3</span></a></div><br/><div><a href='http://www.phraseanet.com/' target='_blank'> © Copyright Alchemy 2005-{{ "now"|date("Y") }}</a><p style='margin-top: 10px' ><a href='../../gitlog.txt' target='_blank'>gitlog</a></p></div>">{{ 'phraseanet:: a propos' | trans }}</div>
|
infos="<div><span style='font-size:18px;'>PHRASEANET</span> {{ app['phraseanet.version'].getName() }} (V{{ app['phraseanet.version'].getNumber() }})</div><div></div><br/><div><a href='http://www.gnu.org/licenses/gpl.html' target='_blank'><img src='http://www.gnu.org/graphics/gplv3-88x31.png' style='vertical-align:middle;'/><span>License GNU GPL v3</span></a></div><br/><div><a href='http://www.phraseanet.com/' target='_blank'> © Copyright Alchemy 2005-{{ "now"|date("Y") }}</a><p style='margin-top: 10px' ><a href='../../gitlog.txt' target='_blank'>gitlog</a></p></div>">{{ 'phraseanet:: a propos' | trans }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
{% if app.getAuthenticator().isAuthenticated() %}
|
{% if app.getAuthenticator().isAuthenticated() %}
|
||||||
<a href="{{ path('logout', { 'redirect' : '..' ~ app['request'].getPathInfo() }) }}" target="_self">
|
<a href="{{ path('logout', { 'redirect' : '..' ~ app['request'].getPathInfo() }) }}" target="_self">
|
||||||
<span>
|
<span>
|
||||||
{{ 'phraseanet:: deconnection' | trans }}
|
{{ 'phraseanet:: deconnection' | trans }}
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="PNB right mobilemenu" id="nav_account_container" style="left:auto;overflow:hidden;">
|
||||||
|
<div class="arrow-up"></div>
|
||||||
|
<ol class="nav_menu">
|
||||||
|
|
||||||
|
<li class="menu-bar-item">
|
||||||
|
{% if app.getAuthenticator().isAuthenticated() %}
|
||||||
|
{% if app.getAuthenticatedUser().isGuest %}
|
||||||
|
<img src="/assets/common/images/icons/menu-name-user.png"/>
|
||||||
|
<span>
|
||||||
|
{{ 'Guest' | trans }}
|
||||||
|
</span>
|
||||||
|
{% else %}
|
||||||
|
<a target="_blank" href="{{ path('account') }}" title="{{ 'login:: Mon compte' | trans }}">
|
||||||
|
<img src="/assets/common/images/icons/menu-name-user.png"/>
|
||||||
|
<span>
|
||||||
|
{{ app.getAuthenticatedUser().getDisplayName() }}
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
</li>
|
||||||
|
<li class="menu-bar-item">
|
||||||
|
{% if app.getAuthenticator().isAuthenticated() %}
|
||||||
|
<a href="{{ path('logout', { 'redirect' : '..' ~ app['request'].getPathInfo() }) }}" target="_self">
|
||||||
|
<img src="/assets/common/images/icons/menu-logout.png"/>
|
||||||
|
<span>
|
||||||
|
{{ 'phraseanet:: deconnection' | trans }}
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
{% endif %}
|
||||||
|
</li>
|
||||||
|
<li class="menu-bar-item">
|
||||||
|
<a target="_blank" href="https://docs.phraseanet.com/4.0/">
|
||||||
|
<img src="/assets/common/images/icons/menu-help.png"/>
|
||||||
|
<span>
|
||||||
|
{{ 'phraseanet:: aide' | trans }}
|
||||||
|
<span style="display:inline-block;cursor:pointer;padding:0;border:none;padding-right:4px;padding-left:4px;"
|
||||||
|
id="help-trigger"></span>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% if module is defined and module == "prod" %}
|
||||||
|
<li class="menu-bar-item">
|
||||||
|
<a href="#">
|
||||||
|
<img src="/assets/common/images/icons/menu-help.png"/>
|
||||||
|
<span style="" class="shortcuts-trigger">
|
||||||
|
{{ 'phraseanet:: raccourcis clavier' | trans }}
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
<li class="menu-bar-item">
|
||||||
|
<a href="#">
|
||||||
|
<img src="/assets/common/images/icons/menu-help.png"/>
|
||||||
|
<span style="" class="infoDialog"
|
||||||
|
infos="<div><span style='font-size:18px;'>PHRASEANET</span> {{ app['phraseanet.version'].getName() }} (V{{ app['phraseanet.version'].getNumber() }})</div><div></div><br/><div><a href='http://www.gnu.org/licenses/gpl.html' target='_blank'><img src='http://www.gnu.org/graphics/gplv3-88x31.png' style='vertical-align:middle;'/><span>License GNU GPL v3</span></a></div><br/><div><a href='http://www.phraseanet.com/' target='_blank'> © Copyright Alchemy 2005-{{ "now"|date("Y") }}</a><p style='margin-top: 10px' ><a href='../../gitlog.txt' target='_blank'>gitlog</a></p></div>">{{ 'phraseanet:: a propos' | trans }}</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -207,10 +289,10 @@
|
|||||||
styleAttr += linksData.linkColor ? "color: " + linksData.linkColor + ";" : "";
|
styleAttr += linksData.linkColor ? "color: " + linksData.linkColor + ";" : "";
|
||||||
styleAttr += linksData.linkBold == true ? "font-weight: bold;" : "";
|
styleAttr += linksData.linkBold == true ? "font-weight: bold;" : "";
|
||||||
|
|
||||||
var spanElement = $('<span />').attr('style', styleAttr).html(linksData.linkName);
|
var spanElement = $('<span />').attr('style', styleAttr).attr('class', 'bullet-type').html(linksData.linkName);
|
||||||
var links = '<li><a target="_blank" href="' + linksData.linkUrl + '">' +
|
var links = '<li class="menu-bar-item"><a target="_blank" href="' + linksData.linkUrl + '">' +
|
||||||
spanElement.prop("outerHTML") + '</a></li>';
|
spanElement.prop("outerHTML") + '</a></li>';
|
||||||
$('#mainMenu #custom-link-container').append(links);
|
$('#mainMenu #nav_customlink_container .nav_menu').append(links);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} else if (key === 'help-menu') {
|
} else if (key === 'help-menu') {
|
||||||
@@ -228,22 +310,68 @@
|
|||||||
'<a target="_blank" href="' + linksData.linkUrl + '">' +
|
'<a target="_blank" href="' + linksData.linkUrl + '">' +
|
||||||
spanElement.prop("outerHTML") + '</a></div></div>';
|
spanElement.prop("outerHTML") + '</a></div></div>';
|
||||||
$('.helpcontextmenu .context-menu-theme-vista').append(links);
|
$('.helpcontextmenu .context-menu-theme-vista').append(links);
|
||||||
|
|
||||||
|
var spanElementMobile = $('<span />').attr('style', styleAttr).attr('class', 'bullet-type').html(linksData.linkName);
|
||||||
|
var linksMobile = '<li class="menu-bar-item"><a target="_blank" href="' + linksData.linkUrl + '">' +
|
||||||
|
spanElementMobile.prop("outerHTML") + '</a></li>';
|
||||||
|
$('#mainMenu #nav_account_container .nav_menu').append(linksMobile);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
$('#toggle-menu').on('click', function (event) {
|
$('#toggle-menu-main').on('click', function (event) {
|
||||||
$('#nav_menu').toggle();
|
$('#nav_menu_container').toggle();
|
||||||
|
if ($('#nav_customlink_container').is(":visible")) {
|
||||||
|
$('#nav_customlink_container').hide();
|
||||||
|
}
|
||||||
|
if ($('#nav_account_container').is(":visible")) {
|
||||||
|
$('#nav_account_container').hide();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
var windowsize = $(window).width();
|
$('#toggle-menu-link').on('click', function (event) {
|
||||||
|
$('#nav_customlink_container').toggle();
|
||||||
|
if ($('#nav_menu_container').is(":visible")) {
|
||||||
|
$('#nav_menu_container').hide();
|
||||||
|
}
|
||||||
|
if ($('#nav_account_container').is(":visible")) {
|
||||||
|
$('#nav_account_container').hide();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#toggle-menu-account').on('click', function (event) {
|
||||||
|
$('#nav_account_container').toggle();
|
||||||
|
if ($('#nav_menu_container').is(":visible")) {
|
||||||
|
$('#nav_menu_container').hide();
|
||||||
|
}
|
||||||
|
if ($('#nav_customlink_container').is(":visible")) {
|
||||||
|
$('#nav_customlink_container').hide();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
var windowSize = $(window).width();
|
||||||
$(window).resize(function (event) {
|
$(window).resize(function (event) {
|
||||||
windowsize = $(window).width();
|
windowSize = $(window).width();
|
||||||
if (windowsize > 760) {
|
if (windowSize > 760) {
|
||||||
if ($('#nav_menu').is(":hidden")) {
|
if ($('#nav_menu_container').is(":hidden")) {
|
||||||
$('#nav_menu').show();
|
$('#nav_menu_container').show();
|
||||||
}
|
}
|
||||||
|
if ($('#nav_customlink_container').is(":hidden")) {
|
||||||
|
$('#nav_customlink_container').show();
|
||||||
|
}
|
||||||
|
if ($('#nav_account_container').is(":visible")) {
|
||||||
|
$('#nav_account_container').hide();
|
||||||
|
}
|
||||||
|
} else if (windowSize <= 760) {
|
||||||
|
if ($('#nav_customlink_container').is(":visible")) {
|
||||||
|
$('#nav_customlink_container').hide();
|
||||||
|
}
|
||||||
|
if ($('#nav_menu_container').is(":visible")) {
|
||||||
|
$('#nav_menu_container').hide();
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user