263 lines
10 KiB
HTML
263 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html ng-controller="LanguageCtrl" lang="{{ selectedLanguage[0].code }}" class="no-js">
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<base href="/">
|
|
<title ng-if="!activeAppTitle">OpenSlides</title> <!-- avoid {{ ... }} in title while angular is not loaded -->
|
|
<title ng-if="activeAppTitle">OpenSlides – {{ activeAppTitle | translate }}</title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
<link rel="stylesheet" href="static/css/openslides-libs.css">
|
|
<link rel="stylesheet" href="static/css/app.css">
|
|
<link rel="icon" href="/static/img/favicon.png">
|
|
|
|
<script src="static/js/openslides-libs.js"></script>
|
|
<script src="static/js/openslides.js"></script>
|
|
<script src="static/js/openslides-templates.js"></script>
|
|
|
|
<div id="wrapper" ng-cloak>
|
|
|
|
<!-- please wait -->
|
|
<div id="spinner-container" ng-if="!openslidesBootstrapDone">
|
|
<div><i class="fa fa-spinner fa-pulse"></i></div>
|
|
</div>
|
|
<div id="startup-overlay" ng-if="!openslidesBootstrapDone"></div>
|
|
|
|
<!-- Header -->
|
|
<div id="header">
|
|
<div class="containerOS">
|
|
<!-- Logo -->
|
|
<div class="title">
|
|
<a ui-sref="home">
|
|
<img src="/static/img/openslides-logo-dark.png" alt="Logo" height="35">
|
|
</a>
|
|
</div>
|
|
|
|
<!-- user specific header (chat, user settings / login, language)-->
|
|
<div class="user" ng-controller="userMenu">
|
|
<div class="btn-group">
|
|
<div ng-if="operator.isAuthenticated()">
|
|
|
|
<!-- chatbox -->
|
|
<div ng-controller="ChatMessageCtrl" os-perms="core.can_use_chat" class="inline">
|
|
<a href ng-click="openChatbox()" class="headerlink"
|
|
ng-class="{ 'active': !chatboxIsCollapsed }" uib-dropdown-toggle>
|
|
<i class="fa fa-comment"></i>
|
|
<translate class="hide-sm">Chat</translate>
|
|
<span ng-if="unreadMessages > 0 && chatboxIsCollapsed" class="badge">
|
|
{{ unreadMessages }}
|
|
</span>
|
|
</a> |
|
|
<div id="chatbox" class="well" uib-collapse="chatboxIsCollapsed">
|
|
<div id="chatbox-text" scroll-glue>
|
|
<ul class="list-unstyled">
|
|
<li ng-repeat="chatmessage in chatmessages">
|
|
<small class="grey">{{ chatmessage.timestamp | date:'HH:mm:ss' }}</small>
|
|
<small>{{ chatmessage.user.short_name }}:</small>
|
|
{{ chatmessage.message }}
|
|
</ul>
|
|
</div>
|
|
<div id="chatbox-form">
|
|
<form ng-submit="sendMessage()">
|
|
<div class="input-group">
|
|
<input
|
|
ng-model="newMessage"
|
|
id="messageInput"
|
|
class="form-control"
|
|
type="text"
|
|
autocomplete="off">
|
|
<span class="input-group-btn">
|
|
<button type="submit" class="btn btn-default" id="messageSendButton">
|
|
<i class="fa fa-comment"></i>
|
|
</button>
|
|
<button os-perms="core.can_manage_chat" type="button"
|
|
class="btn btn-default btn-danger" id="clearchatHistory"
|
|
ng-bootbox-confirm="{{ 'Are you sure to delete the chat history?' | translate }}"
|
|
ng-bootbox-confirm-action="clearChatHistory()">
|
|
<i class="fa fa-trash"></i>
|
|
</button>
|
|
</span>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- user settings / logout button -->
|
|
<span uib-dropdown>
|
|
<a href class="headerlink" uib-dropdown-toggle id="user-settings-dropdown">
|
|
<i class="fa fa-user"></i>
|
|
<span class="hide-sm">{{ operator.user.get_short_name() }}</span>
|
|
</a>
|
|
<ul class="dropdown-menu pull-right" uib-dropdown-menu aria-labelledby="user-settings-dropdown">
|
|
<li>
|
|
<!--<a ui-sref="users.user.detail.profile({ id: operator.user.id })">-->
|
|
<a href="" ng-click="editProfile()">
|
|
<i class="fa fa-cog"></i>
|
|
<translate>Edit profile</translate>
|
|
</a>
|
|
<li>
|
|
<a href="" ng-click="changePassword()">
|
|
<i class="fa fa-key"></i>
|
|
<translate>Change password</translate>
|
|
</a>
|
|
<li class="divider">
|
|
<li>
|
|
<a ng-click="logout()" href="">
|
|
<i class="fa fa-sign-out"></i>
|
|
<translate>Logout</translate>
|
|
</a>
|
|
</ul>
|
|
</span>
|
|
</div>
|
|
<!-- Login button -->
|
|
<div ng-if="!operator.isAuthenticated()">
|
|
<a href ui-sref="login({guest_enabled: true})" class="headerlink" uib-dropdown-toggle>
|
|
<i class="fa fa-sign-in"></i>
|
|
<translate>Login</translate>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- language switcher -->
|
|
<span uib-dropdown> |
|
|
<a href="" class="headerlink" uib-dropdown-toggle id="language-dropdown">
|
|
<i class="fa fa-flag"></i>
|
|
<span class="hide-sm">{{ selectedLanguage[0].name | translate }}</span>
|
|
</a>
|
|
<ul class="dropdown-menu pull-right" uib-dropdown-menu aria-labelledby="language-dropdown">
|
|
<li ng-repeat="language in languages">
|
|
<a href="" ng-click="switchLanguage(language.code)">
|
|
<i ng-if="language.selected" class="fa fa-check"></i>
|
|
{{ language.name | translate }}
|
|
</a>
|
|
</span>
|
|
|
|
</div>
|
|
</div>
|
|
</div><!--end header-->
|
|
|
|
<!-- Navbar -->
|
|
<div id="nav" ng-controller="MainMenuCtrl">
|
|
<div class="containerOS" >
|
|
<!-- mobile (vertical) main menu -->
|
|
<button class="navbar-toggle" ng-click="isMenuOpen = !isMenuOpen">
|
|
<i class="fa fa-bars"></i>
|
|
</button>
|
|
<div class="navbar navbar-collapse" ng-class="{collapse: !isMenuOpen}">
|
|
<!-- Main menu -->
|
|
<ul>
|
|
<li ng-repeat="element in elements" ui-sref-active="active" ng-click="closeMenu()">
|
|
<a ui-sref="{{ element.ui_sref }}">
|
|
<i class="fa fa-{{ element.img_class }}"></i>
|
|
{{ element.title | translate }}
|
|
</a>
|
|
</ul>
|
|
<!-- Search bar -->
|
|
<div class="searchbar pull-right" ng-controller="SearchBarCtrl">
|
|
<form ng-submit="search(); closeMenu()">
|
|
<div class="input-group">
|
|
<input ng-model="querybar" class="form-control" type="text" placeholder="{{ 'Search' | translate}}">
|
|
<span class="input-group-btn">
|
|
<button type="submit" class="btn btn-default">
|
|
<i class="fa fa-search"></i>
|
|
</button>
|
|
</span>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div><!--end nav-->
|
|
|
|
|
|
<!-- Content -->
|
|
<div id="content" ng-controller="ProjectorSidebarCtrl">
|
|
<div class="containerOS">
|
|
|
|
<!-- col2 sidebar-xs (for small devices)-->
|
|
<div id="sidebar-xs" class="col2" os-perms="core.can_see_projector" ng-class="{
|
|
'sidebar-max': isProjectorSidebar && operator.hasPerms('core.can_see_projector'),
|
|
'sidebar-min': !isProjectorSidebar && operator.hasPerms('core.can_see_projector'),
|
|
'sidebar-none': !operator.hasPerms('core.can_see_projector') }">
|
|
<!-- sidebar maximized -->
|
|
<div class="projector_full" ng-if="isProjectorSidebar">
|
|
<div class="title" ng-click="showProjectorSidebar(false)">
|
|
<div class="name">
|
|
<i class="fa fa-video-camera"></i>
|
|
<translate>Projector</translate>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="fa fa-angle-up"></i>
|
|
</div>
|
|
</div>
|
|
<div ng-include src="'static/templates/core/projector-controls.html'"></div>
|
|
</div>
|
|
<!-- sidebar minimized -->
|
|
<div class="projector_full" ng-if="!isProjectorSidebar">
|
|
<div class="title" ng-click="showProjectorSidebar(true)">
|
|
<div class="name">
|
|
<i class="fa fa-video-camera"></i>
|
|
<translate>Projector</translate>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="fa fa-angle-down"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- col1 -->
|
|
<div class="col1" ng-class="{
|
|
'sidebar-max': isProjectorSidebar && operator.hasPerms('core.can_see_projector'),
|
|
'sidebar-min': !isProjectorSidebar && operator.hasPerms('core.can_see_projector'),
|
|
'sidebar-none': !operator.hasPerms('core.can_see_projector') }">
|
|
<!-- dynamic views -->
|
|
<div ui-view ng-if="openslidesBootstrapDone && baseViewPermissionsGranted"></div>
|
|
<!-- footer -->
|
|
<div id="footer">
|
|
© Copyright by <a href="http://www.openslides.org" target="_blank">OpenSlides</a> |
|
|
<a ui-sref="legalnotice" translate>Legal notice</a>
|
|
</div><!--end footer-->
|
|
</div>
|
|
|
|
<!-- col2 normal sidebar -->
|
|
<div id="sidebar" class="col2" os-perms="core.can_see_projector" ng-class="{
|
|
'sidebar-max': isProjectorSidebar && operator.hasPerms('core.can_see_projector'),
|
|
'sidebar-min': !isProjectorSidebar && operator.hasPerms('core.can_see_projector'),
|
|
'sidebar-none': !operator.hasPerms('core.can_see_projector') }"
|
|
ng-init="initSidebar()">
|
|
<!-- sidebar maximized -->
|
|
<div class="projector_full" ng-if="isProjectorSidebar">
|
|
<div class="title" ng-click="showProjectorSidebar(false)">
|
|
<div class="name">
|
|
<i class="fa fa-video-camera"></i>
|
|
<translate>Projector</translate>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="fa fa-angle-right"></i>
|
|
</div>
|
|
</div>
|
|
<div ng-include src="'static/templates/core/projector-controls.html'"></div>
|
|
</div>
|
|
<!-- sidebar minimized -->
|
|
<div class="projector_min" ng-if="!isProjectorSidebar">
|
|
<div class="icon">
|
|
<a href="" ng-click="showProjectorSidebar(true)">
|
|
<i class="fa fa-video-camera"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div><!--end content-container-->
|
|
</div><!--end content-->
|
|
|
|
<messaging></messaging>
|
|
|
|
</div><!--end wrapper-->
|
|
|
|
<script src="/webclient/site/"></script>
|