ag-admin/OpenSlides
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

New template design

Browse Source 
- Great thanks to Jörn Bensch (from triagonale.de) for new base
  template!
- A lot of adaptations in all templates for new design.
This commit is contained in:
Emanuel Schuetze 2015-11-29 22:25:01 +01:00
parent aab8b28393
commit fa267b68c2
60 changed files with 2749 additions and 2450 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
AUTHORS
View File

@ -16,3 +16,4 @@ Authors of OpenSlides in chronological order of first contribution:
Dominik Breu <dominikbreu@yahoo.de> Dominik Breu <dominikbreu@yahoo.de>
André Böhlke <ab@bcoding.de> André Böhlke <ab@bcoding.de>
René von der Haar <rene.vonderhaar@medienweite.de> (Logo design) René von der Haar <rene.vonderhaar@medienweite.de> (Logo design)
Jörn Bensch <bensch@triagonale.de> (Template design)

5
bower.json
View File

@ -20,7 +20,6 @@
"angular-ui-switch": "~0.1.1", "angular-ui-switch": "~0.1.1",
"angular-ui-tree": "~2.2.0", "angular-ui-tree": "~2.2.0",
"angular-gettext": "~2.1.2", "angular-gettext": "~2.1.2",
"angular-xeditable": "~0.1.9",
"angular-scroll-glue": "~2.0.6", "angular-scroll-glue": "~2.0.6",
"ngBootbox": "~0.1.2", "ngBootbox": "~0.1.2",
"ng-dialog": "~0.5.6", "ng-dialog": "~0.5.6",
@ -30,6 +29,8 @@
"js-data-angular": "~3.1.0", "js-data-angular": "~3.1.0",
"ng-file-upload": "~9.1.2", "ng-file-upload": "~9.1.2",
"ckeditor": "~4.5.4", "ckeditor": "~4.5.4",
"angular-ckeditor": "~1.0.0" "angular-ckeditor": "~1.0.0",
"roboto-condensed": "~0.3.0",
"opensans-webfont-for-bower": "a4b3b75afa"
} }
} }

1
openslides/agenda/static/js/agenda/site.js
View File

