portainer/app/components/sidebar/sidebar.html

140 lines
7.0 KiB
HTML

<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar">
<li class="sidebar-main">
<a ng-click="toggleSidebar()" class="interactive">
<img ng-if="logo" ng-src="{{ logo }}" class="img-responsive logo">
<img ng-if="!logo" src="images/logo.png" class="img-responsive logo" alt="Portainer">
<span class="menu-icon glyphicon glyphicon-transfer"></span>
</a>
</li>
<li class="sidebar-title">
<por-translation key="SIDEBAR.ACTIVE_ENDPOINT.TITLE"></por-translation>
</li>
<li class="sidebar-title">
<select class="select-endpoint form-control" ng-options="endpoint.Name for endpoint in endpoints" ng-model="activeEndpoint" ng-change="switchEndpoint(activeEndpoint)">
</select>
</li>
<li class="sidebar-title">
<!-- <span>Endpoint actions</span> -->
<por-translation key="SIDEBAR.ENDPOINT_ACTIONS.TITLE"></por-translation>
</li>
<li class="sidebar-list">
<a ui-sref="dashboard" ui-sref-active="active">
<por-translation key="SIDEBAR.ENDPOINT_ACTIONS.DASHBOARD"></por-translation>
<span class="menu-icon fa fa-tachometer"></span>
</a>
</li>
<li class="sidebar-list">
<a ui-sref="templates" ui-sref-active="active">
<por-translation key="SIDEBAR.ENDPOINT_ACTIONS.APP_TEMPLATES"></por-translation>
<span class="menu-icon fa fa-rocket"></span>
</a>
<div class="sidebar-sublist" ng-if="toggle && displayExternalContributors && ($state.current.name === 'templates' || $state.current.name === 'templates_linuxserver')">
<a ui-sref="templates_linuxserver" ui-sref-active="active">LinuxServer.io</a>
</div>
</li>
<li class="sidebar-list" ng-if="applicationState.endpoint.mode.provider === 'DOCKER_SWARM_MODE' && applicationState.endpoint.mode.role === 'MANAGER'">
<a ui-sref="services" ui-sref-active="active">
<por-translation key="SIDEBAR.ENDPOINT_ACTIONS.SERVICES"></por-translation>
<span class="menu-icon fa fa-list-alt"></span>
</a>
</li>
<li class="sidebar-list">
<a ui-sref="containers" ui-sref-active="active">
<por-translation key="SIDEBAR.ENDPOINT_ACTIONS.CONTAINERS"></por-translation>
<span class="menu-icon fa fa-server"></span>
</a>
</li>
<li class="sidebar-list">
<a ui-sref="images" ui-sref-active="active">
<por-translation key="SIDEBAR.ENDPOINT_ACTIONS.IMAGES"></por-translation>
<span class="menu-icon fa fa-clone"></span>
</a>
</li>
<li class="sidebar-list">
<a ui-sref="networks" ui-sref-active="active">
<por-translation key="SIDEBAR.ENDPOINT_ACTIONS.NETWORKS"></por-translation>
<span class="menu-icon fa fa-sitemap"></span>
</a>
</li>
<li class="sidebar-list">
<a ui-sref="volumes" ui-sref-active="active">
<por-translation key="SIDEBAR.ENDPOINT_ACTIONS.VOLUMES"></por-translation>
<span class="menu-icon fa fa-cubes"></span>
</a>
</li>
<li class="sidebar-list" ng-if="applicationState.endpoint.apiVersion >= 1.25 && applicationState.endpoint.mode.provider === 'DOCKER_SWARM_MODE' && applicationState.endpoint.mode.role === 'MANAGER'">
<a ui-sref="secrets" ui-sref-active="active">
<por-translation key="SIDEBAR.ENDPOINT_ACTIONS.SECRETS"></por-translation>
<span class="menu-icon fa fa-user-secret"></span>
</a>
</li>
<li class="sidebar-list" ng-if="applicationState.endpoint.mode.provider === 'DOCKER_STANDALONE' || applicationState.endpoint.mode.provider === 'VMWARE_VIC'">
<a ui-sref="events" ui-sref-active="active">
<por-translation key="SIDEBAR.ENDPOINT_ACTIONS.EVENTS"></por-translation>
<span class="menu-icon fa fa-history"></span>
</a>
</li>
<li class="sidebar-list" ng-if="applicationState.endpoint.mode.provider === 'DOCKER_SWARM' || (applicationState.endpoint.mode.provider === 'DOCKER_SWARM_MODE' && applicationState.endpoint.mode.role === 'MANAGER')">
<a ui-sref="swarm" ui-sref-active="active">
<por-translation key="SIDEBAR.ENDPOINT_ACTIONS.SWARM"></por-translation>
<span class="menu-icon fa fa-object-group"></span>
</a>
</li>
<li class="sidebar-list" ng-if="applicationState.endpoint.mode.provider === 'DOCKER_STANDALONE' || applicationState.endpoint.mode.provider === 'VMWARE_VIC'">
<a ui-sref="docker" ui-sref-active="active">
<por-translation key="SIDEBAR.ENDPOINT_ACTIONS.DOCKER"></por-translation>
<span class="menu-icon fa fa-th"></span>
</a>
</li>
<li class="sidebar-title" ng-if="!applicationState.application.authentication || isAdmin || isTeamLeader">
<por-translation key="SIDEBAR.PORTAINER_SETTINGS.TITLE"></por-translation>
<!-- <span>Portainer settings</span> -->
</li>
<li class="sidebar-list" ng-if="applicationState.application.authentication && (isAdmin || isTeamLeader)">
<a ui-sref="users" ui-sref-active="active">
<por-translation key="SIDEBAR.PORTAINER_SETTINGS.USER_MANAGEMENT.TITLE"></por-translation>
<span class="menu-icon fa fa-users"></span>
</a>
<div class="sidebar-sublist" ng-if="toggle && ($state.current.name === 'users' || $state.current.name === 'user' || $state.current.name === 'teams' || $state.current.name === 'team')">
<a ui-sref="teams" ui-sref-active="active">
<por-translation key="SIDEBAR.PORTAINER_SETTINGS.USER_MANAGEMENT.TEAMS"></por-translation>
</a>
</div>
</li>
<li class="sidebar-list" ng-if="!applicationState.application.authentication || isAdmin">
<a ui-sref="endpoints" ui-sref-active="active">
<por-translation key="SIDEBAR.PORTAINER_SETTINGS.ENDPOINTS"></por-translation>
<span class="menu-icon fa fa-plug"></span>
</a>
</li>
<li class="sidebar-list" ng-if="!applicationState.application.authentication || isAdmin">
<a ui-sref="registries" ui-sref-active="active">
<por-translation key="SIDEBAR.PORTAINER_SETTINGS.REGISTRIES"></por-translation>
<span class="menu-icon fa fa-database"></span>
</a>
</li>
<li class="sidebar-list" ng-if="!applicationState.application.authentication || isAdmin">
<a ui-sref="settings" ui-sref-active="active">
<por-translation key="SIDEBAR.PORTAINER_SETTINGS.SETTINGS.TITLE"></por-translation>
<span class="menu-icon fa fa-cogs"></span>
</a>
<div class="sidebar-sublist" ng-if="toggle && ($state.current.name === 'settings' || $state.current.name === 'settings_authentication') && applicationState.application.authentication && isAdmin">
<a ui-sref="settings_authentication" ui-sref-active="active">
<por-translation key="SIDEBAR.PORTAINER_SETTINGS.SETTINGS.AUTHENTICATION"></por-translation>
</a>
</div>
</li>
</ul>
<div class="sidebar-footer">
<div class="col-xs-12">
<a href="https://github.com/portainer/portainer" target="_blank">
<i class="fa fa-github" aria-hidden="true"></i>
Portainer {{ uiVersion }}
</a>
</div>
</div>
</div>
<!-- End Sidebar -->