@ -83,6 +83,7 @@ angular.module('OpenSlidesApp.agenda.site', ['OpenSlidesApp.agenda'])
$scope.items = AgendaTree.getFlatTree(Agenda.getAll()); $scope.items = AgendaTree.getFlatTree(Agenda.getAll());
}); });
$scope.alert = {}; $scope.alert = {};
$scope.isFilter = true;
// project related item (content object) // project related item (content object)
$scope.project = function (item) { $scope.project = function (item) {

83
openslides/agenda/static/templates/agenda/item-detail.html
View File

@ -1,51 +1,53 @@
<h1>{{ item.title }}</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ui-sref="agenda.item.list" class="btn btn-sm btn-default"> <a ui-sref="agenda.item.list" class="btn btn-sm btn-default">
<i class="fa fa-angle-double-left fa-lg"></i> <i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to agenda</translate> <translate>Back to agenda</translate>
</a> </a>
<!-- project --> <!-- TODO: project list
<a os-perms="core.can_manage_projector" class="btn btn-default btn-sm" ng-class="{ 'btn-primary': item.isListOfSpeakersProjected() }"-->
ng-class="{ 'btn-primary': item.isProjected() }" <a os-perms="core.can_manage_projector" class="btn btn-default btn-sm"
ng-click="item.project()" ng-click="projectListOfSpeakers()">
title="{{ 'Project item' | translate }}"> <i class="fa fa-video-camera"></i>
<i class="fa fa-video-camera"></i> <translate>List of speakers</translate>
</a> </a>
<!-- project -->
<a os-perms="core.can_manage_projector" class="btn btn-default btn-sm"
ng-class="{ 'btn-primary': item.isProjected() }"
ng-click="item.project()"
title="{{ 'Project item' | translate }}">
<i class="fa fa-video-camera"></i>
</a>
</div>
<h1>{{ item.title }}</h1>
<h2><translate>List of speakers</translate></h2>
</div>
</div> </div>
<div class="details">
<h2> <div class="pull-right">
<translate>List of speakers</translate> <span os-perms="agenda.can_manage">
<span os-perms="agenda.can_manage"> <button ng-if="item.speaker_list_closed" ng-click="closeList(false)"
<button ng-if="item.speaker_list_closed" ng-click="closeList(false)" class="btn btn-sm btn-default" translate>
class="btn btn-sm btn-danger" translate> <i class="fa fa-toggle-off"></i>
Closed Close
</button> </button>
<button ng-if="!item.speaker_list_closed" ng-click="closeList(true)" <button ng-if="!item.speaker_list_closed" ng-click="closeList(true)"
class="btn btn-sm btn-success" translate> class="btn btn-sm btn-default" translate>
Opened <i class="fa fa-toggle-on"></i>
</button> Open
</span> </button>
<!-- TODO: project list </span>
ng-class="{ 'btn-primary': item.isListOfSpeakersProjected() }"--> </div>
<a os-perms="core.can_manage_projector" class="btn btn-default btn-sm"
ng-click="projectListOfSpeakers()">
<i class="fa fa-video-camera"></i>
<translate>List of speakers</translate>
</a>
</h2>
<!-- TODO: <!-- TODO:
* show only 'add me' OR 'remove me' button * show only 'add me' OR 'remove me' button
--> -->
<button class="btn btn-default btn-xs" type="button" <button class="btn btn-default btn-sm" ng-click="showOldSpeakers = !showOldSpeakers">
data-toggle="collapse" data-target="#old_speakers"
aria-expanded="false" aria-controls="collapseExample">
Show all old speakers Show all old speakers
</button> </button>
<div uib-collapse="!showOldSpeakers">
<div class="collapse" id="old_speakers">
<h3 translate>Old speakers:</h3> <h3 translate>Old speakers:</h3>
<ol> <ol>
<li ng-repeat="speaker in item.speakers | filter: {end_time: '!!'}"> <li ng-repeat="speaker in item.speakers | filter: {end_time: '!!'}">
@ -116,3 +118,4 @@
<translate>Stop current speaker</translate> <translate>Stop current speaker</translate>
</button> </button>
</div> </div>
</div>

51
openslides/agenda/static/templates/agenda/item-form.html
View File

@ -1,51 +0,0 @@
<h1 ng-if="item.id" translate>Edit agenda item</h1>
<h1 ng-if="!item.id" translate>New agenda item</h1>
<div id="submenu">
<a ui-sref="agenda.item.list" class="btn btn-sm btn-default">
<i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to overview</translate>
</a>
</div>
<form name="agendaItemForm">
<div class="form-group">
<label for="inputNumber" translate>Number</label>
<input type="text" ng-model="item.item_number" class="form-control" name="inputNumber">
</div>
<div class="form-group">
<label for="inputTitle" translate>Title</label>
<input type="text" ng-model="item.title" class="form-control" name="inputTitle" required>
</div>
<div class="form-group">
<label for="textareaDesciption" translate>Text</label>
<textarea ng-model="item.text" class="form-control" name="textareaText" />
</div>
<div class="form-group">
<label for="textareaComment" translate>Comment</label>
<textarea ng-model="item.comment" class="form-control" name="textareaComment" />
</div>
<div class="form-group">
<label for="inputDuration" translate>Duration</label>
<input type="text" ng-model="item.duration" class="form-control" name="inputDuration">
</div>
<div class="form-group">
<label for="selectType" translate>Type</label>
<select ng-options="type.value as type.display_name for type in types"
ng-model="item.type" class="form-control" name="selectType">
</select>
</div>
<div class="form-group">
<label for="selectTags" translate>Tags</label>
<select multiple ng-options="tag.id as tag.name for tag in tags"
ng-model="item.tags_id" class="form-control" name="selectTags">
</select>
</div>
<button type="submit" ng-click="save(item)" class="btn btn-primary" translate>
Save
</button>
<button ui-sref="agenda.item.list" class="btn btn-default" translate>
Cancel
</button>
</form>

23
openslides/agenda/static/templates/agenda/item-import.html
View File

@ -1,13 +1,17 @@
<h1 translate>Import agenda items</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ui-sref="agenda.item.list" class="btn btn-sm btn-default"> <a ui-sref="agenda.item.list" class="btn btn-sm btn-default">
<i class="fa fa-angle-double-left fa-lg"></i> <i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to overview</translate> <translate>Back to overview</translate>
</a> </a>
</div>
<h1 translate>Import agenda items</h1>
</div>
</div> </div>
<h2 translate>Import by copy/paste</h2> <div class="details">
<h3 translate>Import by copy/paste</h3>
<p translate>Copy and paste your agenda item titles in this textbox. <p translate>Copy and paste your agenda item titles in this textbox.
Keep each item in a single line.</p> Keep each item in a single line.</p>
@ -28,7 +32,7 @@ Keep each item in a single line.</p>
<hr> <hr>
<h2 translate>Import by CSV file</h2> <h3 translate>Import by CSV file</h3>
<p translate>Select a CSV file to import agenda items! <p translate>Select a CSV file to import agenda items!
<p translate>Please note:</p> <p translate>Please note:</p>
@ -86,3 +90,4 @@ Keep each item in a single line.</p>
</button> </button>
</div> </div>
</div> </div>
</div>

383
openslides/agenda/static/templates/agenda/item-list.html
View File

@ -1,195 +1,210 @@
<h1 translate>Agenda</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ng-click="newDialog()" os-perms="agenda.can_manage" class="btn btn-primary btn-sm"> <a ng-click="newDialog()" os-perms="agenda.can_manage" class="btn btn-primary btn-sm">
<i class="fa fa-plus fa-lg"></i> <i class="fa fa-plus fa-lg"></i>
<translate>New</translate> <translate>New</translate>
</a> </a>
<a ui-sref="agenda.item.sort" os-perms="agenda.can_manage" class="btn btn-default btn-sm"> <a ui-sref="agenda.item.sort" os-perms="agenda.can_manage" class="btn btn-default btn-sm">
<i class="fa fa-sitemap fa-lg"></i> <i class="fa fa-sitemap fa-lg"></i>
<translate>Sort agenda</translate> <translate>Sort agenda</translate>
</a> </a>
<a ui-sref="agenda.item.import" os-perms="agenda.can_manage" class="btn btn-default btn-sm"> <a ui-sref="agenda.item.import" os-perms="agenda.can_manage" class="btn btn-default btn-sm">
<i class="fa fa-download fa-lg"></i> <i class="fa fa-download fa-lg"></i>
<translate>Import</translate> <translate>Import</translate>
</a> </a>
<a ui-sref="core.tag.list" os-perms="core.can_manage_tags" class="btn btn-default btn-sm"> <a ui-sref="core.tag.list" os-perms="core.can_manage_tags" class="btn btn-default btn-sm">
<i class="fa fa-tags fa-lg"></i> <i class="fa fa-tags fa-lg"></i>
<translate>Tags</translate> <translate>Tags</translate>
</a> </a>
<a ui-sref="agenda_pdf" target="_blank" class="btn btn-default btn-sm"> <a ui-sref="agenda_pdf" target="_blank" class="btn btn-default btn-sm">
<i class="fa fa-file-pdf-o fa-lg"></i> <i class="fa fa-file-pdf-o fa-lg"></i>
<translate>PDF</translate> <translate>PDF</translate>
</a> </a>
</div>
<h1 translate>Agenda</h1>
</div>
</div> </div>
<div class="details">
<div class="row"> <div class="row">
<div class="col-sm-8"> <div class="col-sm-6">
<form class="form-inline"> <form class="form-inline">
<!-- delete mode --> <!-- delete mode -->
<div os-perms-lite="agenda.can_manage" class="form-group"> <button os-perms-lite="agenda.can_manage" class="btn btn-default"
<label for="deleteSwitcher" translate>Delete mode</label> ng-click="isDeleteMode = !isDeleteMode; uncheckAll()">
<switch id="deleteSwitcher" ng-model="isDeleteMode" ng-change="uncheckAll()" <i class="fa fa-check-square-o"></i>
on="{{'On'|translate}}" off="{{'Off'|translate}}" <translate>Select</translate>...
class="green wide form-control"> </button>
</switch> <div class="form-group">
<!-- project agenda button -->
<a os-perms="core.can_manage_projector"
class="btn btn-default form-control"
title="'Project agenda'|translate"
ng-click="projectAgenda()"
ng-class="{ 'btn-primary': isAgendaProjected() }">
<i class="fa fa-video-camera"></i>
<translate>Agenda</translate>
</a>
<!-- auto numbering button -->
<a os-perms="core.can_manage_projector"
class="btn btn-default form-control"
ng-click="autoNumbering()">
<i class="fa fa-sort-numeric-asc"></i>
<translate>Auto numbering</translate>
</a>
</div>
</form>
</div>
<div class="col-sm-6">
<div class="form-inline text-right">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-search"></i></div>
<input type="text" os-focus-me ng-model="filter.search" class="form-control"
placeholder="{{ 'Search' | translate}}">
</div>
</div>
<button class="btn btn-default" ng-click="isFilter = !isFilter">
<i class="fa fa-filter"></i>
<translate>Filter</translate>...
</button>
</div> </div>
<div class="form-group">
<!-- project agenda button -->
<a ng-show="!isDeleteMode" os-perms="core.can_manage_projector"
class="btn btn-default btn-sm form-control"
ng-click="projectAgenda()"
ng-class="{ 'btn-primary': isAgendaProjected() }">
<i class="fa fa-video-camera"></i>
<translate>Project agenda</translate>
</a>
<!-- auto numbering button -->
<a ng-show="!isDeleteMode" os-perms="core.can_manage_projector"
class="btn btn-default btn-sm form-control"
ng-click="autoNumbering()">
<i class="fa fa-list-ol"></i>
<translate>Number agenda items</translate>
</a>
<!-- delete button -->
<a ng-show="isDeleteMode && (items|filter:{selected:true}).length > 0"
os-perms="agenda.can_manage" ng-click="delete()"
class="btn btn-primary btn-sm form-control">
<i class="fa fa-trash fa-lg"></i>
<translate>Delete selected items</translate>
</a>
<!-- hidden item filter -->
<label>
<input type="checkbox" ng-model="filter.noHiddenItems" ng-true-value="1" ng-false-value="">
<translate> Hide internal agenda items</translate>
</label>
<!-- closed filter -->
<label>
<input type="checkbox" ng-model="filter.noClosedItems" ng-true-value="false" ng-false-value="">
<translate> Hide closed items</translate>
</label>
</div>
</form>
</div>
<div class="col-sm-4">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-filter"></i></div>
<input type="text" os-focus-me ng-model="filter.search" class="form-control"
placeholder="{{ 'Filter' | translate}}">
</div> </div>
</div> </div>
</div> <div uib-collapse="isFilter" class="row">
<div class="col-sm-12 text-right">
<!-- hidden item filter -->
<input type="checkbox" ng-model="filter.noHiddenItems" ng-true-value="1" ng-false-value="">
<translate> Hide internal agenda items</translate>
<!-- closed filter -->
<input type="checkbox" ng-model="filter.noClosedItems" ng-true-value="false" ng-false-value="">
<translate> Hide closed items</translate>
</div>
</div>
<div uib-collapse="!isDeleteMode" class="row spacer">
<div class="col-sm-12 text-left">
<!-- delete button -->
<a ng-show="isDeleteMode"
os-perms="agenda.can_manage" ng-click="delete()"
class="btn btn-primary">
<i class="fa fa-trash fa-lg"></i>
<translate>Delete selected items</translate>
</a>
</div>
</div>
<i> <i class="spacer">
{{ items.length }} {{ "items" | translate }}<span ng-if="(items|filter:{selected:true}).length > 0">, {{ items.length }} {{ "items" | translate }}<span ng-if="(items|filter:{selected:true}).length > 0">,
{{(items|filter:{selected:true}).length}} {{ "selected" | translate }}</span> {{(items|filter:{selected:true}).length}} {{ "selected" | translate }}</span>
</i> </i>
<table class="table table-striped table-bordered table-hover"> <table class="table table-striped table-bordered table-hover">
<thead> <thead>
<tr> <tr>
<!-- projector column --> <!-- projector column -->
<th ng-show="!isDeleteMode" os-perms="core.can_manage_projector" class="firstColumn"></th> <th ng-show="!isDeleteMode" os-perms="core.can_manage_projector" class="minimum"></th>
<!-- delete selection column --> <!-- delete selection column -->
<th ng-show="isDeleteMode" os-perms-lite="agenda.can_manage" class="firstColumn deleteColumn" <th ng-show="isDeleteMode" os-perms-lite="agenda.can_manage" class="minimum deleteColumn"
ng-click="$event.stopPropagation();"> ng-click="$event.stopPropagation();">
<input type="checkbox" ng-model="selectedAll" ng-change="checkAll()"> <input type="checkbox" ng-model="selectedAll" ng-change="checkAll()">
<!-- agenda item column --> <!-- agenda item column -->
<th> <th>
<translate>Agenda item</translate> <translate>Agenda item</translate>
<th os-perms="agenda.can_manage"> <th os-perms="agenda.can_manage">
<translate>Duration</translate> <translate>Duration</translate>
<th class="minimum"> <th class="minimum">
<translate>Done</translate> <translate>Done</translate>
<tbody> <tbody>
<tr ng-repeat="item in items | filter: filter.search | filter: {type: filter.noHiddenItems} <tr ng-repeat="item in items | filter: filter.search | filter: {type: filter.noHiddenItems}
| filter: {closed: filter.noClosedItems}" | filter: {closed: filter.noClosedItems}"
class="animate-item" class="animate-item"
ng-class="{ 'activeline': item.isProjected(), 'selected': item.selected, 'hiddenrow': item.type == 2}"> ng-class="{ 'activeline': item.isProjected(), 'selected': item.selected, 'hiddenrow': item.type == 2}">
<!-- projector column --> <!-- projector column -->
<td ng-show="!isDeleteMode" os-perms="core.can_manage_projector"> <td ng-show="!isDeleteMode" os-perms="core.can_manage_projector">
<a class="btn btn-default btn-sm" <a class="btn btn-default btn-sm"
ng-class="{ 'btn-primary': item.isProjected() }" ng-class="{ 'btn-primary': item.isProjected() }"
ng-click="project(item)" ng-click="project(item)"
title="{{ 'Project item' | translate }}"> title="{{ 'Project item' | translate }}">
<i class="fa fa-video-camera"></i> <i class="fa fa-video-camera"></i>
</a>
<!-- delete selection column -->
<td ng-show="isDeleteMode" os-perms="agenda.can_manage" class="deleteColumn">
<input type="checkbox" ng-model="item.selected">
<!-- agenda data columns -->
<td ng-if="!item.quickEdit" ng-mouseover="item.hover=true" ng-mouseleave="item.hover=false">
<span ng-if="item.type == 2" title="'Hidden agenda item'|translate"><i class="fa fa-ban"></i></span>
<strong>
<a href="" ng-click="open(item)">
<span ng-repeat="n in [].constructor(item.parentCount) track by $index">&ndash;</span>
{{ item.getTitle() }}
</a> </a>
</strong> <!-- delete selection column -->
<div ng-if="item.comment"> <td ng-show="isDeleteMode" os-perms="agenda.can_manage" class="deleteColumn">
<small><i class="fa fa-info-circle"></i> {{ item.comment }}</small> <input type="checkbox" ng-model="item.selected">
</div> <!-- agenda data columns -->
<div os-perms="agenda.can_manage" class="hoverActions" ng-class="{'hiddenDiv': !item.hover}"> <td ng-if="!item.quickEdit" ng-mouseover="item.hover=true" ng-mouseleave="item.hover=false">
<a ui-sref="agenda.item.detail({id: item.id})" translate>List of speakers</a> | <span ng-if="item.type == 2" title="'Hidden agenda item'|translate"><i class="fa fa-ban"></i></span>
<a href="" ng-click="item.quickEdit=true" translate>QuickEdit</a> | <strong>
<a href="" ng-click="editDialog(item)" translate>Edit</a> <a href="" ng-click="open(item)">
<!-- TODO: translate confirm message --> <span ng-repeat="n in [].constructor(item.parentCount) track by $index">&ndash;</span>
<span ng-if="item.content_object.collection == 'core/customslide'"> | {{ item.getTitle() }}
<a href="" class="text-danger" </a>
ng-bootbox-confirm="Are you sure you want to delete <b>{{ item.getTitle() }}</b>?" </strong>
ng-bootbox-confirm-action="deleteRelatedItem(item)" translate>Delete</a> <div ng-if="item.comment">
</span> <small><i class="fa fa-info-circle"></i> {{ item.comment }}</small>
</div>
<td ng-if="!item.quickEdit" class="optional">
{{ item.duration }}
<span ng-if="item.duration" translate>h</span>
<td ng-if="!item.quickEdit">
<input type="checkbox" ng-model="item.closed" ng-change="save(item.id);">
<!-- quickEdit columns -->
<td ng-if="item.quickEdit" os-perms-lite="agenda.can_manage" colspan="3">
<form ng-submit="save(item)">
<h4>{{ item.getTitle() }} <span class="text-muted">&ndash; QuickEdit</span></h4>
<alert ng-show="alert.show" type="{{ alert.type }}" ng-click="alert={}" close="alert={}">
{{alert.msg}}
</alert>
<div class="row">
<div class="col-xs-6">
<label for="inputTitle" translate>Title</label>
<input type="text" ng-model="item.title" class="form-control input-sm" id="inputTitle">
</div>
<div class="col-xs-6">
<label for="inputComment" translate>Comment</label>
<input type="text" ng-model="item.comment" class="form-control input-sm" id="inputComment">
</div>
</div> </div>
<div class="row"> <div os-perms="agenda.can_manage" class="hoverActions" ng-class="{'hiddenDiv': !item.hover}">
<div class="col-xs-6"> <a ui-sref="agenda.item.detail({id: item.id})" translate>List of speakers</a> |
<label for="inputItemNumber" translate>Item number</label> <a href="" ng-click="item.quickEdit=true" translate>QuickEdit</a> |
<input type="text" ng-model="item.item_number" class="form-control input-sm" id="inputItemNumber"> <a href="" ng-click="editDialog(item)" translate>Edit</a>
</div> <!-- TODO: translate confirm message -->
<div class="col-xs-6"> <span ng-if="item.content_object.collection == 'core/customslide'"> |
<label for="inputDuration" translate>Duration</label> <a href="" class="text-danger"
<input type="text" ng-model="item.duration" class="form-control input-sm" id="inputDuration"> ng-bootbox-confirm="Are you sure you want to delete <b>{{ item.getTitle() }}</b>?"
</div> ng-bootbox-confirm-action="deleteRelatedItem(item)" translate>Delete</a>
</span>
</div> </div>
<div class="row"> <td ng-if="!item.quickEdit" class="optional">
<div class="col-xs-6"> {{ item.duration }}
<label> <span ng-if="item.duration" translate>h</span>
<!-- item type: AGENDA_ITEM = 1, HIDDEN_ITEM = 2 --> <td ng-if="!item.quickEdit">
<input type="checkbox" ng-model="item.type" ng-true-value="2" ng-false-value="1"> <input type="checkbox" ng-model="item.closed" ng-change="save(item.id);">
<translate> Hidden agenda item</translate> <!-- quickEdit columns -->
</label> <td ng-if="item.quickEdit" os-perms-lite="agenda.can_manage" colspan="3">
<form ng-submit="save(item)">
<h4>{{ item.getTitle() }} <span class="text-muted">&ndash; QuickEdit</span></h4>
<alert ng-show="alert.show" type="{{ alert.type }}" ng-click="alert={}" close="alert={}">
{{alert.msg}}
</alert>
<div class="row">
<div class="col-xs-6">
<label for="inputTitle" translate>Title</label>
<input type="text" ng-model="item.title" class="form-control input-sm" id="inputTitle">
</div>
<div class="col-xs-6">
<label for="inputComment" translate>Comment</label>
<input type="text" ng-model="item.comment" class="form-control input-sm" id="inputComment">
</div>
</div> </div>
<div class="col-xs-6"> <div class="row">
<div class="col-xs-6">
<label for="inputItemNumber" translate>Item number</label>
<input type="text" ng-model="item.item_number" class="form-control input-sm" id="inputItemNumber">
</div>
<div class="col-xs-6">
<label for="inputDuration" translate>Duration</label>
<input type="text" ng-model="item.duration" class="form-control input-sm" id="inputDuration">
</div>
</div> </div>
</div> <div class="row">
<div class="spacer"> <div class="col-xs-6">
<button ng-click="item.quickEdit=false" class="btn btn-default pull-left" translate> <label>
Cancel <!-- item type: AGENDA_ITEM = 1, HIDDEN_ITEM = 2 -->
</button> &nbsp; <input type="checkbox" ng-model="item.type" ng-true-value="2" ng-false-value="1">
<button type="submit" class="btn btn-primary" translate> <translate> Hidden agenda item</translate>
Update </label>
</button> </div>
<a href="" ng-click="edit(item)" class="pull-right"><translate>Edit</translate>...</a> <div class="col-xs-6">
</div> </div>
</form> </div>
</table> <div class="spacer">
<button ng-click="item.quickEdit=false" class="btn btn-default pull-left" translate>
Cancel
</button> &nbsp;
<button type="submit" class="btn btn-primary" translate>
Update
</button>
<a href="" ng-click="edit(item)" class="pull-right"><translate>Edit</translate>...</a>
</div>
</form>
</table>
</div>

29
openslides/agenda/static/templates/agenda/item-sort.html
View File

@ -1,18 +1,23 @@
<h1 translate>Sort agenda</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ui-sref="agenda.item.list" class="btn btn-sm btn-default"> <a ui-sref="agenda.item.list" class="btn btn-sm btn-default">
<i class="fa fa-angle-double-left fa-lg"></i> <i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to overview</translate> <translate>Back to overview</translate>
</a> </a>
</div>
<h1 translate>Sort agenda</h1>
</div>
</div> </div>
<p translate>Drag and drop items to change the order of the agenda. Your modification will be saved directly.</p> <div class="details">
<p class="lead" translate>Drag and drop items to change the order of the agenda. Your modification will be saved directly.</p>
<div ui-tree callbacks="treeOptions"> <div ui-tree callbacks="treeOptions">
<ol ui-tree-nodes="" ng-model="items" id="tree-root"> <ol ui-tree-nodes="" ng-model="items" id="tree-root">
<li ng-repeat="item in items" ui-tree-node ng-include="'nodes_renderer.html'"> <li ng-repeat="item in items" ui-tree-node ng-include="'nodes_renderer.html'">
</ol> </ol>
</div>
</div> </div>

11
openslides/assignments/static/js/assignments/site.js
View File

@ -319,14 +319,17 @@ angular.module('OpenSlidesApp.assignments.site', ['OpenSlidesApp.assignments'])
poll.DSDestroy(); poll.DSDestroy();
} }
// edit poll dialog // edit poll dialog
$scope.editPollDialog = function (poll) { $scope.editPollDialog = function (poll, ballot) {
ngDialog.open({ ngDialog.open({
template: 'static/templates/assignments/assignmentpoll-form.html', template: 'static/templates/assignments/assignmentpoll-form.html',
controller: 'AssignmentPollUpdateCtrl', controller: 'AssignmentPollUpdateCtrl',
className: 'ngdialog-theme-default', className: 'ngdialog-theme-default',
resolve: { resolve: {
assignmentpoll: function(AssignmentPoll) { assignmentpoll: function (AssignmentPoll) {
return AssignmentPoll.find(poll.id); return AssignmentPoll.find(poll.id);
},
ballot: function () {
return ballot;
} }
} }
}); });
@ -394,9 +397,11 @@ angular.module('OpenSlidesApp.assignments.site', ['OpenSlidesApp.assignments'])
'gettext', 'gettext',
'AssignmentPoll', 'AssignmentPoll',
'assignmentpoll', 'assignmentpoll',
function($scope, $state, gettext, AssignmentPoll, assignmentpoll) { 'ballot',
function($scope, $state, gettext, AssignmentPoll, assignmentpoll, ballot) {
// set initial values for form model // set initial values for form model
$scope.model = assignmentpoll; $scope.model = assignmentpoll;
$scope.ballot = ballot;
$scope.formFields = []; $scope.formFields = [];
// add dynamic form fields // add dynamic form fields
assignmentpoll.options.forEach(function(option) { assignmentpoll.options.forEach(function(option) {

243
openslides/assignments/static/templates/assignments/assignment-detail.html
View File

@ -1,126 +1,131 @@
<h1>{{ assignment.title }}</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ui-sref="assignments.assignment.list" class="btn btn-sm btn-default"> <a ui-sref="assignments.assignment.list" class="btn btn-sm btn-default">
<i class="fa fa-angle-double-left fa-lg"></i> <i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to overview</translate> <translate>Back to overview</translate>
</a>
<a ui-sref="assignments_single_pdf({pk: assignment.id})" target="_blank" class="btn btn-default btn-sm">
<i class="fa fa-file-pdf-o fa-lg"></i>
<translate>PDF</translate>
</a>
<!-- List of speakers -->
<a ui-sref="agenda.item.detail({id: assignment.agenda_item_id})" class="btn btn-sm btn-default">
<i class="fa fa-microphone fa-lg"></i>
<translate>List of speakers</translate>
</a>
<!-- project -->
<a os-perms="core.can_manage_projector" class="btn btn-default btn-sm"
ng-class="{ 'btn-primary': assignment.isProjected() }"
ng-click="assignment.project()"
title="{{ 'Project election' | translate }}">
<i class="fa fa-video-camera"></i>
</a>
<!-- edit -->
<a ui-sref="assignments.assignment.detail.update({id: assignment.id })" os-perms="assignments.can_manage"
class="btn btn-default btn-sm"
title="{{ 'Edit' | translate}}">
<i class="fa fa-pencil"></i>
</a>
</div>
<h3 translate>Description</h3>
<div class="white-space-pre-line">{{ assignment.description }}</div>
<h3 translate>Candidates</h3>
<ol>
<li ng-repeat="related_user in assignment.assignment_related_users" ng-if="related_user.status == 1">
<a ui-sref="users.user.detail({id: related_user.user_id})">{{ related_user.user.get_full_name() }}</a>
<button os-perms="assignments.can_manage" ng-click="removeCandidate(related_user.user_id)"
class="btn btn-default btn-xs">
<i class="fa fa-times"></i>
</button>
</ol>
<div class="form-group">
<alert ng-show="alert.show" type="{{ alert.type }}" ng-click="alert={}" close="alert={}">
{{alert.msg}}
</alert>
<div os-perms="assignments.can_nominate_other" class="input-group">
<ui-select ng-model="candidate.selected" ng-change="addCandidate(candidate.selected.id)">
<ui-select-match placeholder="{{ 'Select or search a participant...' | translate }}">
{{ $select.selected.get_full_name() }}
</ui-select-match>
<ui-select-choices repeat="user in users | filter: $select.search">
<div ng-bind-html="user.get_full_name() | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
<span class="input-group-btn">
<a ng-click="candidate={}" class="btn btn-default">
<i class="fa fa-times-circle"></i>
</a> </a>
</span> <a ui-sref="assignments_single_pdf({pk: assignment.id})" target="_blank" class="btn btn-default btn-sm">
</div> <i class="fa fa-file-pdf-o fa-lg"></i>
<p os-perm="assignments.can_nominate_self"> <translate>PDF</translate>
<button ng-if="!isCandidate()" ng-click="addMe()" class="btn btn-default"> </a>
<i class="fa fa-plus"></i> <!-- List of speakers -->
<translate>Add me</translate> <a ui-sref="agenda.item.detail({id: assignment.agenda_item_id})" class="btn btn-sm btn-default">
</button> <i class="fa fa-microphone fa-lg"></i>
<button ng-if="isCandidate()" ng-click="removeMe()" class="btn btn-default"> <translate>List of speakers</translate>
<i class="fa fa-minus"></i> </a>
<translate>Remove me</translate> <!-- project -->
</button> <a os-perms="core.can_manage_projector" class="btn btn-default btn-sm"
</div> ng-class="{ 'btn-primary': assignment.isProjected() }"
ng-click="assignment.project()"
<h3 translate>Election result</h3> title="{{ 'Project election' | translate }}">
<button os-perms="assignments.can_manage" ng-click="createBallot()" class="btn btn-default btn-sm"> <i class="fa fa-video-camera"></i>
<i class="fa fa-bar-chart fa-lg"></i> </a>
<translate>New ballot</translate> <!-- edit -->
</button> <a ui-sref="assignments.assignment.detail.update({id: assignment.id })" os-perms="assignments.can_manage"
class="btn btn-default btn-sm"
<uib-tabset class="spacer"> title="{{ 'Edit' | translate}}">
<uib-tab ng-repeat="poll in assignment.polls" heading="Ballot {{$index+1}}">
<div os-perms="assignments.can_manage" class="spacer">
<button ng-click="editPollDialog(poll)"
class="btn btn-default btn-sm">
<i class="fa fa-pencil"></i> <i class="fa fa-pencil"></i>
<translate>Edit</translate>
</button>
<!-- angular requires to open the link in new tab with "target='_blank'".
Otherwise the pdf url can't be open in same window; angular redirects to "/". -->
<a ui-sref="assignmentpoll_pdf({poll_pk: poll.id})" target="_blank"
class="btn btn-default btn-sm">
<i class="fa fa-file-pdf-o"></i> Ballot paper
</a>
<button os-perms-lite="assignments.can_manage" ng-if="!poll.published" ng-click="publishBallot(poll)"
class="btn btn-primary btn-sm">
<i class="fa fa-globe"></i>
<translate>Publish result</translate>
</button>
<button os-perms-lite="assignments.can_manage" ng-if="poll.published" ng-click="unpublishBallot(poll)"
class="btn btn-default btn-sm">
<i class="fa fa-globe"></i>
<translate>Unpublish result</translate>
</button>
<a ng-click="deleteBallot(poll)" class="btn btn-default btn-sm">
<i class="fa fa-times"></i>
<translate>Delete</translate>
</a> </a>
</div> </div>
<div class="results"> <h1>{{ assignment.title }}</h1>
<div ng-repeat="option in poll.options"> <h2 translate>Election</h2>
<strong>{{ option.candidate.get_full_name() }}</strong> </div>
<div ng-if="option.votes.length > 0"> </div>
<div ng-repeat="vote in option.votes">
{{ vote.value}}: {{ vote.weight}} <div class="details">
<h3 translate>Description</h3>
<div class="white-space-pre-line">{{ assignment.description }}</div>
<h3 translate>Candidates</h3>
<ol>
<li ng-repeat="related_user in assignment.assignment_related_users" ng-if="related_user.status == 1">
<a ui-sref="users.user.detail({id: related_user.user_id})">{{ related_user.user.get_full_name() }}</a>
<button os-perms="assignments.can_manage" ng-click="removeCandidate(related_user.user_id)"
class="btn btn-default btn-xs">
<i class="fa fa-times"></i>
</button>
</ol>
<div class="form-group">
<alert ng-show="alert.show" type="{{ alert.type }}" ng-click="alert={}" close="alert={}">
{{alert.msg}}
</alert>
<div os-perms="assignments.can_nominate_other" class="input-group">
<ui-select ng-model="candidate.selected" ng-change="addCandidate(candidate.selected.id)">
<ui-select-match placeholder="{{ 'Select or search a participant...' | translate }}">
{{ $select.selected.get_full_name() }}
</ui-select-match>
<ui-select-choices repeat="user in users | filter: $select.search">
<div ng-bind-html="user.get_full_name() | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
<span class="input-group-btn">
<a ng-click="candidate={}" class="btn btn-default">
<i class="fa fa-times-circle"></i>
</a>
</span>
</div>
<p os-perm="assignments.can_nominate_self">
<button ng-if="!isCandidate()" ng-click="addMe()" class="btn btn-default">
<i class="fa fa-plus"></i>
<translate>Add me</translate>
</button>
<button ng-if="isCandidate()" ng-click="removeMe()" class="btn btn-default">
<i class="fa fa-minus"></i>
<translate>Remove me</translate>
</button>
</div>
<h3 translate>Election result</h3>
<button os-perms="assignments.can_manage" ng-click="createBallot()" class="btn btn-default btn-sm">
<i class="fa fa-bar-chart fa-lg"></i>
<translate>New ballot</translate>
</button>
<uib-tabset class="spacer">
<uib-tab ng-repeat="poll in assignment.polls" heading="Ballot {{$index+1}}">
<div os-perms="assignments.can_manage" class="spacer">
<button ng-click="editPollDialog(poll, $index+1)"
class="btn btn-default btn-sm">
<i class="fa fa-pencil"></i>
<translate>Edit</translate>
</button>
<!-- angular requires to open the link in new tab with "target='_blank'".
Otherwise the pdf url can't be open in same window; angular redirects to "/". -->
<a ui-sref="assignmentpoll_pdf({poll_pk: poll.id})" target="_blank"
class="btn btn-default btn-sm">
<i class="fa fa-file-pdf-o"></i> Ballot paper
</a>
<button os-perms-lite="assignments.can_manage" ng-if="!poll.published" ng-click="publishBallot(poll)"
class="btn btn-primary btn-sm">
<i class="fa fa-globe"></i>
<translate>Publish result</translate>
</button>
<button os-perms-lite="assignments.can_manage" ng-if="poll.published" ng-click="unpublishBallot(poll)"
class="btn btn-default btn-sm">
<i class="fa fa-globe"></i>
<translate>Unpublish result</translate>
</button>
<a ng-click="deleteBallot(poll)" class="btn btn-default btn-sm">
<i class="fa fa-times"></i>
<translate>Delete</translate>
</a>
</div>
<div class="results">
<div ng-repeat="option in poll.options">
<strong>{{ option.candidate.get_full_name() }}</strong>
<div ng-if="option.votes.length > 0">
<div ng-repeat="vote in option.votes">
{{ vote.value}}: {{ vote.weight}}
</div>
</div> </div>
</div> </div>
<hr>
Valid votes: {{ poll.votesvalid }}<br>
Invalid votes: {{ poll.votesinvalid }}<br>
Votes cast: {{ poll.votescast }}
</div> </div>
<hr> </uib-tab>
Valid votes: {{ poll.votesvalid }}<br> </uib-tabset>
Invalid votes: {{ poll.votesinvalid }}<br> </div>
Votes cast: {{ poll.votescast }}
</div>
</uib-tab>
</uib-tabset>

287
openslides/assignments/static/templates/assignments/assignment-list.html
View File

@ -1,145 +1,168 @@
<h1 translate>Elections</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ng-click="newDialog()" os-perms="assignments.can_manage" class="btn btn-primary btn-sm"> <a ng-click="newDialog()" os-perms="assignments.can_manage" class="btn btn-primary btn-sm">
<i class="fa fa-plus fa-lg"></i> <i class="fa fa-plus fa-lg"></i>
<translate>New</translate> <translate>New</translate>
</a> </a>
<a ui-sref="core.tag.list" os-perms="core.can_manage_tags" class="btn btn-default btn-sm"> <a ui-sref="core.tag.list" os-perms="core.can_manage_tags" class="btn btn-default btn-sm">
<i class="fa fa-tags fa-lg"></i> <i class="fa fa-tags fa-lg"></i>
<translate>Tags</translate> <translate>Tags</translate>
</a> </a>
<a ui-sref="assignments_pdf" target="_blank" class="btn btn-default btn-sm"> <a ui-sref="assignments_pdf" target="_blank" class="btn btn-default btn-sm">
<i class="fa fa-file-pdf-o fa-lg"></i> <i class="fa fa-file-pdf-o fa-lg"></i>
<translate>PDF</translate> <translate>PDF</translate>
</a> </a>
</div>
<h1 translate>Elections</h1>
</div>
</div> </div>
<div class="row form-group"> <div class="details">
<div class="col-sm-8"> <div class="row form-group">
<form class="form-inline"> <div class="col-sm-6">
<!-- delete mode --> <form class="form-inline">
<div os-perms-lite="assignments.can_manage" class="form-group"> <!-- delete mode -->
<label for="deleteSwitcher" translate>Delete mode</label> <button os-perms-lite="assignments.can_manage" class="btn btn-default"
<switch id="deleteSwitcher" ng-model="isDeleteMode" ng-change="uncheckAll()" ng-click="isDeleteMode = !isDeleteMode; uncheckAll()">
on="{{'On'|translate}}" off="{{'Off'|translate}}" <i class="fa fa-check-square-o"></i>
class="green wide form-control"> <translate>Select</translate>...
</switch> </button>
</form>
</div>
<div class="col-sm-6">
<div class="form-inline text-right">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-search"></i></div>
<input type="text" os-focus-me ng-model="filter.search" class="form-control"
placeholder="{{ 'Search' | translate}}">
</div>
</div>
<button class="btn btn-default" ng-click="isFilter = !isFilter">
<i class="fa fa-filter"></i>
<translate>Filter</translate>...
</button>
</div> </div>
<!-- delete button --> </div>
<a ng-show="isDeleteMode && (assignments|filter:{selected:true}).length > 0" </div>
os-perms="assignments.can_manage" ng-click="deleteMultiple()" <div uib-collapse="!isFilter" class="row">
class="btn btn-primary btn-sm form-control"> <div class="col-sm-6 text-right"></div>
<i class="fa fa-trash fa-lg"></i> <div class="col-sm-6 text-right">
<translate>Delete selected elections</translate>
</a>
<!-- phase filter --> <!-- phase filter -->
&nbsp;
<select ng-model="phaseFilter" class="form-control" id="phaseFilter"> <select ng-model="phaseFilter" class="form-control" id="phaseFilter">
<option value="" translate>--- Select phase ---</option> <option value="" translate>--- Select phase ---</option>
<option ng-repeat="phase in phases" value="{{ phase.value }}">{{ phase.display_name }}</option> <option ng-repeat="phase in phases" value="{{ phase.value }}">{{ phase.display_name }}</option>
</select> </select>
</form>
</div>
<div class="col-sm-4">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-filter"></i></div>
<input type="text" os-focus-me ng-model="filter.search" class="form-control"
placeholder="{{ 'Filter' | translate}}">
</div> </div>
</div> </div>
</div> <div uib-collapse="!isDeleteMode" class="row spacer">
<div class="col-sm-12 text-left">
<!-- delete button -->
<a ng-show="isDeleteMode"
os-perms="assignments.can_manage" ng-click="deleteMultiple()"
class="btn btn-primary">
<i class="fa fa-trash fa-lg"></i>
<translate>Delete selected elections</translate>
</a>
</div>
</div>
<table class="table table-striped table-bordered table-hover"> <i class="spacer">
<thead> {{ assignments.length }} {{ "elections" | translate }}<span ng-if="(assignments|filter:{selected:true}).length > 0">,
<tr> {{(assignments|filter:{selected:true}).length}} {{ "selected" | translate }}</span>
<!-- projector column --> </i>
<th ng-show="!isDeleteMode" os-perms="core.can_manage_projector" class="firstColumn"> <table class="table table-striped table-bordered table-hover">
<!-- delete selection column --> <thead>
<th ng-show="isDeleteMode" os-perms-lite="assignments.can_manage" class="firstColumn deleteColumn"> <tr>
<input type="checkbox" ng-model="selectedAll" ng-change="checkAll()"> <!-- projector column -->
<th ng-click="toggleSort('title')" class="sortable"> <th ng-show="!isDeleteMode" os-perms="core.can_manage_projector" class="minimum">
<translate>Title</translate> <!-- delete selection column -->
<i class="pull-right fa" ng-show="sortColumn === 'title' && header.sortable != false" <th ng-show="isDeleteMode" os-perms-lite="assignments.can_manage" class="minimum deleteColumn">
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> <input type="checkbox" ng-model="selectedAll" ng-change="checkAll()">
</i> <th ng-click="toggleSort('title')" class="sortable">
<th ng-click="toggleSort('open_posts')" class="sortable optional"> <translate>Title</translate>
<translate>Candidates</translate> / <translate>Posts</translate> <i class="pull-right fa" ng-show="sortColumn === 'title' && header.sortable != false"
<i class="pull-right fa" ng-show="sortColumn === 'open_posts' && header.sortable != false" ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> </i>
</i> <th ng-click="toggleSort('open_posts')" class="sortable optional">
<th ng-click="toggleSort('phase')" class="sortable optional"> <translate>Candidates</translate> / <translate>Posts</translate>
<translate>Phase</translate> <i class="pull-right fa" ng-show="sortColumn === 'open_posts' && header.sortable != false"
<i class="pull-right fa" ng-show="sortColumn === 'phase' && header.sortable != false" ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> </i>
</i> <th ng-click="toggleSort('phase')" class="sortable optional">
<tbody> <translate>Phase</translate>
<tr ng-repeat="assignment in assignments | filter: filter.search | filter: {phase: phaseFilter} | <i class="pull-right fa" ng-show="sortColumn === 'phase' && header.sortable != false"
orderBy: sortColumn:reverse" ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
class="animate-item" </i>
ng-class="{ 'activeline': assignment.isProjected(), 'selected': assignment.selected }"> <tbody>
<!-- projector column --> <tr ng-repeat="assignment in assignments | filter: filter.search | filter: {phase: phaseFilter} |
<td ng-show="!isDeleteMode" os-perms-lite="core.can_manage_projector"> orderBy: sortColumn:reverse"
<a class="btn btn-default btn-sm" class="animate-item"
ng-class="{ 'btn-primary': assignment.isProjected() }" ng-class="{ 'activeline': assignment.isProjected(), 'selected': assignment.selected }">
ng-click="assignment.project()" <!-- projector column -->
title="{{ 'Project assignment' | translate }}"> <td ng-show="!isDeleteMode" os-perms-lite="core.can_manage_projector">
<i class="fa fa-video-camera"></i> <a class="btn btn-default btn-sm"
</a> ng-class="{ 'btn-primary': assignment.isProjected() }"
<!-- delete selection column --> ng-click="assignment.project()"
<td ng-show="isDeleteMode" os-perms="assignments.can_manage" class="deleteColumn"> title="{{ 'Project assignment' | translate }}">
<input type="checkbox" ng-model="assignment.selected"> <i class="fa fa-video-camera"></i>
<!-- assignment data colums --> </a>
<td ng-if="!assignment.quickEdit" ng-mouseover="assignment.hover=true" ng-mouseleave="assignment.hover=false"> <!-- delete selection column -->
<strong><a ui-sref="assignments.assignment.detail({id: assignment.id})">{{ assignment.title }}</a></strong> <td ng-show="isDeleteMode" os-perms="assignments.can_manage" class="deleteColumn">
<div os-perms="assignments.can_manage" class="hoverActions" ng-class="{'hiddenDiv': !assignment.hover}"> <input type="checkbox" ng-model="assignment.selected">
<a href="" ng-click="editDialog(assignment)" translate>Edit</a> | <!-- assignment data colums -->
<a href="" ng-click="assignment.quickEdit=true" translate>QuickEdit</a> | <td ng-if="!assignment.quickEdit" ng-mouseover="assignment.hover=true" ng-mouseleave="assignment.hover=false">
<!-- TODO: translate confirm message --> <strong><a ui-sref="assignments.assignment.detail({id: assignment.id})">{{ assignment.title }}</a></strong>
<a href="" class="text-danger" <div os-perms="assignments.can_manage" class="hoverActions" ng-class="{'hiddenDiv': !assignment.hover}">
ng-bootbox-confirm="Are you sure you want to delete <b>{{ assignment.title }}</b>?" <a href="" ng-click="editDialog(assignment)" translate>Edit</a> |
ng-bootbox-confirm-action="delete(assignment)" translate>Delete</a> <a href="" ng-click="assignment.quickEdit=true" translate>QuickEdit</a> |
</div> <!-- TODO: translate confirm message -->
<td ng-if="!assignment.quickEdit" class="optional"><span class="badge">{{ assignment.open_posts }}</span> <a href="" class="text-danger"
<td ng-if="!assignment.quickEdit" class="optional"> ng-bootbox-confirm="Are you sure you want to delete <b>{{ assignment.title }}</b>?"
<span class="label" ng-class="{'label-primary': assignment.phase == 0, ng-bootbox-confirm-action="delete(assignment)" translate>Delete</a>
'label-warning': assignment.phase == 1,
'label-success': assignment.phase == 2 }">
{{ phases[assignment.phase].display_name }}
</span>
<!-- quickEdit columns -->
<td ng-if="assignment.quickEdit" colspan="3">
<h4>{{ assignment.title }} <span class="text-muted">&ndash; Quick Edit</span></h4>
<alert ng-show="alert.show" type="{{ alert.type }}" ng-click="alert={}" close="alert={}">
{{alert.msg}}
</alert>
<div class="row">
<div class="col-xs-6">
<label for="inputTitle" translate>Title</label>
<input type="text" ng-model="assignment.title" class="form-control input-sm" id="inputTitle">
</div>
<div class="col-xs-6">
<label for="inputPosts" translate>Number of members to be elected</label>
<input type="number" ng-model="assignment.open_posts" class="form-control input-sm" id="inputPosts">
</div>
</div> </div>
<div class="row"> <td ng-if="!assignment.quickEdit" class="optional"><span class="badge">{{ assignment.open_posts }}</span>
<div class="col-xs-6"> <td ng-if="!assignment.quickEdit" class="optional">
<label for="selectPhase" translate>Phase</label> <span class="label" ng-class="{'label-primary': assignment.phase == 0,
<select ng-options="phase.value as phase.display_name for phase in phases" 'label-warning': assignment.phase == 1,
ng-model="assignment.phase" class="form-control" id="selectPhase"> 'label-success': assignment.phase == 2 }">
</select> {{ phases[assignment.phase].display_name }}
</span>
<!-- quickEdit columns -->
<td ng-if="assignment.quickEdit" colspan="3">
<h4>{{ assignment.title }} <span class="text-muted">&ndash; Quick Edit</span></h4>
<alert ng-show="alert.show" type="{{ alert.type }}" ng-click="alert={}" close="alert={}">
{{alert.msg}}
</alert>
<div class="row">
<div class="col-xs-6">
<label for="inputTitle" translate>Title</label>
<input type="text" ng-model="assignment.title" class="form-control input-sm" id="inputTitle">
</div>
<div class="col-xs-6">
<label for="inputPosts" translate>Number of members to be elected</label>
<input type="number" ng-model="assignment.open_posts" class="form-control input-sm" id="inputPosts">
</div>
</div> </div>
<div class="col-xs-6"></div> <div class="row">
</div> <div class="col-xs-6">
<div class="spacer"> <label for="selectPhase" translate>Phase</label>
<button ng-click="assignment.quickEdit=false" class="btn btn-default pull-left" translate> <select ng-options="phase.value as phase.display_name for phase in phases"
Cancel ng-model="assignment.phase" class="form-control" id="selectPhase">
</button> &nbsp; </select>
<button ng-click="save(assignment)" class="btn btn-primary" translate> </div>
Update <div class="col-xs-6"></div>
</button> </div>
<a href="" ng-click="editDialog(assignment)" <div class="spacer">
class="pull-right" translate>Edit election...</a> <button ng-click="assignment.quickEdit=false" class="btn btn-default pull-left" translate>
</div> Cancel
</table> </button> &nbsp;
<button ng-click="save(assignment)" class="btn btn-primary" translate>
Update
</button>
<a href="" ng-click="editDialog(assignment)"
class="pull-right" translate>Edit election...</a>
</div>
</table>
</div>

2
openslides/assignments/static/templates/assignments/assignmentpoll-form.html
View File

@ -1,4 +1,4 @@
<h1 translate>Update ballot</h1> <h1 translate>Ballot {{ ballot }}</h1>
<form name="assignmentpollForm" ng-submit="save(model)"> <form name="assignmentpollForm" ng-submit="save(model)">
<formly-form model="model" fields="formFields"> <formly-form model="model" fields="formFields">

2
openslides/core/signals.py
View File

@ -84,7 +84,7 @@ def setup_general_config(sender, **kwargs):
label=ugettext_lazy('Show logo on projector'), label=ugettext_lazy('Show logo on projector'),
help_text=ugettext_lazy( help_text=ugettext_lazy(
'You can replace the logo. Just copy a file to ' 'You can replace the logo. Just copy a file to '
'"static/img/logo.png" in your OpenSlides data path.'), '"static/img/logo-projector.png" in your OpenSlides data path.'),
weight=150, weight=150,
group=ugettext_lazy('Projector')) group=ugettext_lazy('Projector'))

1126
openslides/core/static/css/app.css
View File

File diff suppressed because it is too large Load Diff

BIN
openslides/core/static/img/favicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 642 B

BIN
openslides/core/static/img/logo-login.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 13 KiB

BIN
openslides/core/static/img/logo-projector.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
openslides/core/static/img/logo-small.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.0 KiB

BIN
openslides/core/static/img/logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.1 KiB

BIN
openslides/core/static/img/nav_active.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
openslides/core/static/img/nav_dark-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 925 B

BIN
openslides/core/static/img/nav_projector_sidebar_min.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
openslides/core/static/img/openslides-logo-dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
openslides/core/static/img/openslides-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

BIN
openslides/core/static/img/voting-abstention.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.3 KiB

BIN
openslides/core/static/img/voting-invalid.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.5 KiB

BIN
openslides/core/static/img/voting-no.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.3 KiB

BIN
openslides/core/static/img/voting-total.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 912 B

BIN
openslides/core/static/img/voting-yes-grey.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.1 KiB

BIN
openslides/core/static/img/voting-yes.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.4 KiB

2
openslides/core/static/js/core/base.js
View File

@ -4,14 +4,12 @@
// The core module used for the OpenSlides site and the projector // The core module used for the OpenSlides site and the projector
angular.module('OpenSlidesApp.core', [ angular.module('OpenSlidesApp.core', [
'angular-loading-bar',
'js-data', 'js-data',
'gettext', 'gettext',
'ngAnimate', 'ngAnimate',
'ngSanitize', // TODO: only use this in functions that need it. 'ngSanitize', // TODO: only use this in functions that need it.
'ui.bootstrap', 'ui.bootstrap',
'ui.tree', 'ui.tree',
'uiSwitch',
]) ])
.config(['DSProvider', 'DSHttpAdapterProvider', function(DSProvider, DSHttpAdapterProvider) { .config(['DSProvider', 'DSHttpAdapterProvider', function(DSProvider, DSHttpAdapterProvider) {

26
openslides/core/static/js/core/site.js
View File

@ -6,6 +6,7 @@
angular.module('OpenSlidesApp.core.site', [ angular.module('OpenSlidesApp.core.site', [
'OpenSlidesApp.core', 'OpenSlidesApp.core',
'ui.router', 'ui.router',
'angular-loading-bar',
'formly', 'formly',
'formlyBootstrap', 'formlyBootstrap',
'ngBootbox', 'ngBootbox',
@ -14,7 +15,6 @@ angular.module('OpenSlidesApp.core.site', [
'ngCsvImport', 'ngCsvImport',
'ui.select', 'ui.select',
'luegg.directives', 'luegg.directives',
'xeditable',
'ckeditor', 'ckeditor',
]) ])
@ -73,14 +73,6 @@ angular.module('OpenSlidesApp.core.site', [
'weight': 100, 'weight': 100,
}); });
mainMenuProvider.register({
'ui_sref': 'core.customslide.list',
'img_class': 'video-camera',
'title': 'Projector',
'weight': 110,
'perm': 'core.can_see_projector',
});
mainMenuProvider.register({ mainMenuProvider.register({
'ui_sref': 'config', 'ui_sref': 'config',
'img_class': 'cog', 'img_class': 'cog',
@ -288,11 +280,6 @@ angular.module('OpenSlidesApp.core.site', [
}); });
}) })
// options for angular-xeditable
.run(function(editableOptions) {
editableOptions.theme = 'bs3';
})
// angular formly config options // angular formly config options
.run([ .run([
'formlyConfig', 'formlyConfig',
@ -367,6 +354,17 @@ angular.module('OpenSlidesApp.core.site', [
}; };
}) })
// Projector Sidebar Controller
.controller('ProjectorSidebarCtrl', [
'$scope',
function ($scope) {
$scope.isProjectorSidebar = false;
$scope.showProjectorSidebar = function (show) {
$scope.isProjectorSidebar = show;
};
}
])
// Version Controller // Version Controller
.controller('VersionCtrl', [ .controller('VersionCtrl', [
'$scope', '$scope',

48
openslides/core/static/templates/config.html
View File

@ -1,27 +1,33 @@
<h1 translate>Settings</h1> <div class="header">
<div class="title">
<h1 translate>Settings</h1>
</div>
</div>
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="details">
<!-- generate config groups --> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div ng-repeat="group in configGroups"> <!-- generate config groups -->
<div class="panel panel-default"> <div ng-repeat="group in configGroups">
<div class="panel-heading" role="tab" id="heading-{{ group.name }}"> <div class="panel panel-default">
<h4 class="panel-title"> <div class="panel-heading" role="tab" id="heading-{{ group.name }}">
<a data-toggle="collapse" data-parent="#accordion" href="#{{ group.name }}" <h4 class="panel-title">
aria-expanded="false" aria-controls="{{ group.name }}" translate> <a data-toggle="collapse" data-parent="#accordion" href="#{{ group.name }}"
{{ group.name }} aria-expanded="false" aria-controls="{{ group.name }}" translate>
</a> {{ group.name }}
</h4> </a>
</div> <!-- heading --> </h4>
<div id="{{ group.name }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-{{ group.name }}"> </div> <!-- heading -->
<div class="panel-body"> <div id="{{ group.name }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-{{ group.name }}">
<div ng-repeat="subgroup in group.subgroups"> <div class="panel-body">
<h3>{{ subgroup.name }}</h3> <div ng-repeat="subgroup in group.subgroups">
<div ng-repeat="configOption in subgroup.items"> <h3>{{ subgroup.name }}</h3>
<os-form-field field="configOption"></os-form-field> <div ng-repeat="configOption in subgroup.items">
<os-form-field field="configOption"></os-form-field>
</div>
</div> </div>
</div> </div>
</div> </div> <!-- group.name -->
</div> <!-- group.name --> </div>
</div> </div>
</div> </div>
</div> </div>

47
openslides/core/static/templates/core/customslide-detail.html
View File

@ -1,23 +1,28 @@
<h1>{{ customslide.title }}</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ui-sref="agenda.item.list" class="btn btn-sm btn-default"> <a ui-sref="agenda.item.list" class="btn btn-sm btn-default">
<i class="fa fa-angle-double-left fa-lg"></i> <i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to overview</translate> <translate>Back to overview</translate>
</a> </a>
<!-- List of speakers --> <!-- List of speakers -->
<a ui-sref="agenda.item.detail({id: customslide.agenda_item_id})" class="btn btn-sm btn-default"> <a ui-sref="agenda.item.detail({id: customslide.agenda_item_id})" class="btn btn-sm btn-default">
<i class="fa fa-microphone fa-lg"></i> <i class="fa fa-microphone fa-lg"></i>
<translate>List of speakers</translate> <translate>List of speakers</translate>
</a> </a>
<!-- project --> <!-- project -->
<a os-perms="core.can_manage_projector" class="btn btn-default btn-sm" <a os-perms="core.can_manage_projector" class="btn btn-default btn-sm"
ng-class="{ 'btn-primary': customslide.isProjected() }" ng-class="{ 'btn-primary': customslide.isProjected() }"
ng-click="customslide.project()" ng-click="customslide.project()"
title="{{ 'Project agenda item' | translate }}"> title="{{ 'Project agenda item' | translate }}">
<i class="fa fa-video-camera"></i> <i class="fa fa-video-camera"></i>
</a> </a>
</div>
<h1>{{ customslide.title }}</h1>
<h2 translate>Agenda item</h2>
</div>
</div> </div>
<div ng-bind-html="customslide.text"></div> <div class="details">
<div ng-bind-html="customslide.text"></div>
</div>

2
openslides/core/static/templates/core/customslide-form.html
View File

@ -1,5 +1,5 @@
<h1 ng-if="model.id" translate>Edit agenda item</h1> <h1 ng-if="model.id" translate>Edit agenda item</h1>
<h2 ng-if="!model.id" translate>New agenda item</h2> <h1 ng-if="!model.id" translate>New agenda item</h1>
<form name="customslideForm" ng-submit="save(model)"> <form name="customslideForm" ng-submit="save(model)">
<formly-form model="model" fields="formFields"> <formly-form model="model" fields="formFields">

55
openslides/core/static/templates/core/customslide-list.html
View File

@ -1,55 +0,0 @@
<h1 translate>Custom slides</h1>
<div id="submenu">
<a ui-sref="core.customslide.create" os-perms="core.can_manage_projector" class="btn btn-primary btn-sm">
<i class="fa fa-plus fa-lg"></i>
<translate>New</translate>
</a>
</div>
<div class="row form-group">
<div class="col-sm-8" os-perms="core.can_manage_projector">
<p><input type="text" os-focus-me ng-model="filter.search" class="form-control"
placeholder="{{ 'Filter' | translate}}">
<table class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th ng-click="toggleSort('title')" class="sortable">
<translate>Title</translate>
<i class="pull-right fa" ng-show="sortColumn === 'title' && header.sortable != false"
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
</i>
<th os-perms="core.can_manage_projector" class="minimum">
<translate>Actions</translate>
<tbody>
<tr ng-repeat="customslide in customslides | filter: filter.search |
orderBy: sortColumn:reverse" ng-class="{ 'activeline': customslide.isProjected() }">
<td><a ui-sref="core.customslide.detail({id: customslide.id})">{{ customslide.title }}</a>
<td os-perms="core.can_manage_projector" class="nobr">
<!-- project -->
<a os-perms="core.can_manage_projector" class="btn btn-default btn-sm" ng-class="{ 'btn-primary': customslide.isProjected() }"
ng-click="customslide.project()"
title="{{ 'Project user' | translate }}">
<i class="fa fa-video-camera"></i>
</a>
<!-- edit -->
<a ui-sref="core.customslide.detail.update({id: customslide.id })"
class="btn btn-default btn-sm"
title="{{ 'Edit' | translate}}">
<i class="fa fa-pencil"></i>
</a>
<!-- delete -->
<a ng-click="delete(customslide)" class="btn btn-danger btn-sm"
title="{{ 'Delete' | translate }}">
<i class="fa fa-trash-o"></i>
</a>
</table>
</div>
<div class="col-sm-4">
<div class="well">
<div ng-include src="'static/templates/core/projector-controls.html'"></div>
</div>
</div>
</div>

2
openslides/core/static/templates/core/login-form.html
View File

@ -1,6 +1,6 @@
<form ng-submit="login(username, password)"> <form ng-submit="login(username, password)">
<div class="modal-header"> <div class="modal-header">
<img src="/static/img/logo-login.png" alt="OpenSlides" class="center-block"> <img src="/static/img/openslides-logo.png" alt="OpenSlides" class="login-logo center-block">
</div> </div>
<div class="modal-body"> <div class="modal-body">
<uib-alert ng-repeat="alert in alerts" type="{{ alert.type }}" close="closeAlert($index)"> <uib-alert ng-repeat="alert in alerts" type="{{ alert.type }}" close="closeAlert($index)">

360
openslides/core/static/templates/core/projector-controls.html
View File

@ -1,177 +1,201 @@
<!-- projector live view -->
<h3 translate>Projector</h3>
<a ui-sref="projector" target="_blank">
<div id="iframewrapper">
<iframe id="iframe" src="/projector" frameborder="0"></iframe>
<div id="iframeoverlay"></div>
</div>
</a>
<div ng-controller="ProjectorControlCtrl"> <div class="details">
<!-- projector control buttons -->
<p os-perms="core.can_manage_projector">
<a ng-click="editCurrentSlide()"
class="btn btn-default btn-sm"
title="{{ 'Edit current slide' | translate}}">
<i class="fa fa-pencil"></i>
</a>
&nbsp;
<a ng-click="controlProjector('scale', 'down')"
class="btn btn-default btn-sm"
title="{{ 'Smaller' | translate}}">
<i class="fa fa-search-minus"></i>
</a>
<a ng-click="controlProjector('scale', 'up')"
class="btn btn-default btn-sm"
title="{{ 'Bigger' | translate}}">
<i class="fa fa-search-plus"></i>
</a>
<span ng-class="{ 'notNull': scaleLevel != 0 }">{{ scaleLevel }}</span>
&nbsp;
<a ng-click="controlProjector('scroll', 'down')"
class="btn btn-default btn-sm"
title="{{ 'Scroll up' | translate}}">
<i class="fa fa-arrow-up"></i>
</a>
<a ng-click="controlProjector('scroll', 'up')"
class="btn btn-default btn-sm"
title="{{ 'Scroll down' | translate}}">
<i class="fa fa-arrow-down"></i>
</a>
<a ng-click="controlProjector('scroll', 'reset')"
class="btn btn-default btn-sm"
title="{{ 'Reset scrolling' | translate}}">
<i class="fa fa-undo"></i>
</a>
<span ng-class="{ 'notNull': scrollLevel != 0 }">{{ scrollLevel }}</span>
</p>
<!-- countdowns --> <div ng-controller="ProjectorControlCtrl">
<div os-perms-lite="core.can_manage_projector"> <!-- live view -->
<div ng-repeat="countdown in countdowns | orderBy: 'index'" id="{{countdown.uuid}}" class="countdown panel panel-default"> <div class="section" os-perms-lite="core.can_see_projector">
<div class="panel-heading"> <a href="#" ng-click="isLiveView = !isLiveView">
<span ng-if="countdown.description">{{ countdown.description }}</span> <i class="fa toggle-icon" ng-class="isLiveView ? 'fa-angle-up' : 'fa-angle-down'"></i>
<span ng-if="!countdown.description">Countdown {{ countdown.index +1 }}</span> <h4 translate>Live view</h4>
<!-- remove countdown button --> </a>
<button type="button" class="close" <div uib-collapse="!isLiveView">
ng-click="removeCountdown(countdown)" <a ui-sref="projector" target="_blank">
title="{{ 'Remove countdown' | translate}}"> <div id="iframewrapper">
<i class="fa fa-times"></i> <iframe id="iframe" src="/projector" frameborder="0"></iframe>
</button> <div id="iframeoverlay"></div>
<!-- edit countdown button -->
<button ng-show="countdown.status=='stop'"
type="button" class="close editicon"
ng-click="editCountdownFlag=true;"
title="{{ 'Edit countdown' | translate}}">
<i class="fa fa-pencil"></i>
</button>
</div>
<div class="panel-body"
ng-class="{ 'projected': countdown.visible }">
<!-- project countdown button -->
<a class="btn btn-default btn-sm"
ng-model="countdown.visible"
ng-click="showCountdown(countdown)"
ng-class="{ 'btn-primary': countdown.visible }"
title="{{ 'Project countdown' | translate }}">
<i class="fa fa-video-camera"></i>
</a>
&nbsp;&nbsp;
<!-- countdown controls -->
<a class="btn btn-default vcenter"
ng-click="resetCountdown(countdown)"
ng-class="{ 'disabled': countdown.status == 'stop' && countdown.default == countdown.countdown_time }"
title="{{ 'Reset countdown' | translate}}">
<i class="fa fa-stop"></i>
</a>
<a ng-if="countdown.status=='stop'" class="btn btn-default vcenter"
ng-click="startCountdown(countdown)"
title="{{ 'Start' | translate}}">
<i class="fa fa-play"></i>
<i ng-if="countdown.status=='running'" class="fa fa-pause"></i>
</a>
<a ng-if="countdown.status=='running'" class="btn btn-default vcenter"
ng-click="stopCountdown(countdown)"
title="{{ 'Pause' | translate}}">
<i class="fa fa-pause"></i>
</a>
<span ng-if="!editTime" class="countdown_timer vcenter"
ng-class="{ 'negative': countdown.seconds < 0 }">
{{ countdown.seconds | osSecondsToTime }}
</span>
<!-- edit countdown form -->
<form ng-show="editCountdownFlag" ng-submit="editCountdown(countdown)">
<div class="form-group">
<label translate>Description</label>
<input ng-model="countdown.description" type="text" class="form-control input-sm">
</div> </div>
<div class="form-group">
<label translate>Start time</label>
<input ng-model="countdown.default" type="number" class="form-control input-sm">
</div>
<button type="submit"
title="{{ 'Save' | translate}}"
class="btn btn-sm btn-primary">
<i class="fa fa-check"></i>
</button>
<button ng-click="editCountdownFlag=false;"
title="{{ 'Cancel' | translate}}"
class="btn btn-default btn-sm">
<i class="fa fa-times"></i>
</button>
</form>
</div>
</div>
<!-- Add countdown button -->
<a ng-click="addCountdown()"
class="btn btn-default btn-sm"
title="{{ 'Add countdown' | translate}}">
<i class="fa fa-plus"></i> <translate>Add new countdown</translate>
</a>
</div>
<!-- messages -->
<div os-perms-lite="core.can_manage_projector">
<h3 translate>Messages</h3>
<div ng-repeat="message in messages | orderBy: 'index'" id="{{message.uuid}}" class="message panel panel-default">
<div class="panel-body"
ng-class="{ 'projected': message.visible }">
<!-- project message button -->
<a class="btn btn-default btn-sm"
ng-model="message.visible"
ng-click="showMessage(message)"
ng-class="{ 'btn-primary': message.visible }"
title="{{ 'Project message' | translate }}">
<i class="fa fa-video-camera"></i>
</a> </a>
&nbsp;&nbsp; <!-- projector control buttons -->
{{ message.message }} <p os-perms="core.can_manage_projector">
<!-- remove message button --> <a ng-click="editCurrentSlide()"
<button type="button" class="close" class="btn btn-default btn-sm"
ng-click="removeMessage(message)" title="{{ 'Edit current slide' | translate}}">
title="{{ 'Remove message' | translate}}">
<i class="fa fa-times"></i>
</button>
<button type="button" class="close editicon"
ng-click="editMessageFlag=true;"
title="{{ 'Edit message' | translate}}">
<i class="fa fa-pencil"></i> <i class="fa fa-pencil"></i>
</button>
<div ng-if="editMessageFlag" class="input-group">
<input ng-model="message.message" type="text" class="form-control input-sm">
<a ng-click="editMessage(message)"
title="{{ 'Save' | translate}}"
class="btn btn-sm btn-primary input-group-addon">
<i class="fa fa-check"></i>
</a> </a>
</div> &nbsp;
<a ng-click="controlProjector('scale', 'down')"
class="btn btn-default btn-sm"
title="{{ 'Smaller' | translate}}">
<i class="fa fa-search-minus"></i>
</a>
<a ng-click="controlProjector('scale', 'up')"
class="btn btn-default btn-sm"
title="{{ 'Bigger' | translate}}">
<i class="fa fa-search-plus"></i>
</a>
<span ng-class="{ 'notNull': scaleLevel != 0 }">{{ scaleLevel }}</span>
&nbsp;
<a ng-click="controlProjector('scroll', 'down')"
class="btn btn-default btn-sm"
title="{{ 'Scroll up' | translate}}">
<i class="fa fa-arrow-up"></i>
</a>
<a ng-click="controlProjector('scroll', 'up')"
class="btn btn-default btn-sm"
title="{{ 'Scroll down' | translate}}">
<i class="fa fa-arrow-down"></i>
</a>
<a ng-click="controlProjector('scroll', 'reset')"
class="btn btn-default btn-sm"
title="{{ 'Reset scrolling' | translate}}">
<i class="fa fa-undo"></i>
</a>
<span ng-class="{ 'notNull': scrollLevel != 0 }">{{ scrollLevel }}</span>
</p>
</div> </div>
</div> </div>
<!-- Add message button -->
<a ng-click="addMessage()" <!-- countdowns -->
class="btn btn-default btn-sm" <div class="section" os-perms-lite="core.can_manage_projector">
title="{{ 'Add message' | translate}}"> <a href="#" ng-click="isCountdowns = !isCountdowns">
<i class="fa fa-plus"></i> <translate>Add new message</translate> <i class="fa toggle-icon" ng-class="isCountdowns ? 'fa-angle-up' : 'fa-angle-down'"></i>
</a> <h4 translate>Countdowns</h4>
</div> </a>
<div uib-collapse="!isCountdowns">
<div ng-repeat="countdown in countdowns | orderBy: 'index'" id="{{countdown.uuid}}"
class="countdown panel panel-default">
<div class="panel-heading">
<span ng-if="countdown.description">{{ countdown.description }}</span>
<span ng-if="!countdown.description">Countdown {{ countdown.index +1 }}</span>
<!-- remove countdown button -->
<button type="button" class="close"
ng-click="removeCountdown(countdown)"
title="{{ 'Remove countdown' | translate}}">
<i class="fa fa-times"></i>
</button>
<!-- edit countdown button -->
<button ng-show="countdown.status=='stop'"
type="button" class="close editicon"
ng-click="editCountdownFlag=true;"
title="{{ 'Edit countdown' | translate}}">
<i class="fa fa-pencil"></i>
</button>
</div>
<div class="panel-body"
ng-class="{ 'projected': countdown.visible }">
<!-- project countdown button -->
<a class="btn btn-default btn-sm"
ng-model="countdown.visible"
ng-click="showCountdown(countdown)"
ng-class="{ 'btn-primary': countdown.visible }"
title="{{ 'Project countdown' | translate }}">
<i class="fa fa-video-camera"></i>
</a>
&nbsp;&nbsp;
<!-- countdown controls -->
<a class="btn btn-default vcenter"
ng-click="resetCountdown(countdown)"
ng-class="{ 'disabled': countdown.status == 'stop' && countdown.default == countdown.countdown_time }"
title="{{ 'Reset countdown' | translate}}">
<i class="fa fa-stop"></i>
</a>
<a ng-if="countdown.status=='stop'" class="btn btn-default vcenter"
ng-click="startCountdown(countdown)"
title="{{ 'Start' | translate}}">
<i class="fa fa-play"></i>
<i ng-if="countdown.status=='running'" class="fa fa-pause"></i>
</a>
<a ng-if="countdown.status=='running'" class="btn btn-default vcenter"
ng-click="stopCountdown(countdown)"
title="{{ 'Pause' | translate}}">
<i class="fa fa-pause"></i>
</a>
<span ng-if="!editTime" class="countdown_timer vcenter"
ng-class="{ 'negative': countdown.seconds < 0 }">
{{ countdown.seconds | osSecondsToTime }}
</span>
<!-- edit countdown form -->
<form ng-show="editCountdownFlag" ng-submit="editCountdown(countdown)">
<div class="form-group">
<label translate>Description</label>
<input ng-model="countdown.description" type="text" class="form-control input-sm">
</div>
<div class="form-group">
<label translate>Start time</label>
<input ng-model="countdown.default" type="number" class="form-control input-sm">
</div>
<button type="submit"
title="{{ 'Save' | translate}}"
class="btn btn-sm btn-primary">
<i class="fa fa-check"></i>
</button>
<button ng-click="editCountdownFlag=false;"
title="{{ 'Cancel' | translate}}"
class="btn btn-default btn-sm">
<i class="fa fa-times"></i>
</button>
</form>
</div>
</div>
<!-- Add countdown button -->
<a ng-click="addCountdown()"
class="btn btn-default btn-sm"
title="{{ 'Add countdown' | translate}}">
<i class="fa fa-plus"></i> <translate>Add new countdown</translate>
</a>
</div>
</div>
<!-- messages -->
<div class="section" os-perms="core.can_manage_projector">
<a href="#" ng-click="isMessages = !isMessages">
<i class="fa toggle-icon" ng-class="isMessages ? 'fa-angle-up' : 'fa-angle-down'"></i>
<h4 translate>Messages</h4>
</a>
<div uib-collapse="!isMessages">
<div ng-repeat="message in messages | orderBy: 'index'" id="{{message.uuid}}" class="message panel panel-default">
<div class="panel-body"
ng-class="{ 'projected': message.visible }">
<!-- project message button -->
<a class="btn btn-default btn-sm"
ng-model="message.visible"
ng-click="showMessage(message)"
ng-class="{ 'btn-primary': message.visible }"
title="{{ 'Project message' | translate }}">
<i class="fa fa-video-camera"></i>
</a>
&nbsp;&nbsp;
{{ message.message }}
<!-- remove message button -->
<button type="button" class="close"
ng-click="removeMessage(message)"
title="{{ 'Remove message' | translate}}">
<i class="fa fa-times"></i>
</button>
<button type="button" class="close editicon"
ng-click="editMessageFlag=true;"
title="{{ 'Edit message' | translate}}">
<i class="fa fa-pencil"></i>
</button>
<div ng-if="editMessageFlag" class="input-group">
<input ng-model="message.message" type="text" class="form-control input-sm">
<a ng-click="editMessage(message)"
title="{{ 'Save' | translate}}"
class="btn btn-sm btn-primary input-group-addon">
<i class="fa fa-check"></i>
</a>
</div>
</div>
</div>
<!-- Add message button -->
<a ng-click="addMessage()"
class="btn btn-default btn-sm"
title="{{ 'Add message' | translate}}">
<i class="fa fa-plus"></i> <translate>Add new message</translate>
</a>
</div>
</div>
</div><!-- end div ProjectorControlCtrl -->
</div> </div>

21
openslides/core/static/templates/core/tag-form.html
View File

@ -1,13 +1,17 @@
<h1 ng-if="tag.id" translate>Edit tag</h1> <div class="header">
<h1 ng-if="!tag.id" translate>New tag</h1> <div class="title">
<div class="submenu">
<div id="submenu"> <a ui-sref="core.tag.list" class="btn btn-sm btn-default">
<a ui-sref="core.tag.list" class="btn btn-sm btn-default"> <i class="fa fa-angle-double-left fa-lg"></i>
<i class="fa fa-angle-double-left fa-lg"></i> <translate>Back to overview</translate>
<translate>Back to overview</translate> </a>
</a> </div>
<h1 ng-if="tag.id" translate>Edit tag</h1>
<h1 ng-if="!tag.id" translate>New tag</h1>
</div>
</div> </div>
<div class="details">
<form name="tagForm"> <form name="tagForm">
<div class="form-group"> <div class="form-group">
<label for="inputName" translate>Name</label> <label for="inputName" translate>Name</label>
@ -21,3 +25,4 @@
Cancel Cancel
</button> </button>
</form> </form>
</div>

81
openslides/core/static/templates/core/tag-list.html
View File

@ -1,44 +1,43 @@
<h1 translate>Tags</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ui-sref="core.tag.create" os-perms="core.can_manage_tags" class="btn btn-primary btn-sm"> <a ui-sref="core.tag.create" os-perms="core.can_manage_tags" class="btn btn-primary btn-sm">
<i class="fa fa-plus fa-lg"></i> <i class="fa fa-plus fa-lg"></i>
<translate>New</translate> <translate>New</translate>
</a> </a>
</div> </div>
<h1 translate>Tags</h1>
<div class="row form-group">
<div class="col-sm-8"></div>
<div class="col-sm-4">
<input type="text" os-focus-me ng-model="filter.search" class="form-control"
placeholder="{{ 'Filter' | translate}}">
</div> </div>
</div> </div>
<table class="table table-striped table-bordered table-hover"> <div class="details">
<thead> <div class="row form-group">
<tr> <div class="col-sm-8"></div>
<th ng-click="toggleSort('name')" class="sortable"> <div class="col-sm-4">
<translate>Name</translate> <input type="text" os-focus-me ng-model="filter.search" class="form-control"
<i class="pull-right fa" ng-show="sortColumn === 'name' && header.sortable != false" placeholder="{{ 'Filter' | translate}}">
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> </div>
</i> </div>
<th os-perms="core.can_manage_tags" class="minimum">
<translate>Actions</translate> <table os-perms="core.can_manage_tags" class="table table-striped table-bordered table-hover">
<tbody> <thead>
<tr ng-repeat="tag in tags | filter: filter.search | <tr>
orderBy: sortColumn:reverse"> <th ng-click="toggleSort('name')" class="sortable">
<td>{{ tag.name }} <translate>Name</translate>
<td os-perms="core.can_manage_tags" class="nobr"> <i class="pull-right fa" ng-show="sortColumn === 'name' && header.sortable != false"
<!-- edit --> ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
<a ui-sref="core.tag.detail.update({id: tag.id })" </i>
class="btn btn-default btn-sm" <tbody>
title="{{ 'Edit' | translate}}"> <tr ng-repeat="tag in tags | filter: filter.search |
<i class="fa fa-pencil"></i> orderBy: sortColumn:reverse">
</a> <td ng-mouseover="tag.hover=true" ng-mouseleave="tag.hover=false">
<!-- delete --> <strong>{{ tag.name }}</strong>
<a ng-click="delete(tag)"class="btn btn-danger btn-sm" <div class="hoverActions" ng-class="{'hiddenDiv': !tag.hover}">
title="{{ 'Delete' | translate }}"> <a ui-sref="core.tag.detail.update({id: tag.id })" translate>Edit</a> |
<i class="fa fa-trash-o"></i> <!-- TODO: translate confirm message -->
</a> <a href="" class="text-danger"
</table> ng-bootbox-confirm="Are you sure you want to delete <b>{{ tag.name }}</b>?"
ng-bootbox-confirm-action="delete(tag)" translate>Delete</a>
</div>
</table>
</div>

10
openslides/core/static/templates/dashboard.html
View File

@ -1,3 +1,9 @@
<h1>{{ config('projector_welcome_title') }}</h1> <div class="header">
<div class="title">
<h1>{{ config('projector_welcome_title') }}</h1>
</div>
</div>
{{ config('projector_welcome_text') }} <div class="details">
{{ config('projector_welcome_text') }}
</div>

117
openslides/core/static/templates/index.html
View File

@ -5,29 +5,33 @@
<base href="/"> <base href="/">
<title>OpenSlides</title> <title>OpenSlides</title>
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1"> <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/openslides-libs.css">
<link rel="stylesheet" href="static/css/app.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-libs.js"></script>
<script src="static/ckeditor/ckeditor.js"></script> <script src="static/ckeditor/ckeditor.js"></script>
<div id="wrapper">
<!-- Navbar --> <!-- Header -->
<nav id="header" class="navbar navbar-inverse"> <div id="header">
<div class="container-fluid"> <div class="containerOS">
<div class="navbar-header"> <!-- Logo -->
<a ui-sref="dashboard" class="navbar-brand"> <div class="title">
<img id="logo" src="/static/img/logo.png" alt="OpenSlides" /> <a ui-sref="dashboard">
<img src="/static/img/openslides-logo-dark.png" alt="Logo" height="35">
</a> </a>
<span class="navbar-text optional">{{ config('general_event_name') }}</span> <!-- TODO: <span class="navbar-text optional">{{ config('general_event_name') }}</span>-->
</div> </div>
<div class="navbar-right" ng-controller="userMenu">
<!-- user specific header (chat, user settings / login, language)-->
<div class="user" ng-controller="userMenu">
<div class="btn-group"> <div class="btn-group">
<!-- Logout / user setttings button -->
<div ng-if="operator.isAuthenticated()"> <div ng-if="operator.isAuthenticated()">
<!-- chatbox --> <!-- chatbox -->
<div ng-controller="ChatMessageCtrl" os-perms="core.can_use_chat" class="inline"> <div ng-controller="ChatMessageCtrl" os-perms="core.can_use_chat" class="inline">
<button ng-click="openChatbox()" class="btn btn-default"> <button ng-click="openChatbox()" class="btn btn-sm btn-default">
<i class="fa fa-comment"></i> <i class="fa fa-comment"></i>
<translate>Chat</translate> <translate>Chat</translate>
<span ng-if="unreadMessages > 0 && chatboxIsCollapsed" class="badge"> <span ng-if="unreadMessages > 0 && chatboxIsCollapsed" class="badge">
@ -60,7 +64,7 @@
<!-- user settings / logout button --> <!-- user settings / logout button -->
<div class="btn-group" uib-dropdown> <div class="btn-group" uib-dropdown>
<button type="button" class="btn btn-default" uib-dropdown-toggle> <button type="button" class="btn btn-sm btn-default" uib-dropdown-toggle>
<i class="fa fa-user"></i> <i class="fa fa-user"></i>
<span class="optional-small">{{ operator.user.get_short_name() }}</span> <span class="optional-small">{{ operator.user.get_short_name() }}</span>
<span class="caret"></span> <span class="caret"></span>
@ -87,7 +91,7 @@
</div> </div>
<!-- Login button --> <!-- Login button -->
<div ng-if="!operator.isAuthenticated()"> <div ng-if="!operator.isAuthenticated()">
<button class="btn btn-default" ng-click="openLoginForm()"> <button class="btn btn-sm btn-default" ng-click="openLoginForm()">
<i class="fa fa-sign-in"></i> <i class="fa fa-sign-in"></i>
<translate>Login</translate> <translate>Login</translate>
</button> </button>
@ -96,11 +100,11 @@
<!-- language switcher --> <!-- language switcher -->
<div class="btn-group" ng-controller="LanguageCtrl" uib-dropdown> <div class="btn-group" ng-controller="LanguageCtrl" uib-dropdown>
<button class="btn btn-default" uib-dropdown-toggle> <button class="btn btn-sm btn-default" uib-dropdown-toggle>
<i class="fa fa-flag"></i> <i class="fa fa-flag"></i>
<span class="caret"></span> <span class="caret"></span>
</button> </button>
<ul class="uib-dropdown-menu uib-dropdown-menu-right" role="menu" aria-labelledby="single-button"> <ul class="uib-dropdown-menu pull-right" role="menu" aria-labelledby="single-button">
<li> <li>
<a href="" ng-click="switchLanguage('en')"> <a href="" ng-click="switchLanguage('en')">
<i class="fa fa-flag"></i> <i class="fa fa-flag"></i>
@ -118,45 +122,70 @@
</a> </a>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</nav> </div><!--end header-->
<!-- Container --> <!-- Navbar -->
<div id="container" class="container-fluid"> <div id="nav">
<div class="row"> <div class="containerOS">
<!-- Main menu --> <div class="navbar">
<div id="main-menu" class="col-md-2 leftmenu lefticon"> <div class="button"><a href="#"><i class="fa fa-bars"></i></a></div>
<!-- Main menu -->
<ul ng-controller="MainMenuCtrl"> <ul ng-controller="MainMenuCtrl">
<li ng-repeat="element in elements"> <li ng-repeat="element in elements" ui-sref-active="active">
<a ui-sref="{{ element.ui_sref }}"> <a ui-sref="{{ element.ui_sref }}">
<span class="ico"><i class="fa fa-{{ element.img_class }} fa-lg"></i></span> <i class="fa fa-{{ element.img_class }}"></i>
<span class="text" translate>{{ element.title }}</span> <translate>{{ element.title }}</translate>
</a> </a>
</ul> </ul>
</div><!--/#main-menu--> </div>
<!-- Content --> </div>
<div id="content" class="col-md-7"> </div><!--end nav-->
<div class="row">
<div class="col-md-12">
<div ui-view></div> <!-- Content -->
<div id="content" ng-controller="ProjectorSidebarCtrl">
<div class="containerOS">
<div class="col1" ng-class="isProjectorSidebar ? 'min' : 'max'">
<!-- dynamic views -->
<div ui-view></div>
<!-- footer -->
<div id="footer">
&copy; Copyright by <a href="http://www.openslides.org" target="_blank">OpenSlides</a> |
<a ui-sref="version">Version</a>
</div><!--end footer-->
</div>
<div class="col2" os-perms="core.can_see_projector"
ng-class="isProjectorSidebar ? 'max' : 'min'">
<!-- sidebar maximized -->
<div class="projector_full" ng-if="isProjectorSidebar">
<div class="title" ng-click="showProjectorSidebar(false)">
<div class="name">
<i class="fa fa-caret-square-o-right"></i>
<translate>Projector</translate>
</div>
<div class="icon">
<i class="fa fa-video-camera"></i>
</div>
</div> </div>
</div>
</div><!--/#content-->
<div class="col-sm-3" os-perms="core.can_see_projector">
<div class="well">
<div ng-include src="'static/templates/core/projector-controls.html'"></div> <div ng-include src="'static/templates/core/projector-controls.html'"></div>
</div> </div>
</div> <!-- sidebar minimized -->
</div><!--/.row--> <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><!--end col2-->
</div><!--end content-container-->
</div><!--end content-->
</div><!--end wrapper-->
<hr>
<footer>
<small>
&copy; Copyright by <a href="http://www.openslides.org" target="_blank">OpenSlides</a> |
<a ui-sref="version">Version</a>
</small>
</footer>
</div><!--/#container-->
<script src="/angular_js/site/"></script> <script src="/angular_js/site/"></script>

2
openslides/core/static/templates/projector.html
View File

@ -31,7 +31,7 @@
<div id="header"> <div id="header">
<img id="logo" src="/static/img/logo.png" alt="OpenSlides" /> <img id="logo" src="/static/img/logo-projector.png" alt="OpenSlides" />
<div id="eventdata"> <div id="eventdata">
<div class="title"> <div class="title">
{{ config('general_event_name') }} {{ config('general_event_name') }}

25
openslides/core/static/templates/version.html
View File

@ -1,12 +1,17 @@
<h1 translate>Version</h1> <div class="header">
<div class="title">
<p>OpenSlides Version {{ core_version }} <h1 translate>Version</h1>
</div>
<div ng-show="plugins.length">
<p translate>Installed plugins:</p>
<ol>
<li ng-repeat="plugin in plugins">
{{ plugin.verbose_name }}: {{ plugin.version }}
</ol>
</div> </div>
<div class="details">
<p class="lead">OpenSlides {{ core_version }}
<div ng-show="plugins.length">
<p translate>Installed plugins:</p>
<ol>
<li ng-repeat="plugin in plugins">
{{ plugin.verbose_name }}: {{ plugin.version }}
</ol>
</div>
</div>

65
openslides/mediafiles/static/templates/mediafiles/mediafile-form.html
View File

@ -1,38 +1,43 @@
<h1 ng-if="mediafile.id" translate>Edit file</h1> <div class="header">
<h1 ng-if="!mediafile.id" translate>New file</h1> <div class="title">
<div class="submenu">
<div id="submenu"> <a ui-sref="mediafiles.mediafile.list" class="btn btn-sm btn-default">
<a ui-sref="mediafiles.mediafile.list" class="btn btn-sm btn-default"> <i class="fa fa-angle-double-left fa-lg"></i>
<i class="fa fa-angle-double-left fa-lg"></i> <translate>Back to overview</translate>
<translate>Back to overview</translate> </a>
</a> </div>
<h1 ng-if="mediafile.id" translate>Edit file</h1>
<h1 ng-if="!mediafile.id" translate>New file</h1>
</div>
</div> </div>
<form name="mediafileForm"> <div class="details">
<form name="mediafileForm">
<div class="form-group"> <div class="form-group">
<div ng-if="mediafile.id"> <div ng-if="mediafile.id">
<span translate>Current value: </span>{{ mediafile.filename }} <span translate>Current value: </span>{{ mediafile.filename }}
</div>
<input type="file" ngf-select ng-model="mediafile.newFile" required/>
</div> </div>
<input type="file" ngf-select ng-model="mediafile.newFile" required/>
</div>
<div class="form-group"> <div class="form-group">
<label for="inputTitle" translate>Title</label> <label for="inputTitle" translate>Title</label>
<input type="text" ng-model="mediafile.title" class="form-control" name="inputTitle"> <input type="text" ng-model="mediafile.title" class="form-control" name="inputTitle">
</div> </div>
<span ng-show="mediafile.mediafile.result">Upload Successful</span> <span ng-show="mediafile.mediafile.result">Upload Successful</span>
<span class="err" ng-show="errorMsg">{{ errorMsg }}</span> <span class="err" ng-show="errorMsg">{{ errorMsg }}</span>
<i ng-show="mediafile.file.$error.required">*required</i><br> <i ng-show="mediafile.file.$error.required">*required</i><br>
<i ng-show="mediafile.file.$error.maxSize">File too large <i ng-show="mediafile.file.$error.maxSize">File too large
{{ picFile.size / 1000000|number:1}}MB: max {{ mediafile.mediafile.$errorParam}}</i> {{ picFile.size / 1000000|number:1}}MB: max {{ mediafile.mediafile.$errorParam}}</i>
<button type="submit" ng-click="save(mediafile)" class="btn btn-primary" translate> <button type="submit" ng-click="save(mediafile)" class="btn btn-primary" translate>
Save Save
</button> </button>
<button ui-sref="mediafiles.mediafile.list" class="btn btn-default" translate> <button ui-sref="mediafiles.mediafile.list" class="btn btn-default" translate>
Cancel Cancel
</button> </button>
</form> </form>
</div>

154
openslides/mediafiles/static/templates/mediafiles/mediafile-list.html
View File

@ -1,78 +1,82 @@
<h1 translate>Files</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ui-sref="mediafiles.mediafile.create" os-perms="mediafiles.can_upload" class="btn btn-primary btn-sm"> <a ui-sref="mediafiles.mediafile.create" os-perms="mediafiles.can_upload" class="btn btn-primary btn-sm">
<i class="fa fa-plus fa-lg"></i> <i class="fa fa-plus fa-lg"></i>
<translate>New</translate> <translate>New</translate>
</a> </a>
</div> </div>
<h1 translate>Files</h1>
<div class="row form-group">
<div class="col-sm-8"></div>
<div class="col-sm-4">
<input type="text" os-focus-me ng-model="filter.search" class="form-control"
placeholder="{{ 'Filter' | translate }}">
</div> </div>
</div> </div>
<table class="table table-striped table-bordered table-hover"> <div class="details">
<thead> <div class="row form-group">
<tr> <div class="col-sm-8"></div>
<th ng-click="toggleSort('title_or_filename')" class="sortable"> <div class="col-sm-4">
<translate>Title</translate> <input type="text" os-focus-me ng-model="filter.search" class="form-control"
<i class="pull-right fa" ng-show="sortColumn === 'title_or_filename' && header.sortable != false" placeholder="{{ 'Filter' | translate }}">
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> </div>
</i> </div>
<th ng-click="toggleSort('filetype')" class="sortable"> <table class="table table-striped table-bordered table-hover">
<translate>Filetype</translate> <thead>
<i class="pull-right fa" ng-show="sortColumn === 'filetype' && header.sortable != false" <tr>
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> <th ng-click="toggleSort('title_or_filename')" class="sortable">
</i> <translate>Title</translate>
<th ng-click="toggleSort('filesize')" class="sortable"> <i class="pull-right fa" ng-show="sortColumn === 'title_or_filename' && header.sortable != false"
<translate>Filesize</translate> ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
<i class="pull-right fa" ng-show="sortColumn === 'filesize' && header.sortable != false" </i>
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> <th ng-click="toggleSort('filetype')" class="sortable">
</i> <translate>Filetype</translate>
<th ng-click="toggleSort('timestamp')" class="sortable"> <i class="pull-right fa" ng-show="sortColumn === 'filetype' && header.sortable != false"
<translate>Upload time</translate> ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
<i class="pull-right fa" ng-show="sortColumn === 'timestamp' && header.sortable != false" </i>
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> <th ng-click="toggleSort('filesize')" class="sortable">
</i> <translate>Filesize</translate>
<th ng-click="toggleSort('uploader')" class="sortable"> <i class="pull-right fa" ng-show="sortColumn === 'filesize' && header.sortable != false"
<translate>Uploaded by</translate> ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
<i class="pull-right fa" ng-show="sortColumn === 'uploader' && header.sortable != false" </i>
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> <th ng-click="toggleSort('timestamp')" class="sortable">
</i> <translate>Upload time</translate>
<th os-perms="mediafiles.can_manage core.can_manage_projector" class="minimum"> <i class="pull-right fa" ng-show="sortColumn === 'timestamp' && header.sortable != false"
<translate>Actions</translate> ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
</th> </i>
</tr> <th ng-click="toggleSort('uploader')" class="sortable">
<tbody> <translate>Uploaded by</translate>
<tr ng-repeat="mediafile in mediafiles | filter: filter.search | <i class="pull-right fa" ng-show="sortColumn === 'uploader' && header.sortable != false"
orderBy: sortColumn:reverse"> ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
<td><a ng-href="/media/{{ mediafile.mediafile.name }}" target="_self">{{ mediafile.title_or_filename }}</a> </i>
<td class="optional">{{ mediafile.mediafile.type }} <th os-perms="mediafiles.can_manage core.can_manage_projector">
<td>{{ mediafile.filesize }} <translate>Actions</translate>
<td>{{ mediafile.timestamp }} </th>
<td>{{ mediafile.uploader }} </tr>
<td os-perms="mediafiles.can_manage core.can_manage_projector" class="nobr"> <tbody>
<!-- projector, TODO: add link to activate slide --> <tr ng-repeat="mediafile in mediafiles | filter: filter.search |
<a href="#TODO" ng-if="mediafile.is_presentable" os-perms-lite="core.can_manage_projector" orderBy: sortColumn:reverse">
class="btn btn-default btn-sm" <td><a ng-href="/media/{{ mediafile.mediafile.name }}" target="_self">{{ mediafile.title_or_filename }}</a>
title="{{ 'Show' | translate }}"> <td class="optional">{{ mediafile.mediafile.type }}
<i class="fa fa-video-camera"></i> <td>{{ mediafile.filesize }}
</a> <td>{{ mediafile.timestamp }}
<!-- edit --> <td>{{ mediafile.uploader }}
<a ui-sref="mediafiles.mediafile.detail.update({id: mediafile.id })" os-perms="mediafiles.can_manage" <td os-perms="mediafiles.can_manage core.can_manage_projector" class="nobr">
class="btn btn-default btn-sm" <!-- projector, TODO: add link to activate slide -->
title="{{ 'Edit' | translate }}"> <a href="#TODO" ng-if="mediafile.is_presentable" os-perms-lite="core.can_manage_projector"
<i class="fa fa-pencil"></i> class="btn btn-default btn-sm"
</a> title="{{ 'Show' | translate }}">
<!-- delete --> <i class="fa fa-video-camera"></i>
<a ng-click="delete(mediafile)" os-perms="mediafiles.can_manage" class="btn btn-danger btn-sm" </a>
title="{{ 'Delete' | translate }}"> <!-- edit -->
<i class="fa fa-trash-o"></i> <a ui-sref="mediafiles.mediafile.detail.update({id: mediafile.id })" os-perms="mediafiles.can_manage"
</a> class="btn btn-default btn-sm"
</tr> title="{{ 'Edit' | translate }}">
</tbody> <i class="fa fa-pencil"></i>
</table> </a>
<!-- delete -->
<a ng-click="delete(mediafile)" os-perms="mediafiles.can_manage" class="btn btn-danger btn-sm"
title="{{ 'Delete' | translate }}">
<i class="fa fa-trash-o"></i>
</a>
</tr>
</tbody>
</table>
</div>

24
openslides/motions/static/templates/motions/category-detail.html
View File

@ -1,12 +1,16 @@
<h1>{{ category.name }}</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ui-sref="motions.category.list" class="btn btn-sm btn-default"> <a ui-sref="motions.category.list" class="btn btn-sm btn-default">
<i class="fa fa-angle-double-left fa-lg"></i> <i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to overview</translate> <translate>Back to overview</translate>
</a> </a>
</div>
<h1>{{ category.name }}</h1>
</div>
</div> </div>
<div class="details">
<b translate>Prefix:</b> <strong translate>Prefix:</strong>
{{ category.prefix }} {{ category.prefix }}
</div>

53
openslides/motions/static/templates/motions/category-form.html
View File

@ -1,27 +1,32 @@
<h1 ng-if="category.id" translate>Edit category</h1> <div class="header">
<h1 ng-if="!category.id" translate>New category</h1> <div class="title">
<div class="submenu">
<div id="submenu"> <a ui-sref="motions.category.list" class="btn btn-sm btn-default">
<a ui-sref="motions.category.list" class="btn btn-sm btn-default"> <i class="fa fa-angle-double-left fa-lg"></i>
<i class="fa fa-angle-double-left fa-lg"></i> <translate>Back to overview</translate>
<translate>Back to overview</translate> </a>
</a> </div>
<h1 ng-if="category.id" translate>Edit category</h1>
<h1 ng-if="!category.id" translate>New category</h1>
</div>
</div> </div>
<form name="groupForm"> <div class="details">
<div class="form-group"> <form name="groupForm">
<label for="inputPrefix" translate>Prefix</label> <div class="form-group">
<input type="text" ng-model="category.prefix" class="form-control" name="inputPrefix"> <label for="inputPrefix" translate>Prefix</label>
</div> <input type="text" ng-model="category.prefix" class="form-control" name="inputPrefix">
<div class="form-group"> </div>
<label for="inputName" translate>Name</label> <div class="form-group">
<input type="text" ng-model="category.name" class="form-control" name="inputName" ng-required="true"> <label for="inputName" translate>Name</label>
</div> <input type="text" ng-model="category.name" class="form-control" name="inputName" ng-required="true">
</div>
<button type="submit" ng-click="save(category)" class="btn btn-primary" translate> <button type="submit" ng-click="save(category)" class="btn btn-primary" translate>
Save Save
</button> </button>
<button ui-sref="motions.category.list" class="btn btn-default" translate> <button ui-sref="motions.category.list" class="btn btn-default" translate>
Cancel Cancel
</button> </button>
</form> </form>
</div>

111
openslides/motions/static/templates/motions/category-list.html
View File

@ -1,56 +1,61 @@
<h1 translate>Categories</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ui-sref="motions.category.create" os-perms="motions.can_manage" class="btn btn-primary btn-sm"> <a ui-sref="motions.category.create" os-perms="motions.can_manage" class="btn btn-primary btn-sm">
<i class="fa fa-plus fa-lg"></i> <i class="fa fa-plus fa-lg"></i>
<translate>New</translate> <translate>New</translate>
</a> </a>
<a ui-sref="motions.motion.list" class="btn btn-sm btn-default"> <a ui-sref="motions.motion.list" class="btn btn-sm btn-default">
<i class="fa fa-angle-double-left fa-lg"></i> <i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to overview</translate> <translate>Back to overview</translate>
</a> </a>
</div> </div>
<h1 translate>Categories</h1>
<div class="row form-group">
<div class="col-sm-4 right">
<input type="text" os-focus-me ng-model="filter.search" class="form-control"
placeholder="{{ 'Filter' | translate }}">
</div> </div>
</div> </div>
<table class="table table-striped table-bordered table-hover"> <div class="details">
<thead> <div class="row form-group">
<tr> <div class="col-sm-4 pull-right">
<th ng-click="sortby='prefix';reverse=!reverse"> <input type="text" os-focus-me ng-model="filter.search" class="form-control"
<translate>Prefix</translate> placeholder="{{ 'Filter' | translate }}">
<i class="fa" ng-show="sortby == 'prefix'" </div>
ng-class="reverse ? 'fa-caret-down' : 'fa-caret-up'"></i> </div>
<th ng-click="sortby='name';reverse=!reverse">
<translate>Name</translate> <table class="table table-striped table-bordered table-hover">
<i class="fa" ng-show="sortby == 'name'" <thead>
ng-class="reverse ? 'fa-caret-down' : 'fa-caret-up'"></i> <tr>
<th os-perms="motions.can_manage core.can_manage_projector" class="mini_width" translate>Actions</th> <th ng-click="sortby='prefix';reverse=!reverse">
<tbody> <translate>Prefix</translate>
<tr ng-repeat="category in categories | filter: filter.search | orderBy:sortby:reverse"> <i class="fa" ng-show="sortby == 'prefix'"
<td>{{ category.prefix }} ng-class="reverse ? 'fa-caret-down' : 'fa-caret-up'"></i>
<td><a ui-sref="motions.category.detail({id: category.id})">{{ category.name }}</a> <th ng-click="sortby='name';reverse=!reverse">
<td os-perms="motions.can_manage core.can_manage_projector" class="nobr"> <translate>Name</translate>
<!-- projector, TODO: add link to activate slidea--> <i class="fa" ng-show="sortby == 'name'"
<a href="#TODO" os-perms="core.can_manage_projector" class="btn btn-default btn-sm" ng-class="reverse ? 'fa-caret-down' : 'fa-caret-up'"></i>
title="{{ 'Show' | translate }}"> <th os-perms="motions.can_manage core.can_manage_projector" class="mini_width" translate>Actions</th>
<i class="fa fa-video-camera"></i> <tbody>
</a> <tr ng-repeat="category in categories | filter: filter.search | orderBy:sortby:reverse">
<!-- edit --> <td>{{ category.prefix }}
<a ui-sref="motions.category.detail.update({id: category.id})" os-perms="motions.can_manage" <td><a ui-sref="motions.category.detail({id: category.id})">{{ category.name }}</a>
class="btn btn-default btn-sm" <td os-perms="motions.can_manage core.can_manage_projector" class="nobr">
title="{{ 'Edit' | translate }}"> <!-- projector, TODO: add link to activate slidea-->
<i class="fa fa-pencil"></i> <a href="#TODO" os-perms="core.can_manage_projector" class="btn btn-default btn-sm"
</a> title="{{ 'Show' | translate }}">
<!-- delete --> <i class="fa fa-video-camera"></i>
<a os-perms="motions.can_manage" class="btn btn-danger btn-sm" </a>
ng-bootbox-confirm="Are you sure you want to delete <b>{{ category.name }}</b>?" <!-- edit -->
ng-bootbox-confirm-action="delete(category)" <a ui-sref="motions.category.detail.update({id: category.id})" os-perms="motions.can_manage"
title="{{ 'Delete' | translate }}"> class="btn btn-default btn-sm"
<i class="fa fa-trash-o"></i> title="{{ 'Edit' | translate }}">
</a> <i class="fa fa-pencil"></i>
</table> </a>
<!-- delete -->
<a os-perms="motions.can_manage" class="btn btn-danger btn-sm"
ng-bootbox-confirm="Are you sure you want to delete <b>{{ category.name }}</b>?"
ng-bootbox-confirm-action="delete(category)"
title="{{ 'Delete' | translate }}">
<i class="fa fa-trash-o"></i>
</a>
</table>
</div>

467
openslides/motions/static/templates/motions/motion-detail.html
View File

@ -1,251 +1,262 @@
<h1> <div class="header">
{{ motion.getTitle() }} <div class="title">
<small> <!-- TODO: show list of speakers controls for { motion.agenda_item } -->
<translate>Motion</translate> {{ motion.identifier }} <div class="submenu">
<span ng-if="motion.versions.length > 1" >| Version {{ motion.active_version }}</span> <a ui-sref="motions.motion.list" class="btn btn-sm btn-default">
</small> <i class="fa fa-angle-double-left fa-lg"></i>
</h1> <translate>Back to overview</translate>
</a>
<!-- TODO: show list of speakers controls for { motion.agenda_item } --> <a ui-sref="motions_single_pdf({pk: motion.id})" target="_blank" class="btn btn-default btn-sm">
<i class="fa fa-file-pdf-o fa-lg"></i>
<div id="submenu"> <translate>PDF</translate>
<a ui-sref="motions.motion.list" class="btn btn-sm btn-default"> </a>
<i class="fa fa-angle-double-left fa-lg"></i> <!-- List of speakers -->
<translate>Back to overview</translate> <a ui-sref="agenda.item.detail({id: motion.agenda_item_id})" class="btn btn-sm btn-default">
</a> <i class="fa fa-microphone fa-lg"></i>
<a ui-sref="motions_single_pdf({pk: motion.id})" target="_blank" class="btn btn-default btn-sm"> <translate>List of speakers</translate>
<i class="fa fa-file-pdf-o fa-lg"></i> </a>
<translate>PDF</translate> <!-- project -->
</a> <a os-perms="core.can_manage_projector" class="btn btn-default btn-sm"
<!-- List of speakers --> ng-class="{ 'btn-primary': motion.isProjected() }"
<a ui-sref="agenda.item.detail({id: motion.agenda_item_id})" class="btn btn-sm btn-default"> ng-click="motion.project()"
<i class="fa fa-microphone fa-lg"></i> title="{{ 'Project motion' | translate }}">
<translate>List of speakers</translate> <i class="fa fa-video-camera"></i>
</a> </a>
<!-- project --> <!-- edit -->
<a os-perms="core.can_manage_projector" class="btn btn-default btn-sm" <a ng-if="motion.isAllowed('update')" ui-sref="motions.motion.detail.update({id: motion.id })"
ng-class="{ 'btn-primary': motion.isProjected() }" class="btn btn-default btn-sm"
ng-click="motion.project()" title="{{ 'Edit' | translate}}">
title="{{ 'Project motion' | translate }}"> <i class="fa fa-pencil"></i>
<i class="fa fa-video-camera"></i> </a>
</a> </div>
<!-- edit --> <h1>{{ motion.getTitle() }}</h1>
<a ng-if="motion.isAllowed('update')" ng-click="editDialog(motion)" <h2>
class="btn btn-default btn-sm" <translate>Motion</translate> {{ motion.identifier }}
title="{{ 'Edit' | translate}}"> <span ng-if="motion.versions.length > 1" >| Version {{ motion.active_version }}</span>
<i class="fa fa-pencil"></i> </h2>
</a> </div>
</div> </div>
<div class="row"> <div class="meta">
<div class="col-sm-8"> <i class="fa toggle-icon pointer" ng-click="isMeta = !isMeta"
<h3 translate>Text</h3> ng-class="isMeta ? 'fa-angle-down' : 'fa-angle-up'"></i>
<div class="white-space-pre-line" ng-bind-html="motion.getText()"></div> <div class="row" uib-collapse="isMeta">
<div class="col-sm-4">
<!-- submitters -->
<h3 translate>Submitters</h3>
<div ng-repeat="submitter in motion.submitters">
{{ submitter.get_full_name() }}<br>
</div>
<!-- reason --> <!-- supporters -->
<div ng-if="motion.getReason() != ''"> <div ng-if="config('motions_min_supporters') > 0">
<h3 translate>Reason</h3> <h3 translate>Supporters</h3>
<div class="white-space-pre-line" ng-bind-html="motion.getReason()"></div> <ol>
</div> <li ng-repeat="supporters in motion.supporters">
{{ supporters.get_full_name() }}
<!-- attachments </ol>
TODO: make 'motion.attachments' useable and itteratable in template <!-- support button -->
<div ng-if="motion.attachments"> <button ng-if="motion.isAllowed('support')" ng-click="support()" class="btn btn-default btn-sm">
<h3 translate>Attachments</h3> <i class="fa fa-heart"></i>
</div> <translate>Support motion</translate>
-->
<!-- log -->
<button type="button" class="btn btn-default spacer" ng-click="isCollapsed = !isCollapsed" translate>
Show log
</button>
<div uib-collapse="isCollapsed">
<div class="well well-sm">
<ul class="list-unstyled">
<li ng-repeat="message in motion.log_messages">
<small>{{ message.message }}</small>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="well">
<!-- submitters -->
<h3 translate>Submitters</h3>
<div ng-repeat="submitter in motion.submitters">
{{ submitter.get_full_name() }}<br>
</div>
<!-- supporters -->
<div ng-if="config('motions_min_supporters') > 0">
<h3 translate>Supporters</h3>
<ol>
<li ng-repeat="supporters in motion.supporters">
{{ supporters.get_full_name() }}
</ol>
<!-- support button -->
<button ng-if="motion.isAllowed('support')" ng-click="support()" class="btn btn-default btn-sm">
<i class="fa fa-heart"></i>
<translate>Support motion</translate>
</button>
<!-- unsupport button -->
<button ng-if="motion.isAllowed('unsupport')" ng-click="unsupport()" class="btn btn-default btn-sm">
<i class="fa fa-heart-o"></i>
<translate>Unsupport motion</translate>
</button>
</div>
<h3 translate>State</h3>
<span class="label" ng-class="'label-'+motion.state.css_class">
{{ motion.state.name | translate }}
</span>
<div ng-if="motion.isAllowed('change_state')" class="spacer">
<div class="btn-group-vertical spacer" role="group">
<button ng-repeat="state in motion.state.getNextStates()" ng-click="update_state(state)"
class="btn btn-default btn-sm">
{{state.action_word}}
</button> </button>
<button ng-if="motion.isAllowed('reset_state')" ng-click="reset_state()" <!-- unsupport button -->
class="btn btn-danger btn-xs"> <button ng-if="motion.isAllowed('unsupport')" ng-click="unsupport()" class="btn btn-default btn-sm">
<i class="fa fa-exclamation-triangle"></i> <i class="fa fa-heart-o"></i>
<translate>Reset state</translate> <translate>Unsupport motion</translate>
</button> </button>
</div> </div>
</div> </div>
<div class="col-sm-4">
<!-- Category -->
<h3 translate>Category</h3>
{{ motion.category.name }}</a>
<h3 translate>Voting result</h3> <!-- Tags -->
<ol class="slimlist"> <h3 translate>Tags</h3>
<li ng-repeat="poll in motion.polls" class="spacer"> <span ng-repeat="tag in motion.tags">
<translate>Vote</translate> {{ tag.name }}{{$last ? '' : ', '}}
<button os-perms-lite="motions.can_manage" ng-click="poll.isEditMode=true;" </span>
class="btn btn-default btn-xs">
<i class="fa fa-pencil"></i> <!-- State -->
</button> <h3 translate>State</h3>
<button os-perms="motions.can_manage" ng-click="delete_poll(poll)" <span class="label" ng-class="'label-'+motion.state.css_class">
class="btn btn-default btn-xs"> {{ motion.state.name | translate }}
<i class="fa fa-times"></i> </span>
</button> <div ng-if="motion.isAllowed('change_state')" class="spacer">
<div ng-show="poll.isEditMode" class="spacer"> <div class="btn-group-vertical spacer" role="group">
<form> <button ng-repeat="state in motion.state.getNextStates()" ng-click="update_state(state)"
<p> class="btn btn-default btn-sm">
<translate>Special values</translate>:<br> {{state.action_word}}
<span class="badge badge-success">-1</span> = <translate>majority</translate><br> </button>
<span class="badge">-2</span> = <translate>undocumented</translate> <button ng-if="motion.isAllowed('reset_state')" ng-click="reset_state()"
</p> class="btn btn-danger btn-xs">
<alert ng-show="alert.show" type="{{ alert.type }}" ng-click="alert={}" close="alert={}"> <i class="fa fa-exclamation-triangle"></i>
{{alert.msg}} <translate>Reset state</translate>
</alert> </button>
</div>
</div>
</div>
<div class="col-sm-3">
<h3 translate>Voting result</h3>
<ol class="slimlist">
<li ng-repeat="poll in motion.polls" class="spacer">
<translate>Vote</translate>
<button os-perms-lite="motions.can_manage" ng-click="poll.isEditMode=true;"
class="btn btn-default btn-xs">
<i class="fa fa-pencil"></i>
</button>
<button os-perms="motions.can_manage" ng-click="delete_poll(poll)"
class="btn btn-default btn-xs">
<i class="fa fa-times"></i>
</button>
<div ng-show="poll.isEditMode" class="spacer">
<form>
<p>
<translate>Special values</translate>:<br>
<span class="badge badge-success">-1</span> = <translate>majority</translate><br>
<span class="badge">-2</span> = <translate>undocumented</translate>
</p>
<alert ng-show="alert.show" type="{{ alert.type }}" ng-click="alert={}" close="alert={}">
{{alert.msg}}
</alert>
<!-- yes -->
<div class="input-group col-sm-8 spacer">
<div class="input-group-addon" title="{{ 'Yes' | translate }}"><i class="fa fa-thumbs-up"></i></div>
<input type="number" ng-model="poll.yes" class="form-control input-sm" placeholder="{{ 'Yes' | translate }}">
</div>
<!-- no -->
<div class="input-group col-sm-8">
<div class="input-group-addon" title="{{ 'No' | translate }}"><i class="fa fa-thumbs-down"></i></div>
<input type="number" ng-model="poll.no" class="form-control input-sm" placeholder="{{ 'No' | translate }}">
</div>
<!-- abstain -->
<div class="input-group col-sm-8">
<div class="input-group-addon" title="{{ 'Abstain' | translate }}"><b>&empty;</b></div>
<input type="number" ng-model="poll.abstain" class="form-control input-sm" placeholder="{{ 'Abstain' | translate }}">
</div>
<!-- valid votes -->
<div class="input-group col-sm-8 spacer">
<div class="input-group-addon" title="{{ 'Valid votes' | translate }}"><i class="fa fa-check"></i></div>
<input type="number" ng-model="poll.votesvalid" class="form-control input-sm" placeholder="{{ 'Valid votes' | translate }}">
</div>
<!-- invalid votes -->
<div class="input-group col-sm-8">
<div class="input-group-addon" title="{{ 'Invalid votes' | translate }}"><i class="fa fa-ban"></i></div>
<input type="number" ng-model="poll.votesinvalid" class="form-control input-sm" placeholder="{{ 'Invalid votes' | translate }}">
</div>
<!-- votes cast -->
<div class="input-group col-sm-8 spacer">
<div class="input-group-addon" title="{{ 'Votes cast' | translate }}"><b>&sum;</b></div>
<input type="number" ng-model="poll.votescast" class="form-control input-sm" placeholder="{{ 'Votes cast' | translate }}">
</div>
<!-- buttons -->
<div class="spacer">
<button type="submit" ng-click="update_poll(poll)" class="btn btn-primary" translate>
Save
</button>
<button ng-click="poll.isEditMode=false;" class="btn btn-default" translate>
Cancel
</button>
</div>
</form>
</div>
<div ng-show="!poll.isEditMode && poll.yes >= -2" class="pollresults">
<!-- yes --> <!-- yes -->
<div class="input-group col-sm-8 spacer"> <div class="result_label">
<div class="input-group-addon" title="{{ 'Yes' | translate }}"><i class="fa fa-thumbs-up"></i></div> <i class="fa fa-thumbs-up"></i>
<input type="number" ng-model="poll.yes" class="form-control input-sm" placeholder="{{ 'Yes' | translate }}"> <translate>Yes</translate>:
</div> </div>
<div ng-if="poll.getYesPercent(true)">
<uib-progressbar value="poll.getYesPercent(true)" type="success"></uib-progressbar>
</div>
<div class="result_value">{{ poll.yes }} {{ poll.getYesPercent() }}</div>
<!-- no --> <!-- no -->
<div class="input-group col-sm-8"> <div class="result_label">
<div class="input-group-addon" title="{{ 'No' | translate }}"><i class="fa fa-thumbs-down"></i></div> <i class="fa fa-thumbs-down"></i>
<input type="number" ng-model="poll.no" class="form-control input-sm" placeholder="{{ 'No' | translate }}"> <translate>No</translate>:
</div> </div>
<div ng-if="poll.getNoPercent(true)">
<uib-progressbar value="poll.getNoPercent(true)" type="danger"></uib-progressbar>
</div>
<div class="result_value">{{ poll.no }} {{ poll.getNoPercent() }}</div>
<!-- abstain --> <!-- abstain -->
<div class="input-group col-sm-8"> <div class="result_label">
<div class="input-group-addon" title="{{ 'Abstain' | translate }}"><b>&empty;</b></div> <b>&empty;</b>
<input type="number" ng-model="poll.abstain" class="form-control input-sm" placeholder="{{ 'Abstain' | translate }}"> <translate>Abstain</translate>:
</div> </div>
<div ng-if="poll.getAbstainPercent(true)">
<uib-progressbar value="poll.getAbstainPercent(true)" type="warning"></uib-progressbar>
</div>
<div class="result_value">{{ poll.abstain }} {{ poll.getAbstainPercent() }}</div>
<hr class="smallhr" ng-if="poll.votesvalid || poll.votesinvalid">
<!-- valid votes --> <!-- valid votes -->
<div class="input-group col-sm-8 spacer"> <div ng-if="poll.votesvalid">
<div class="input-group-addon" title="{{ 'Valid votes' | translate }}"><i class="fa fa-check"></i></div> <div class="result_label">
<input type="number" ng-model="poll.votesvalid" class="form-control input-sm" placeholder="{{ 'Valid votes' | translate }}"> <i class="fa fa-check"></i>
<translate>Valid votes</translate>:
</div>
<div class="result_value">{{ poll.votesvalid }} {{ poll.getVotesValidPercent() }}</div>
</div> </div>
<!-- invalid votes --> <!-- invalid votes -->
<div class="input-group col-sm-8"> <div ng-if="poll.votesinvalid">
<div class="input-group-addon" title="{{ 'Invalid votes' | translate }}"><i class="fa fa-ban"></i></div> <div class="result_label">
<input type="number" ng-model="poll.votesinvalid" class="form-control input-sm" placeholder="{{ 'Invalid votes' | translate }}"> <i class="fa fa-ban"></i>
<translate>Invalid votes</translate>:
</div>
<div class="result_value">{{ poll.votesinvalid }} {{ poll.getVotesInvalidPercent() }}</div>
</div> </div>
<hr class="smallhr" ng-if="poll.votescast">
<!-- votes cast --> <!-- votes cast -->
<div class="input-group col-sm-8 spacer"> <div ng-if="poll.votescast">
<div class="input-group-addon" title="{{ 'Votes cast' | translate }}"><b>&sum;</b></div> <div class="result_label">
<input type="number" ng-model="poll.votescast" class="form-control input-sm" placeholder="{{ 'Votes cast' | translate }}"> <b>&sum;</b>
<translate>Votes cast</translate>:
</div>
<div class="result_value">{{ poll.votescast }} {{ poll.getVotesCastPercent() }}</div>
</div> </div>
<!-- buttons -->
<div class="spacer">
<button type="submit" ng-click="update_poll(poll)" class="btn btn-primary" translate>
Save
</button>
<button ng-click="poll.isEditMode=false;" class="btn btn-default" translate>
Cancel
</button>
</div>
</form>
</div>
<div ng-show="!poll.isEditMode && poll.yes >= -2" class="pollresults">
<!-- yes -->
<div class="result_label">
<i class="fa fa-thumbs-up"></i>
<translate>Yes</translate>:
</div> </div>
<div ng-if="poll.getYesPercent(true)"> </ol>
<uib-progressbar value="poll.getYesPercent(true)" type="success"></uib-progressbar> <button ng-if="motion.isAllowed('create_poll')" ng-click="create_poll()" class="btn btn-default btn-sm">
</div> <i class="fa fa-bar-chart fa-lg"></i>
<div class="result_value">{{ poll.yes }} {{ poll.getYesPercent() }}</div> <translate>New poll</translate>
<!-- no --> </button>
<div class="result_label">
<i class="fa fa-thumbs-down"></i>
<translate>No</translate>:
</div>
<div ng-if="poll.getNoPercent(true)">
<uib-progressbar value="poll.getNoPercent(true)" type="danger"></uib-progressbar>
</div>
<div class="result_value">{{ poll.no }} {{ poll.getNoPercent() }}</div>
<!-- abstain -->
<div class="result_label">
<b>&empty;</b>
<translate>Abstain</translate>:
</div>
<div ng-if="poll.getAbstainPercent(true)">
<uib-progressbar value="poll.getAbstainPercent(true)" type="warning"></uib-progressbar>
</div>
<div class="result_value">{{ poll.abstain }} {{ poll.getAbstainPercent() }}</div>
<hr class="smallhr" ng-if="poll.votesvalid || poll.votesinvalid">
<!-- valid votes -->
<div ng-if="poll.votesvalid">
<div class="result_label">
<i class="fa fa-check"></i>
<translate>Valid votes</translate>:
</div>
<div class="result_value">{{ poll.votesvalid }} {{ poll.getVotesValidPercent() }}</div>
</div>
<!-- invalid votes -->
<div ng-if="poll.votesinvalid">
<div class="result_label">
<i class="fa fa-ban"></i>
<translate>Invalid votes</translate>:
</div>
<div class="result_value">{{ poll.votesinvalid }} {{ poll.getVotesInvalidPercent() }}</div>
</div>
<hr class="smallhr" ng-if="poll.votescast">
<!-- votes cast -->
<div ng-if="poll.votescast">
<div class="result_label">
<b>&sum;</b>
<translate>Votes cast</translate>:
</div>
<div class="result_value">{{ poll.votescast }} {{ poll.getVotesCastPercent() }}</div>
</div>
</div>
</ol>
<button ng-if="motion.isAllowed('create_poll')" ng-click="create_poll()" class="btn btn-default btn-sm">
<i class="fa fa-bar-chart fa-lg"></i>
<translate>New poll</translate>
</button>
<h3 translate>Category</h3>
{{ motion.category.name }}</a>
<h3 translate>Tags</h3>
<p ng-repeat="tag in motion.tags">
<span class="label label-default spacer-top">
{{ tag.name }}
</span>
</p>
</div> </div>
<div class="col-sm-1"></div>
</div>
</div>
<div class="details">
<div class="row">
<div class="col-sm-8">
<h3 translate>Text</h3>
<div class="white-space-pre-line" ng-bind-html="motion.getText()"></div>
<!-- reason -->
<div ng-if="motion.getReason() != ''">
<h3 translate>Reason</h3>
<div class="white-space-pre-line" ng-bind-html="motion.getReason()"></div>
</div>
<!-- attachments
TODO: make 'motion.attachments' useable and itteratable in template
<div ng-if="motion.attachments">
<h3 translate>Attachments</h3>
</div>
-->
<!-- log -->
<button type="button" class="btn btn-default spacer" ng-click="isCollapsed = !isCollapsed" translate>
Show log
</button>
<div uib-collapse="isCollapsed">
<div class="well well-sm">
<ul class="list-unstyled">
<li ng-repeat="message in motion.log_messages">
<small>{{ message.message }}</small>
</div>
</div>
</div>
</div> </div>
</div> </div>

381
openslides/motions/static/templates/motions/motion-list.html
View File

@ -1,185 +1,180 @@
<h1 translate>Motions</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ng-click="newDialog()" os-perms="motions.can_create" class="btn btn-primary btn-sm"> <a ng-click="newDialog()" os-perms="motions.can_create" class="btn btn-primary btn-sm">
<i class="fa fa-plus fa-lg"></i> <i class="fa fa-plus fa-lg"></i>
<translate>New</translate> <translate>New</translate>
</a> </a>
<a ui-sref="motions.category.list" os-perms="motions.can_manage" class="btn btn-default btn-sm"> <a ui-sref="motions.category.list" os-perms="motions.can_manage" class="btn btn-default btn-sm">
<i class="fa fa-sitemap fa-lg"></i> <i class="fa fa-sitemap fa-lg"></i>
<translate>Categories</translate> <translate>Categories</translate>
</a> </a>
<a ui-sref="core.tag.list" os-perms="core.can_manage_tags" class="btn btn-default btn-sm"> <a ui-sref="core.tag.list" os-perms="core.can_manage_tags" class="btn btn-default btn-sm">
<i class="fa fa-tags fa-lg"></i> <i class="fa fa-tags fa-lg"></i>
<translate>Tags</translate> <translate>Tags</translate>
</a> </a>
<a ui-sref="motions_pdf" target="_blank" class="btn btn-default btn-sm"> <a ui-sref="motions_pdf" target="_blank" class="btn btn-default btn-sm">
<i class="fa fa-file-pdf-o fa-lg"></i> <i class="fa fa-file-pdf-o fa-lg"></i>
<translate>PDF</translate> <translate>PDF</translate>
</a> </a>
</div>
<h1 translate>Motions</h1>
</div>
</div> </div>
<div class="row form-group"> <div class="details">
<div class="col-sm-8"> <div class="row">
<form class="form-inline"> <div class="col-sm-6">
<!-- delete mode --> <!-- delete mode -->
<div os-perms-lite="motions.can_manage" class="form-group"> <button os-perms-lite="motions.can_manage" class="btn btn-default"
<label for="deleteSwitcher" translate>Delete mode</label> ng-click="isDeleteMode = !isDeleteMode; uncheckAll()">
<switch id="deleteSwitcher" ng-model="isDeleteMode" ng-change="uncheckAll()" <i class="fa fa-check-square-o"></i>
on="{{'On'|translate}}" off="{{'Off'|translate}}" <translate>Select</translate>...
class="green wide form-control"> </button>
</switch> </div>
<div class="col-sm-6">
<div class="form-inline text-right">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-search"></i></div>
<input type="text" os-focus-me ng-model="filter.search" class="form-control"
placeholder="{{ 'Search' | translate}}">
</div>
</div>
<button class="btn btn-default" ng-click="isFilter = !isFilter">
<i class="fa fa-filter"></i>
<translate>Filter</translate>...
</button>
</div> </div>
<!-- delete button --> </div>
<a ng-show="isDeleteMode && (motions|filter:{selected:true}).length > 0" </div>
os-perms="motions.can_manage" ng-click="deleteMultiple()" <div uib-collapse="!isFilter" class="row">
class="btn btn-primary btn-sm form-control"> <div class="col-sm-6 text-right"></div>
<i class="fa fa-trash fa-lg"></i> <div class="col-sm-6 text-right">
<translate>Delete selected motions</translate>
</a>
<!-- state filter --> <!-- state filter -->
&nbsp;
<select ng-model="stateFilter" class="form-control" id="stateFilter"> <select ng-model="stateFilter" class="form-control" id="stateFilter">
<option value="" translate>--- Select state ---</option> <option value="" translate>--- Select state ---</option>
<option ng-repeat="state in states" value="{{ state.id }}">{{ state.name }}</option> <option ng-repeat="state in states" value="{{ state.id }}">{{ state.name }}</option>
</select> </select>
</form>
</div>
<div class="col-sm-4">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-filter"></i></div>
<input type="text" os-focus-me ng-model="filter.search" class="form-control"
placeholder="{{ 'Filter' | translate}}">
</div> </div>
</div> </div>
</div> <div uib-collapse="!isDeleteMode" class="row spacer">
<div class="col-sm-12 text-left">
<!-- delete button -->
<a ng-show="isDeleteMode"
os-perms="motions.can_manage" ng-click="delete()"
class="btn btn-primary">
<i class="fa fa-trash fa-lg"></i>
<translate>Delete selected items</translate>
</a>
</div>
</div>
<table class="table table-striped table-bordered table-hover"> <i class="spacer">
<thead> {{ motions.length }} {{ "motion" | translate }}<span ng-if="(motions|filter:{selected:true}).length > 0">,
<tr> {{(motions|filter:{selected:true}).length}} {{ "selected" | translate }}</span>
<!-- projector column --> </i>
<th ng-show="!isDeleteMode" os-perms="core.can_manage_projector" class="firstColumn"> <table class="table table-striped table-bordered table-hover">
<!-- delete selection column --> <thead>
<th ng-show="isDeleteMode" os-perms-lite="motions.can_manage" class="firstColumn deleteColumn"> <tr>
<input type="checkbox" ng-model="selectedAll" ng-change="checkAll()"> <!-- projector column -->
<th ng-click="toggleSort('identifier')" class="sortable minimum"> <th ng-show="!isDeleteMode" os-perms="core.can_manage_projector" class="firstColumn">
<translate>Identifier</translate> <!-- delete selection column -->
<i class="pull-right fa" ng-show="sortColumn === 'identifier' && header.sortable != false" <th ng-show="isDeleteMode" os-perms-lite="motions.can_manage" class="firstColumn deleteColumn">
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> <input type="checkbox" ng-model="selectedAll" ng-change="checkAll()">
</i> <th ng-click="toggleSort('identifier')" class="sortable minimum">
<th ng-click="toggleSort('getTitle()')" class="sortable"> <translate>Identifier</translate>
<translate>Title</translate> <i class="pull-right fa" ng-show="sortColumn === 'identifier' && header.sortable != false"
<i class="pull-right fa" ng-show="sortColumn === 'getTitle()' && header.sortable != false" ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> </i>
</i> <th ng-click="toggleSort('getTitle()')" class="sortable">
<th ng-click="toggleSort('submitters')" class="sortable optional"> <translate>Title</translate>
<translate>Submitters</translate> <i class="pull-right fa" ng-show="sortColumn === 'getTitle()' && header.sortable != false"
<i class="pull-right fa" ng-show="sortColumn === 'submitters' && header.sortable != false" ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> </i>
</i> <th ng-click="toggleSort('submitters')" class="sortable optional">
<th ng-click="toggleSort('category')" class="sortable optional"> <translate>Submitters</translate>
<translate>Category</translate> <i class="pull-right fa" ng-show="sortColumn === 'submitters' && header.sortable != false"
<i class="pull-right fa" ng-show="sortColumn === 'category' && header.sortable != false" ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> </i>
</i> <th ng-click="toggleSort('category')" class="sortable optional">
<th ng-click="toggleSort('state.name')" class="sortable optional"> <translate>Category</translate>
<translate>State</translate> <i class="pull-right fa" ng-show="sortColumn === 'category' && header.sortable != false"
<i class="pull-right fa" ng-show="sortColumn === 'state.name' && header.sortable != false" ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> </i>
</i> <th ng-click="toggleSort('state.name')" class="sortable optional">
<tbody> <translate>State</translate>
<tr ng-repeat="motion in motions | filter: filter.search | filter: {state_id: stateFilter} | <i class="pull-right fa" ng-show="sortColumn === 'state.name' && header.sortable != false"
orderBy: sortColumn:reverse" ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
class="animate-item" </i>
ng-class="{ 'activeline': motion.isProjected(), 'selected': motion.selected }"> <tbody>
<!-- projector column --> <tr ng-repeat="motion in motions | filter: filter.search | filter: {state_id: stateFilter} |
<td ng-show="!isDeleteMode" os-perms-lite="core.can_manage_projector"> orderBy: sortColumn:reverse"
<a class="btn btn-default btn-sm" class="animate-item"
ng-class="{ 'btn-primary': motion.isProjected() }" ng-class="{ 'activeline': motion.isProjected(), 'selected': motion.selected }">
ng-click="motion.project()" <!-- projector column -->
title="{{ 'Project motion' | translate }}"> <td ng-show="!isDeleteMode" os-perms-lite="core.can_manage_projector">
<i class="fa fa-video-camera"></i> <a class="btn btn-default btn-sm"
</a> ng-class="{ 'btn-primary': motion.isProjected() }"
<!-- delete selection column --> ng-click="motion.project()"
<td ng-show="isDeleteMode" os-perms="motions.can_manage" class="deleteColumn"> title="{{ 'Project motion' | translate }}">
<input type="checkbox" ng-model="motion.selected"> <i class="fa fa-video-camera"></i>
<!-- motion data colums --> </a>
<td ng-if="!motion.quickEdit">{{ motion.identifier }} <!-- delete selection column -->
<td ng-if="!motion.quickEdit" ng-mouseover="motion.hover=true" ng-mouseleave="motion.hover=false"> <td ng-show="isDeleteMode" os-perms="motions.can_manage" class="deleteColumn">
<strong><a ui-sref="motions.motion.detail({id: motion.id})">{{ motion.getTitle() }}</a></strong> <input type="checkbox" ng-model="motion.selected">
<div ng-if="motion.isAllowed('update')" class="hoverActions" ng-class="{'hiddenDiv': !motion.hover}"> <!-- motion data colums -->
<span ng-if="motion.isAllowed('update')"> <td ng-if="!motion.quickEdit">{{ motion.identifier }}
<a href="" ng-click="editDialog(motion)" translate>Edit</a> <td ng-if="!motion.quickEdit" ng-mouseover="motion.hover=true" ng-mouseleave="motion.hover=false">
</span> <strong><a ui-sref="motions.motion.detail({id: motion.id})">{{ motion.getTitle() }}</a></strong>
<span ng-if="motion.isAllowed('quickedit')"> <div ng-if="motion.isAllowed('update')" class="hoverActions" ng-class="{'hiddenDiv': !motion.hover}">
| <a href="" ng-click="motion.quickEdit=true" translate>QuickEdit</a> | <span ng-if="motion.isAllowed('update')">
</span> <a href="" ng-click="editDialog(motion)" translate>Edit</a>
<span ng-if="motion.isAllowed('delete')"> </span>
<!-- TODO: translate confirm message --> <span ng-if="motion.isAllowed('quickedit')">
<a href="" class="text-danger" | <a href="" ng-click="motion.quickEdit=true" translate>QuickEdit</a> |
ng-bootbox-confirm="Are you sure you want to delete <b>{{ motion.getTitle() }}</b>?" </span>
ng-bootbox-confirm-action="delete(motion)" translate>Delete</a> <span ng-if="motion.isAllowed('delete')">
</span> <!-- TODO: translate confirm message -->
<a href="" class="text-danger"
ng-bootbox-confirm="Are you sure you want to delete <b>{{ motion.getTitle() }}</b>?"
ng-bootbox-confirm-action="delete(motion)" translate>Delete</a>
</span>
</div>
<td ng-if="!motion.quickEdit" class="optional">
<div ng-repeat="submitter in motion.submitters">
{{ submitter.get_full_name() }}<br>
</div> </div>
<td ng-if="!motion.quickEdit" class="optional"> <td ng-if="!motion.quickEdit" class="optional">
<div ng-repeat="submitter in motion.submitters"> {{ motion.category.name }}
{{ submitter.get_full_name() }}<br> <td ng-if="!motion.quickEdit" class="optional">
</div> <span class="label" ng-class="'label-'+motion.state.css_class">
<td ng-if="!motion.quickEdit" class="optional"> {{ motion.state.name | translate }}
{{ motion.category.name }} </span>
<td ng-if="!motion.quickEdit" class="optional"> <!-- quickEdit columns -->
<span class="label" ng-class="'label-'+motion.state.css_class"> <td ng-if="motion.quickEdit && motion.isAllowed('quickedit')" colspan="5">
{{ motion.state.name | translate }} <h4>{{ motion.getTitle() }} <span class="text-muted">&ndash; Quick Edit</span></h4>
</span> <alert ng-show="alert.show" type="{{ alert.type }}" ng-click="alert={}" close="alert={}">
<!-- quickEdit columns --> {{alert.msg}}
<td ng-if="motion.quickEdit && motion.isAllowed('quickedit')" colspan="5"> </alert>
<h4>{{ motion.getTitle() }} <span class="text-muted">&ndash; Quick Edit</span></h4> <div class="row">
<alert ng-show="alert.show" type="{{ alert.type }}" ng-click="alert={}" close="alert={}"> <div class="col-xs-6">
{{alert.msg}} <label for="inputIdentifier" translate>Identifier</label>
</alert> <input type="text" ng-model="motion.identifier" class="form-control input-sm"
<div class="row"> name="inputIdentifier">
<div class="col-xs-6"> </div>
<label for="inputIdentifier" translate>Identifier</label> <div class="col-xs-6">
<input type="text" ng-model="motion.identifier" class="form-control input-sm" <label for="selectCategory" translate>Category</label>
name="inputIdentifier"> <select ng-options="category.id as category.name for category in categories"
ng-model="motion.category_id" class="form-control" name="selectCategory">
</select>
</div>
</div> </div>
<div class="col-xs-6"> <div class="row">
<label for="selectCategory" translate>Category</label> <div class="col-xs-6">
<select ng-options="category.id as category.name for category in categories" <label for="selectSubmitter" translate>Submitters</label>
ng-model="motion.category_id" class="form-control" name="selectCategory"> <ui-select multiple ng-model="motion.submitters_id" name="selectSubmitter">
</select> <ui-select-match placeholder="{{ 'Select or search a submitter...' | translate }}">
</div>
</div>
<div class="row">
<div class="col-xs-6">
<label for="selectSubmitter" translate>Submitters</label>
<ui-select multiple ng-model="motion.submitters_id" name="selectSubmitter">
<ui-select-match placeholder="{{ 'Select or search a submitter...' | translate }}">
{{ $item.get_full_name() }}
</ui-select-match>
<ui-select-choices repeat="user.id as user in users | filter: $select.search">
<div ng-bind-html="user.get_full_name() | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
</div>
<div class="col-xs-6">
<label for="selectTags" translate>Tags</label>
<ui-select multiple ng-model="motion.tags_id">
<ui-select-match placeholder="{{ 'Select or search a tag...' | translate }}">
{{ $item.name }}
</ui-select-match>
<ui-select-choices repeat="tag.id as tag in tags | filter: $select.search">
{{ tag.name }}
</ui-select-choices>
</ui-select>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<div ng-if="config('motions_min_supporters') > 0">
<label for="selectSubmitter" translate>Supporters</label>
<ui-select multiple ng-model="motion.supporters_id">
<ui-select-match placeholder="{{ 'Select or search a supporter...' | translate }}">
{{ $item.get_full_name() }} {{ $item.get_full_name() }}
</ui-select-match> </ui-select-match>
<ui-select-choices repeat="user.id as user in users | filter: $select.search"> <ui-select-choices repeat="user.id as user in users | filter: $select.search">
@ -187,16 +182,42 @@
</ui-select-choices> </ui-select-choices>
</ui-select> </ui-select>
</div> </div>
<div class="col-xs-6">
<label for="selectTags" translate>Tags</label>
<ui-select multiple ng-model="motion.tags_id">
<ui-select-match placeholder="{{ 'Select or search a tag...' | translate }}">
{{ $item.name }}
</ui-select-match>
<ui-select-choices repeat="tag.id as tag in tags | filter: $select.search">
{{ tag.name }}
</ui-select-choices>
</ui-select>
</div>
</div> </div>
</div> <div class="row">
<div class="spacer"> <div class="col-xs-6">
<button ng-click="motion.quickEdit=false" class="btn btn-default pull-left" translate> <div ng-if="config('motions_min_supporters') > 0">
Cancel <label for="selectSubmitter" translate>Supporters</label>
</button> &nbsp; <ui-select multiple ng-model="motion.supporters_id">
<button ng-if="motion.isAllowed('update')" ng-click="save(motion)" class="btn btn-primary" translate> <ui-select-match placeholder="{{ 'Select or search a supporter...' | translate }}">
Update {{ $item.get_full_name() }}
</button> </ui-select-match>
<a ng-if="motion.isAllowed('update')" ui-sref="motions.motion.detail.update({id: motion.id })" <ui-select-choices repeat="user.id as user in users | filter: $select.search">
class="pull-right" translate>Edit motion...</a> <div ng-bind-html="user.get_full_name() | highlight: $select.search"></div>
</div> </ui-select-choices>
</table> </ui-select>
</div>
</div>
</div>
<div class="spacer">
<button ng-click="motion.quickEdit=false" class="btn btn-default pull-left" translate>
Cancel
</button> &nbsp;
<button ng-if="motion.isAllowed('update')" ng-click="save(motion)" class="btn btn-primary" translate>
Update
</button>
<a ng-if="motion.isAllowed('update')" ui-sref="motions.motion.detail.update({id: motion.id })"
class="pull-right" translate>Edit motion...</a>
</div>
</table>
</div>

2
openslides/users/static/js/users/site.js
View File

@ -718,7 +718,7 @@ angular.module('OpenSlidesApp.users.site', ['OpenSlidesApp.users'])
$scope.alerts.push({ $scope.alerts.push({
type: 'success', type: 'success',
msg: gettext("Installation was successfully.") + "<br>" + msg: gettext("Installation was successfully.") + "<br>" +
gettext("Use <strong>admin</strong> and <strong>admin</strong> for first login.") + "<p>" + gettext("Use <strong>admin</strong> and <strong>admin</strong> for first login.") + "<br>" +
gettext("Important: Please change your password!") gettext("Important: Please change your password!")
}); });
// close alert function // close alert function

29
openslides/users/static/templates/users/group-detail.html
View File

@ -1,14 +1,19 @@
<h1>{{ group.name }}</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ui-sref="users.group.list" class="btn btn-sm btn-default"> <a ui-sref="users.group.list" class="btn btn-sm btn-default">
<i class="fa fa-angle-double-left fa-lg"></i> <i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to overview</translate> <translate>Back to overview</translate>
</a> </a>
</div>
<h1>{{ group.name }}</h1>
<h2 translate>Group</h2>
</div>
</div> </div>
<div class="details">
<b translate>Permissions:</b> <p class="lead" translate>Permissions:</p>
<ul ng-repeat="perm in group.permissions"> <ul ng-repeat="perm in group.permissions">
<li>{{ perm }} <li>{{ perm }}
</ul> </ul>
</div>

57
openslides/users/static/templates/users/group-form.html
View File

@ -1,29 +1,34 @@
<h1 ng-if="group.id" translate>Edit group</h1> <div class="header">
<h1 ng-if="!group.id" translate>New group</h1> <div class="title">
<div class="submenu">
<div id="submenu"> <a ui-sref="users.group.list" class="btn btn-sm btn-default">
<a ui-sref="users.group.list" class="btn btn-sm btn-default"> <i class="fa fa-angle-double-left fa-lg"></i>
<i class="fa fa-angle-double-left fa-lg"></i> <translate>Back to overview</translate>
<translate>Back to overview</translate> </a>
</a> </div>
<h1 ng-if="group.id" translate>Edit group</h1>
<h1 ng-if="!group.id" translate>New group</h1>
</div>
</div> </div>
<form name="groupForm"> <div class="details">
<div class="form-group"> <form name="groupForm">
<label for="inputName" translate>Name</label> <div class="form-group">
<input type="text" ng-model="group.name" class="form-control" name="inputName" required> <label for="inputName" translate>Name</label>
</div> <input type="text" ng-model="group.name" class="form-control" name="inputName" required>
<div class="form-group"> </div>
<label for="selectPermissions" translate>Permissions</label> <div class="form-group">
<select multiple size="15" ng-options="permission.value as permission.display_name for permission in permissions" <label for="selectPermissions" translate>Permissions</label>
ng-model="group.permissions" class="form-control" name="selectPermissions" required> <select multiple size="15" ng-options="permission.value as permission.display_name for permission in permissions"
</select> ng-model="group.permissions" class="form-control" name="selectPermissions" required>
</div> </select>
</div>
<button type="submit" ng-click="save(group)" class="btn btn-primary" translate> <button type="submit" ng-click="save(group)" class="btn btn-primary" translate>
Save Save
</button> </button>
<button ui-sref="users.group.list" class="btn btn-default" translate> <button ui-sref="users.group.list" class="btn btn-default" translate>
Cancel Cancel
</button> </button>
</form> </form>
</div>

106
openslides/users/static/templates/users/group-list.html
View File

@ -1,51 +1,61 @@
<h1 translate>Groups</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ui-sref="users.group.create" os-perms="users.can_manage" class="btn btn-primary btn-sm"> <a ui-sref="users.group.create" os-perms="users.can_manage" class="btn btn-primary btn-sm">
<i class="fa fa-plus fa-lg"></i> <i class="fa fa-plus fa-lg"></i>
<translate>New</translate> <translate>New</translate>
</a> </a>
<a ui-sref="users.user.list" class="btn btn-sm btn-default"> <a ui-sref="users.user.list" class="btn btn-sm btn-default">
<i class="fa fa-angle-double-left fa-lg"></i> <i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to overview</translate> <translate>Back to overview</translate>
</a> </a>
</div> </div>
<h1 translate>Groups</h1>
<div class="row form-group">
<div class="col-sm-4 right">
<input type="text" os-focus-me ng-model="filter.search" class="form-control"
placeholder="{{ 'Filter' | translate }}">
</div> </div>
</div> </div>
<table class="table table-striped table-bordered table-hover"> <div class="details">
<thead> <div class="row form-group">
<tr> <div class="col-sm-4 pull-right">
<th ng-click="sortby='id';reverse=!reverse"> <div class="form-group">
<translate>ID</translate> <div class="input-group">
<i class="fa" ng-show="sortby == 'id'" <div class="input-group-addon"><i class="fa fa-search"></i></div>
ng-class="reverse ? 'fa-caret-down' : 'fa-caret-up'"></i> <input type="text" os-focus-me ng-model="filter.search" class="form-control"
<th ng-click="sortby='name';reverse=!reverse"> placeholder="{{ 'Search' | translate}}">
<translate>Name</translate> </div>
<i class="fa" ng-show="sortby == 'name'" </div>
ng-class="reverse ? 'fa-caret-down' : 'fa-caret-up'"></i> </div>
<th os-perms="users.can_manage core.can_manage_projector" class="mini_width" translate>Actions</th> </div>
<tbody>
<tr ng-repeat="group in groups | filter: filter.search | orderBy:sortby:reverse"> <table class="table table-striped table-bordered table-hover">
<td>{{ group.id }} <thead>
<td><a ui-sref="users.group.detail({id: group.id})">{{ group.name }}</a> <tr>
<td os-perms="users.can_manage" class="nobr"> <th ng-click="sortby='id';reverse=!reverse">
<!-- edit --> <translate>ID</translate>
<a ui-sref="users.group.detail.update({id: group.id})" os-perms="users.can_manage" <i class="fa" ng-show="sortby == 'id'"
class="btn btn-default btn-sm" ng-class="reverse ? 'fa-caret-down' : 'fa-caret-up'"></i>
title="{{ 'Edit' | translate }}"> <th ng-click="sortby='name';reverse=!reverse">
<i class="fa fa-pencil"></i> <translate>Name</translate>
</a> <i class="fa" ng-show="sortby == 'name'"
<!-- delete --> ng-class="reverse ? 'fa-caret-down' : 'fa-caret-up'"></i>
<a os-perms="users.can_manage" class="btn btn-danger btn-sm" <th os-perms="users.can_manage core.can_manage_projector" class="mini_width" translate>Actions</th>
ng-bootbox-confirm="Are you sure you want to delete <b>{{ group.name }}</b>?" <tbody>
ng-bootbox-confirm-action="delete(group)" <tr ng-repeat="group in groups | filter: filter.search | orderBy:sortby:reverse">
title="{{ 'Delete' | translate }}"> <td>{{ group.id }}
<i class="fa fa-trash-o"></i> <td><a ui-sref="users.group.detail({id: group.id})">{{ group.name }}</a>
</a> <td os-perms="users.can_manage" class="nobr">
</table> <!-- edit -->
<a ui-sref="users.group.detail.update({id: group.id})" os-perms="users.can_manage"
class="btn btn-default btn-sm"
title="{{ 'Edit' | translate }}">
<i class="fa fa-pencil"></i>
</a>
<!-- delete -->
<a os-perms="users.can_manage" class="btn btn-danger btn-sm"
ng-bootbox-confirm="Are you sure you want to delete <b>{{ group.name }}</b>?"
ng-bootbox-confirm-action="delete(group)"
title="{{ 'Delete' | translate }}">
<i class="fa fa-trash-o"></i>
</a>
</table>
</div>

78
openslides/users/static/templates/users/user-detail-password.html
View File

@ -1,37 +1,43 @@
<h1>Change password</h1> <div class="header">
<div class="title">
<h1>Change password</h1>
</div>
</div>
<p ng-if='formError' class="text-danger"> <div class="details">
<strong>{{ formError }}</strong> <p ng-if='formError' class="text-danger">
</p> <strong>{{ formError }}</strong>
<form name="userForm" > </p>
<div class="form-group"> <form name="userForm" >
<label for="inputOldPassword" translate>Old password</label> <div class="form-group">
<input type="password" <label for="inputOldPassword" translate>Old password</label>
ng-model="oldPassword" <input type="password"
class="form-control" ng-model="oldPassword"
name="inputOldPassword" class="form-control"
required> name="inputOldPassword"
</div> required>
<div class="form-group"> </div>
<label for="inputNewPassword" translate>New password</label> <div class="form-group">
<input type="password" <label for="inputNewPassword" translate>New password</label>
ng-model="newPassword" <input type="password"
class="form-control" ng-model="newPassword"
name="inputNewPassword" class="form-control"
required> name="inputNewPassword"
</div> required>
<div class="form-group"> </div>
<label for="inputNewPassword2" translate>Confirm new password</label> <div class="form-group">
<input type="password" <label for="inputNewPassword2" translate>Confirm new password</label>
ng-model="newPassword2" <input type="password"
class="form-control" ng-model="newPassword2"
name="inputNewPassword2" class="form-control"
required> name="inputNewPassword2"
</div> required>
<button type="submit" ng-click="save(user)" class="btn btn-primary" translate> </div>
Save <button type="submit" ng-click="save(user)" class="btn btn-primary" translate>
</button> Save
<button ui-sref="users.user.list" class="btn btn-default" translate> </button>
Cancel <button ui-sref="users.user.list" class="btn btn-default" translate>
</button> Cancel
</form> </button>
</form>
</div>

84
openslides/users/static/templates/users/user-detail-profile.html
View File

@ -1,44 +1,50 @@
<h1>Edit profil</h1> <div class="header">
<div class="title">
<h1 translate>Edit profil</h1>
</div>
</div>
<p ng-if='formError' class="text-danger"> <div class="details">
<strong>{{ formError }}</strong> <p ng-if='formError' class="text-danger">
</p> <strong>{{ formError }}</strong>
<form name="userForm" > </p>
<div class="form-group"> <form name="userForm" >
<label for="inputUsername" translate>Username</label> <div class="form-group">
<input type="text" <label for="inputUsername" translate>Username</label>
ng-model="user.username" <input type="text"
class="form-control" ng-model="user.username"
name="inputUsername" class="form-control"
required> name="inputUsername"
</div> required>
<div class="form-group row">
<div class="col-xs-2">
<label for="inputTitle" translate-comment="academic degree" translate>Title</label>
<input type="text" ng-model="user.title" class="form-control" name="inputTitle">
</div> </div>
<div class="col-xs-5"> <div class="form-group row">
<label for="inputFirstName" translate>First name</label> <div class="col-xs-2">
<input type="text" ng-model="user.first_name" class="form-control" name="inputFirstName"> <label for="inputTitle" translate-comment="academic degree" translate>Title</label>
<input type="text" ng-model="user.title" class="form-control" name="inputTitle">
</div>
<div class="col-xs-5">
<label for="inputFirstName" translate>First name</label>
<input type="text" ng-model="user.first_name" class="form-control" name="inputFirstName">
</div>
<div class="col-xs-5">
<label for="inputLastName" translate>Last name</label>
<input type="text" ng-model="user.last_name" class="form-control" name="inputLastName">
</div>
</div> </div>
<div class="col-xs-5"> <div class="form-group">
<label for="inputLastName" translate>Last name</label> <label for="inputStructureLevel" translate>Structure level</label>
<input type="text" ng-model="user.last_name" class="form-control" name="inputLastName"> <input type="text" ng-model="user.structure_level" class="form-control" name="inputStructureLevel">
</div>
<div class="form-group">
<label for="textAbout" translate>About me</label>
<textarea ng-model="user.about_me" class="form-control" name="textAbout" />
</div> </div>
</div>
<div class="form-group">
<label for="inputStructureLevel" translate>Structure level</label>
<input type="text" ng-model="user.structure_level" class="form-control" name="inputStructureLevel">
</div>
<div class="form-group">
<label for="textAbout" translate>About me</label>
<textarea ng-model="user.about_me" class="form-control" name="textAbout" />
</div>
<button type="submit" ng-click="save(user)" class="btn btn-primary" translate> <button type="submit" ng-click="save(user)" class="btn btn-primary" translate>
Save Save
</button> </button>
<button ui-sref="users.user.list" class="btn btn-default" translate> <button ui-sref="users.user.list" class="btn btn-default" translate>
Cancel Cancel
</button> </button>
</form> </form>
</div>

84
openslides/users/static/templates/users/user-detail.html
View File

@ -1,43 +1,49 @@
<h1>{{ user.get_short_name() }}</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ui-sref="users.user.list" class="btn btn-sm btn-default"> <a ui-sref="users.user.list" class="btn btn-sm btn-default">
<i class="fa fa-angle-double-left fa-lg"></i> <i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to overview</translate> <translate>Back to overview</translate>
</a> </a>
<!-- project --> <!-- project -->
<a os-perms="core.can_manage_projector" class="btn btn-default btn-sm" <a os-perms="core.can_manage_projector" class="btn btn-default btn-sm"
ng-class="{ 'btn-primary': user.isProjected() }" ng-class="{ 'btn-primary': user.isProjected() }"
ng-click="user.project()" ng-click="user.project()"
title="{{ 'Project user' | translate }}"> title="{{ 'Project user' | translate }}">
<i class="fa fa-video-camera"></i> <i class="fa fa-video-camera"></i>
</a> </a>
<!-- edit --> <!-- edit -->
<a ui-sref="users.user.detail.update({id: user.id })" os-perms="users.can_manage" <a ui-sref="users.user.detail.update({id: user.id })" os-perms="users.can_manage"
class="btn btn-default btn-sm" class="btn btn-default btn-sm"
title="{{ 'Edit' | translate}}"> title="{{ 'Edit' | translate}}">
<i class="fa fa-pencil"></i> <i class="fa fa-pencil"></i>
</a> </a>
</div>
<h1>{{ user.get_short_name() }}</h1>
<h2 translate>Participant</h2>
</div>
</div> </div>
<div class="user_details form-group"> <div class="details">
<fieldset> <div class="user_details form-group">
<legend translate>Personal data</legend> <fieldset>
<label translate>Structure level</label> <legend translate>Personal data</legend>
{{ user.structure_level }} <label translate>Structure level</label>
<label translate>Groups</label> {{ user.structure_level }}
<div ng-repeat="group in user.groups"> <label translate>Groups</label>
{{ (groups | filter: {id: group})[0].name }} <div ng-repeat="group in user.groups">
</div> {{ (groups | filter: {id: group})[0].name }}
<label translate>About me</label> </div>
<div class="white-space-pre-line">{{ user.about_me }}</div> <label translate>About me</label>
</fieldset> <div class="white-space-pre-line">{{ user.about_me }}</div>
</fieldset>
<fieldset os-perms="users.can_manage"> <fieldset os-perms="users.can_manage">
<legend translate>Administrative data</legend> <legend translate>Administrative data</legend>
<label translate>Username</label> <label translate>Username</label>
{{ user.username }} {{ user.username }}
<label translate>Comment</label> <label translate>Comment</label>
<div class="white-space-pre-line">{{ user.comment }}</div> <div class="white-space-pre-line">{{ user.comment }}</div>
</fieldset> </fieldset>
</div>
</div> </div>

197
openslides/users/static/templates/users/user-import.html
View File

@ -1,98 +1,103 @@
<h1 translate>Import participants</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ui-sref="users.user.list" class="btn btn-sm btn-default"> <a ui-sref="users.user.list" class="btn btn-sm btn-default">
<i class="fa fa-angle-double-left fa-lg"></i> <i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to overview</translate> <translate>Back to overview</translate>
</a> </a>
</div>
<h2 translate>Import by copy/paste</h2>
<p translate>Copy and paste your participant names in this textbox.
Keep each person in a single line.</p>
<div class="row">
<div class="form-group col-sm-6">
<textarea ng-model="userlist" rows="5" class="form-control" ng-list="/\n/"></textarea>
</div>
</div>
<div class="clearfix">
<button ng-click="importByLine()" class="btn btn-primary pull-left" translate>Import</button>
<div class="col-xs-5" ng-if="users">
<progressbar animate="false" type="success" max="users.length" value="importcounter">
<i>{{ importcounter }} / {{ users.length }} {{ "imported" | translate }}</i>
</progressbar>
</div>
</div>
<hr>
<h2 translate>Import by CSV file</h2>
<p translate>Select a CSV file to import users!
<p translate>Please note:</p>
<ul>
<li><translate>Required comma separated values</translate>:<br>
<code translate>'title, first_name, last_name, structure level, groups, comment, is active'</code>
<li><translate>Default groups</translate>:
<translate>Delegate</translate> <code>3</code>,
<translate>Staff</translate> <code>4</code>
<li translate>At least first name or lastname have to be filled in. All
other fields are optional and may be empty.
<li translate>The header in first line is required.
<li translate>Required CSV file encoding is UTF-8.
<li><a href="https://github.com/OpenSlides/OpenSlides/wiki/CSV-Import" translate>
Use the CSV example file from OpenSlides Wiki.
</a>
</ul>
<ng-csv-import
content="csv.content"
class="import"
header="csv.header"
separator="csv.separator"
result="csv.result"></ng-csv-import>
<div ng-if="csv.result" class="col-sm-10 well">
<h3 translate>Preview</h3>
<table class="table table-striped table-bordered table-condensed">
<thead>
<tr>
<th>#
<th translate>Title
<th translate>First name
<th translate>Last name
<th translate>Structure level
<th translate>Groups
<th translate>Comment</th>
<tbody ng-repeat="user in csv.result">
<tr>
<td>{{ $index+1 }}
<td>{{ user.title }}
<td>{{ user.first_name }}
<td>{{ user.last_name }}
<td>{{ user.structure_level }}
<td>{{ user.groups }}
<td>{{ user.comment }}
</table>
<div class="clearfix">
<button ng-if="!csvimporting" ng-click="importByCSV(csv.result)" class="btn btn-primary pull-left" translate>Import</button>
<div ng-if="csvimporting">
<progressbar animate="false" type="success" max="csvlines" value="csvimportcounter">
<i>{{ csvimportcounter }} / {{ csvlines }} {{ "imported" | translate }}</i>
</progressbar>
</div>
<a ng-if="csvimported" ui-sref="users.user.list" class="btn btn-sm btn-default">
<i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to users overview</translate>
</a>
</div>
<p>
<div class="form-group">
<button ng-if="!csvimporting" ng-click="clear()" class="btn btn-default" translate>
Clear
</button>
</div> </div>
<h1 translate>Import participants</h1>
</div>
</div>
<div class="details">
<h3 translate>Import by copy/paste</h3>
<p translate>Copy and paste your participant names in this textbox.
Keep each person in a single line.</p>
<div class="row">
<div class="form-group col-sm-6">
<textarea ng-model="userlist" rows="5" class="form-control" ng-list="/\n/"></textarea>
</div>
</div>
<div class="clearfix">
<button ng-click="importByLine()" class="btn btn-primary pull-left" translate>Import</button>
<div class="col-xs-5" ng-if="users">
<progressbar animate="false" type="success" max="users.length" value="importcounter">
<i>{{ importcounter }} / {{ users.length }} {{ "imported" | translate }}</i>
</progressbar>
</div>
</div>
<hr>
<h3 translate>Import by CSV file</h3>
<p translate>Select a CSV file to import users!
<p translate>Please note:</p>
<ul>
<li><translate>Required comma separated values</translate>:<br>
<code translate>'title, first_name, last_name, structure level, groups, comment, is active'</code>
<li><translate>Default groups</translate>:
<translate>Delegate</translate> <code>3</code>,
<translate>Staff</translate> <code>4</code>
<li translate>At least first name or lastname have to be filled in. All
other fields are optional and may be empty.
<li translate>The header in first line is required.
<li translate>Required CSV file encoding is UTF-8.
<li><a href="https://github.com/OpenSlides/OpenSlides/wiki/CSV-Import" translate>
Use the CSV example file from OpenSlides Wiki.
</a>
</ul>
<ng-csv-import
content="csv.content"
class="import"
header="csv.header"
separator="csv.separator"
result="csv.result"></ng-csv-import>
<div ng-if="csv.result" class="col-sm-10 well">
<h3 translate>Preview</h3>
<table class="table table-striped table-bordered table-condensed">
<thead>
<tr>
<th>#
<th translate>Title
<th translate>First name
<th translate>Last name
<th translate>Structure level
<th translate>Groups
<th translate>Comment</th>
<tbody ng-repeat="user in csv.result">
<tr>
<td>{{ $index+1 }}
<td>{{ user.title }}
<td>{{ user.first_name }}
<td>{{ user.last_name }}
<td>{{ user.structure_level }}
<td>{{ user.groups }}
<td>{{ user.comment }}
</table>
<div class="clearfix">
<button ng-if="!csvimporting" ng-click="importByCSV(csv.result)" class="btn btn-primary pull-left" translate>Import</button>
<div ng-if="csvimporting">
<progressbar animate="false" type="success" max="csvlines" value="csvimportcounter">
<i>{{ csvimportcounter }} / {{ csvlines }} {{ "imported" | translate }}</i>
</progressbar>
</div>
<a ng-if="csvimported" ui-sref="users.user.list" class="btn btn-sm btn-default">
<i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to users overview</translate>
</a>
</div>
<p>
<div class="form-group">
<button ng-if="!csvimporting" ng-click="clear()" class="btn btn-default" translate>
Clear
</button>
</div>
</div>
</div> </div>

262
openslides/users/static/templates/users/user-list.html
View File

@ -1,131 +1,153 @@
<h1 translate>Participants</h1> <div class="header">
<div class="title">
<div id="submenu"> <div class="submenu">
<a ng-click="newDialog()" os-perms="users.can_manage" class="btn btn-primary btn-sm"> <a ng-click="newDialog()" os-perms="users.can_manage" class="btn btn-primary btn-sm">
<i class="fa fa-user-plus fa-lg"></i> <i class="fa fa-user-plus fa-lg"></i>
<translate>New</translate> <translate>New</translate>
</a> </a>
<a ui-sref="users.group.list" os-perms="users.can_manage" class="btn btn-default btn-sm"> <a ui-sref="users.group.list" os-perms="users.can_manage" class="btn btn-default btn-sm">
<i class="fa fa-group fa-lg"></i> <i class="fa fa-group fa-lg"></i>
<translate>Groups</translate> <translate>Groups</translate>
</a> </a>
<a ui-sref="users.user.import" os-perms="users.can_manage" class="btn btn-default btn-sm"> <a ui-sref="users.user.import" os-perms="users.can_manage" class="btn btn-default btn-sm">
<i class="fa fa-download fa-lg"></i> <i class="fa fa-download fa-lg"></i>
<translate>Import</translate> <translate>Import</translate>
</a> </a>
<div class="btn-group" uib-dropdown> <div class="btn-group" uib-dropdown>
<button os-perms="users.can_manage" class="btn btn-default btn-sm" uib-dropdown-toggle> <button os-perms="users.can_manage" class="btn btn-default btn-sm" uib-dropdown-toggle>
<i class="fa fa-file-pdf-o fa-lg"></i> <i class="fa fa-file-pdf-o fa-lg"></i>
<translate>PDF</translate> <translate>PDF</translate>
<span class="caret"></span> <span class="caret"></span>
</button> </button>
<ul class="uib-dropdown-menu uib-dropdown-menu-right"> <ul class="uib-dropdown-menu uib-dropdown-menu-right">
<li><a ui-sref="user_listpdf" target="_blank"> <li><a ui-sref="user_listpdf" target="_blank">
<i class="fa fa-list fa-fw"></i> <i class="fa fa-list fa-fw"></i>
<translate>List of participants</translate> <translate>List of participants</translate>
</a> </a>
<li os-perms="users.can_manage"> <li os-perms="users.can_manage">
<a ui-sref="user_passwordspdf" target="_blank"> <a ui-sref="user_passwordspdf" target="_blank">
<i class="fa fa-qrcode fa-fw"></i> <i class="fa fa-qrcode fa-fw"></i>
<translate>List of access data</translate> <translate>List of access data</translate>
</a> </a>
</ul> </ul>
</div>
</div>
<h1 translate>Participants</h1>
</div> </div>
</div> </div>
<div class="row form-group"> <div class="details">
<div class="col-sm-8"> <div class="row">
<form class="form-inline"> <div class="col-sm-6">
<!-- delete mode --> <!-- delete mode -->
<div os-perms-lite="users.can_manage" class="form-group"> <button os-perms-lite="users.can_manage" class="btn btn-default"
<label for="deleteSwitcher" translate>Delete mode</label> ng-click="isDeleteMode = !isDeleteMode; uncheckAll()">
<switch id="deleteSwitcher" ng-model="isDeleteMode" ng-change="uncheckAll()" <i class="fa fa-check-square-o"></i>
on="{{'On'|translate}}" off="{{'Off'|translate}}" <translate>Select</translate>...
class="green wide form-control"> </button>
</switch> </div>
<div class="col-sm-6">
<div class="form-inline text-right">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-search"></i></div>
<input type="text" os-focus-me ng-model="filter.search" class="form-control"
placeholder="{{ 'Search' | translate}}">
</div>
</div>
<button class="btn btn-default" ng-click="isFilter = !isFilter">
<i class="fa fa-filter"></i>
<translate>Filter</translate>...
</button>
</div> </div>
<!-- delete button --> </div>
<a ng-show="isDeleteMode && (users|filter:{selected:true}).length > 0" </div>
os-perms="users.can_manage" ng-click="deleteMultiple()" <div uib-collapse="!isFilter" class="row">
class="btn btn-primary btn-sm form-control"> <div class="col-sm-6 text-right"></div>
<i class="fa fa-trash fa-lg"></i> <div class="col-sm-6 text-right">
<translate>Delete selected users</translate>
</a>
<!-- isPresent filter --> <!-- isPresent filter -->
<input type="checkbox" ng-model="filterPresent" ng-false-value="''"> <input type="checkbox" ng-model="filterPresent" ng-false-value="''">
<translate>Is present</translate> <translate>Is present</translate>
</form>
</div>
<div class="col-sm-4">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-filter"></i></div>
<input type="text" os-focus-me ng-model="filter.search" class="form-control"
placeholder="{{ 'Filter' | translate}}">
</div> </div>
</div> </div>
</div> <div uib-collapse="!isDeleteMode" class="row spacer">
<div class="col-sm-12 text-left">
<!-- delete button -->
<a ng-show="isDeleteMode"
os-perms="users.can_manage" ng-click="delete()"
class="btn btn-primary">
<i class="fa fa-trash fa-lg"></i>
<translate>Delete selected items</translate>
</a>
</div>
</div>
<table class="table table-striped table-bordered table-hover"> <i class="spacer">
<thead> {{ users.length }} {{ "participants" | translate }}<span ng-if="(users|filter:{selected:true}).length > 0">,
<tr> {{(users|filter:{selected:true}).length}} {{ "selected" | translate }}</span>
<!-- projector column --> </i>
<th ng-show="!isDeleteMode" os-perms="core.can_manage_projector" class="firstColumn"> <table class="table table-striped table-bordered table-hover">
<!-- delete selection column --> <thead>
<th ng-show="isDeleteMode" os-perms-lite="users.can_manage" class="firstColumn deleteColumn"> <tr>
<input type="checkbox" ng-model="selectedAll" ng-change="checkAll()"> <!-- projector column -->
<th ng-click="toggleSort('first_name')" class="sortable"> <th ng-show="!isDeleteMode" os-perms="core.can_manage_projector" class="firstColumn">
<translate>Name</translate> <!-- delete selection column -->
<!-- TODO: sort by first OR last name --> <th ng-show="isDeleteMode" os-perms-lite="users.can_manage" class="firstColumn deleteColumn">
<i class="pull-right fa" ng-show="sortColumn === 'first_name' && header.sortable != false" <input type="checkbox" ng-model="selectedAll" ng-change="checkAll()">
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> <th ng-click="toggleSort('first_name')" class="sortable">
</i> <translate>Name</translate>
<th ng-click="toggleSort('structure_level')" class="sortable optional"> <!-- TODO: sort by first OR last name -->
<translate>Structure level</translate> <i class="pull-right fa" ng-show="sortColumn === 'first_name' && header.sortable != false"
<i class="pull-right fa" ng-show="sortColumn === 'structure_level' && header.sortable != false" ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> </i>
</i> <th ng-click="toggleSort('structure_level')" class="sortable optional">
<th ng-click="toggleSort('groups')" class="sortable optional"> <translate>Structure level</translate>
<translate>Groups</translate> <i class="pull-right fa" ng-show="sortColumn === 'structure_level' && header.sortable != false"
<i class="pull-right fa" ng-show="sortColumn === 'groups' && header.sortable != false" ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> </i>
</i> <th ng-click="toggleSort('groups')" class="sortable optional">
<th ng-click="toggleSort('is_present')" class="sortable minimum"> <translate>Groups</translate>
<translate>Present</translate> <i class="pull-right fa" ng-show="sortColumn === 'groups' && header.sortable != false"
<i class="pull-right fa" ng-show="sortColumn === 'is_present' && header.sortable != false" ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"> </i>
</i> <th ng-click="toggleSort('is_present')" class="sortable minimum">
<tbody> <translate>Present</translate>
<tr ng-repeat="user in users | filter: filter.search | filter: {is_present: filterPresent} | <i class="pull-right fa" ng-show="sortColumn === 'is_present' && header.sortable != false"
orderBy: sortColumn:reverse" ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'">
ng-class="{ 'activeline': user.isProjected(), 'selected': assignment.selected }"> </i>
<!-- projector column --> <tbody>
<td ng-show="!isDeleteMode" os-perms="core.can_manage_projector"> <tr ng-repeat="user in users | filter: filter.search | filter: {is_present: filterPresent} |
<a class="btn btn-default btn-sm" orderBy: sortColumn:reverse"
ng-class="{ 'btn-primary': user.isProjected() }" ng-class="{ 'activeline': user.isProjected(), 'selected': user.selected }">
ng-click="user.project()" <!-- projector column -->
title="{{ 'Project user' | translate }}"> <td ng-show="!isDeleteMode" os-perms="core.can_manage_projector">
<i class="fa fa-video-camera"></i> <a class="btn btn-default btn-sm"
</a> ng-class="{ 'btn-primary': user.isProjected() }"
<!-- delete selection column --> ng-click="user.project()"
<td ng-show="isDeleteMode" os-perms="users.can_manage" class="deleteColumn"> title="{{ 'Project user' | translate }}">
<input type="checkbox" ng-model="user.selected"> <i class="fa fa-video-camera"></i>
<!-- user data colums --> </a>
<td ng-mouseover="user.hover=true" ng-mouseleave="user.hover=false"> <!-- delete selection column -->
<strong><a ui-sref="users.user.detail({id: user.id})">{{ user.get_short_name() }}</a></strong> <td ng-show="isDeleteMode" os-perms="users.can_manage" class="deleteColumn">
<div ng-if="user.comment"> <input type="checkbox" ng-model="user.selected">
<small><i class="fa fa-info-circle"></i> {{ user.comment }}</small> <!-- user data colums -->
</div> <td ng-mouseover="user.hover=true" ng-mouseleave="user.hover=false">
<div os-perms="users.can_manage" class="hoverActions" ng-class="{'hiddenDiv': !user.hover}"> <strong><a ui-sref="users.user.detail({id: user.id})">{{ user.get_short_name() }}</a></strong>
<a href="" ng-click="editDialog(user)" translate>Edit</a> | <div ng-if="user.comment">
<!-- TODO: translate confirm message --> <small><i class="fa fa-info-circle"></i> {{ user.comment }}</small>
<a href="" class="text-danger" </div>
ng-bootbox-confirm="Are you sure you want to delete <b>{{ user.get_short_name() }}</b>?" <div os-perms="users.can_manage" class="hoverActions" ng-class="{'hiddenDiv': !user.hover}">
ng-bootbox-confirm-action="delete(user)" translate>Delete</a> <a href="" ng-click="editDialog(user)" translate>Edit</a> |
</div> <!-- TODO: translate confirm message -->
<td class="optional">{{ user.structure_level }} <a href="" class="text-danger"
<td class="optional"> ng-bootbox-confirm="Are you sure you want to delete <b>{{ user.get_short_name() }}</b>?"
<div ng-repeat="group in user.groups"> ng-bootbox-confirm-action="delete(user)" translate>Delete</a>
{{ (groups | filter: {id: group})[0].name }} </div>
</div> <td class="optional">{{ user.structure_level }}
<td><input type="checkbox" ng-model="user.is_present" ng-click="save(user)"> <td class="optional">
</table> <div ng-repeat="group in user.groups">
{{ (groups | filter: {id: group})[0].name }}
</div>
<td><input type="checkbox" ng-model="user.is_present" ng-click="save(user)">
</table>
</div>