Angular templates for users app. Use angular-gettext.

- Use new "Font Awesome" icons.
- Sorting columns.
- Filter table.
- New focusMe directive.
- Delete user
- Use ui-sref.
- Use angular-gettext for i18n.
- Added sample po files for DE and FR.
- group views
- use google coding style (2 spaces, optional end tags, etc)

bower.json

@@ -7,15 +7,11 @@
     "jquery.cookie": "~1.4.1",
     "bootstrap": "~3.3.1",
     "datatables-bootstrap3-plugin": "~0.2.0",
-    "angular": "~1.3.11",
+    "angular": "~1.3.13",
     "angular-ui-router": "~0.2.13",
+    "angular-gettext": "~2.0.2",
     "js-data-angular": "~2.1.0",
     "sockjs": "~0.3.4",
-    "jed": "~1.1.0"
+    "font-awesome-bower": "4.3.0"
-  },
-  "overrides": {
-    "jed": {
-      "main": "jed.js"
-    }
   }
 }

gulpfile.js

@@ -16,6 +16,7 @@ var argv = require('yargs').argv,
     gulp = require('gulp'),
     concat = require('gulp-concat'),
     gulpif = require('gulp-if'),
+    gettext = require('gulp-angular-gettext'),
     mainBowerFiles = require('main-bower-files'),
     minifyCSS = require('gulp-minify-css'),
     path = require('path'),
@@ -54,5 +55,24 @@ gulp.task('fonts', function() {
         .pipe(gulp.dest(path.join(output_directory, 'fonts')));
 });
 
+// Extracts translatable strings using angular-gettext and saves them in file
+// openslides/locale/angular-gettext/template-en.pot.
+gulp.task('pot', function () {
+    return gulp.src(['openslides/*/static/templates/*/*.html',
+                     'openslides/*/static/js/*/*.js'])
+        .pipe(gettext.extract('template-en.pot', {}))
+        .pipe(gulp.dest('openslides/locale/angular-gettext/'));
+});
+
+// Compiles translation files (*.po) to *.json and saves them in the directory
+// openslides/static/i18n/.
+gulp.task('translations', function () {
+    return gulp.src('openslides/locale/angular-gettext/*.po')
+        .pipe(gettext.compile({
+            format: 'json'
+        }))
+        .pipe(gulp.dest(path.join(output_directory, 'i18n')));
+});
+
 // Gulp default task. Runs all other tasks before.
 gulp.task('default', ['js', 'css', 'fonts'], function() {});

openslides/core/static/css/app.css

@@ -22,7 +22,14 @@ body {
     padding: 7px 20px 0;
     position: relative;
 }
-#header .logo img {
+.navbar-brand {
+    padding: 2px;
+    height: 40px;
+}
+.navbar-text {
+    margin-top: 9px;
+}
+#logo {
     height: 30px;
     padding-left: 3px;
 }
@@ -46,6 +53,13 @@ h1 {
     margin: 0px 0 30px;
     padding-bottom: 9px;
 }
+#submenu {
+    float: right;
+    font-size: 85%;
+    position: absolute;
+    top: 0;
+    right: 15px;
+}
 a:hover {
     text-decoration: none;
 }
@@ -118,6 +132,7 @@ tr.total td {
 .user_details label {
     font-weight: bold;
     margin: 10px 0 0 0;
+    display: block;
 }
 .user_details label:after {
     content: ":";
@@ -129,29 +144,11 @@ tr.total td {
 }
 
 /** Forms **/
-input, textarea {
+
-    width: 320px;
+/* Fix the top position by using fa-icons
-}
+ * in bootstrap's form elements with form-control-feedback */
-.small-form input {
+.has-feedback i.form-control-feedback {
-    width: 55px;
+    top: 35px;
-}
-.normal-form input {
-    width: 320px;
-}
-textarea {
-    height: 100px;
-}
-.help-inline {
-    font-size: 11px;
-}
-.errorlist{
-    margin: 0;
-}
-.errorlist li {
-    list-style: none outside none;
-}
-form .required label:after {
-    content: " *";
 }
 legend + .control-group {
     margin-top: 0px !important;

openslides/core/static/js/app.js

@@ -1,6 +1,7 @@
 angular.module('OpenSlidesApp', [
     'ui.router',
     'js-data',
+    'gettext',
     'OpenSlidesApp.core',
     'OpenSlidesApp.agenda',
     'OpenSlidesApp.assignments',

openslides/core/static/js/core.js

@@ -115,16 +115,6 @@ angular.module('OpenSlidesApp.core', [])
     });
 })
 
-.run(function($rootScope, i18n) {
-    // Puts the gettext methods into each scope.
-    // Uses the methods that are known by xgettext by default.
-    methods = ['gettext', 'dgettext', 'dcgettext', 'ngettext', 'dngettext',
-               'pgettext', 'dpgettext'];
-    _.forEach(methods, function(method) {
-        $rootScope[method] = _.bind(i18n[method], i18n);
-    });
-})
-
 .run(function($rootScope, Config) {
     // Puts the config object into each scope.
     // TODO: maybe rootscope.config has to set before findAll() is finished
@@ -164,25 +154,39 @@ angular.module('OpenSlidesApp.core', [])
     return Autoupdate;
 })
 
-.factory('i18n', function($http) {
-    // TODO: there is a bug(?) in jed. I had to call val_idx++; in line 285
-    // TODO: make the language variable and changeable at runtime
-    var i18n = new Jed({
-        'domain': 'de',
-        'locale_data': {'de': {"": {}}},
-    });  // TODO: use promise here
-    $http.get('/static/i18n/de.json')
-        .success(function(data) {
-            // TODO: check data.
-            i18n.options.locale_data['de'] = data;
-        });
-    return i18n;
-})
-
 .factory('Config', function(DS) {
     return DS.defineResource({
         name: 'config/config',
         idAttribute: 'key',
         endpoint: '/rest/config/config/'
     });
+})
+
+.controller("LanguageCtrl", function ($scope, gettextCatalog) {
+    // controller to switch app language
+    // TODO: detect browser language for default language
+    gettextCatalog.setCurrentLanguage('en');
+    //TODO: for debug only! (helps to find untranslated strings by adding "[MISSING]:")
+    gettextCatalog.debug = true;
+    $scope.switchLanguage = function (lang) {
+        gettextCatalog.setCurrentLanguage(lang);
+        if (lang != 'en') {
+            gettextCatalog.loadRemote("static/i18n/" + lang + ".json");
+        }
+    }
+})
+
+.directive('osFocusMe', function ($timeout) {
+    return {
+        link: function (scope, element, attrs, model) {
+            $timeout(function () {
+                element[0].focus();
+            });
+        }
+    };
+});
+
+// some general JavaScript functions used in all OpenSlides apps
+$(function () {
+  $('[data-toggle="tooltip"]').tooltip({'placement': 'bottom'})
 });

openslides/core/static/templates/dashboard.html

@@ -1,4 +1,6 @@
 <h1>Dashboard</h1>
-<a ui-sref="assignments.assignment.list">Assignments</a>
+<ul>
-<a ui-sref="agenda.item.list">Agenda</a>
+    <li><a ui-sref="agenda.item.list">Agenda</a>
-<a ui-sref="users.user.list">User</a>
+    <li><a ui-sref="assignments.assignment.list">Assignments</a>
+    <li><a ui-sref="users.user.list">Participants</a>
+</ul>

openslides/core/static/templates/index.html

@@ -3,7 +3,6 @@
 <!--[if IE 7]>         <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8"> <![endif]-->
 <!--[if IE 8]>         <html lang="en" ng-app="myApp" class="no-js lt-ie9"> <![endif]-->
 <!--[if gt IE 8]><!--> <html lang="en" ng-app="OpenSlidesApp" class="no-js"> <!--<![endif]-->
-<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <base href="/">
@@ -13,68 +12,123 @@
 <link rel="stylesheet" href="static/css/openslides-libs.css">
 <link rel="stylesheet" href="static/css/app.css">
 <script src="static/js/openslides-libs.js"></script>
-</head>
+
-<body>
 <!-- Navbar -->
-    <nav id="header" class="navbar">
+<nav id="header" class="navbar navbar-inverse">
   <div class="container-fluid">
     <div class="navbar-header">
-                <a href="/" class="logo"><img src="/static/img/logo.png" alt="OpenSlides" /></a>
+      <a ui-sref="dashboard" class="navbar-brand">
-                <span class="title optional">{{ config('event_name') }}</span>
+        <img id="logo" src="/static/img/logo.png" alt="OpenSlides" />
+      </a>
+      <span class="navbar-text optional">{{ config('event_name') }}</span>
     </div>
     <div class="navbar-right" ng-controller="userMenu">
       <!-- login/logout button -->
       <div class="btn-group">
         <div ng-if="operator.isAuthenticated()">
-                        <a href="#" data-toggle="dropdown" class="btn btn-default dropdown-toggle">
+          <button data-toggle="dropdown" class="btn btn-default dropdown-toggle">
             <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
             <span class="optional-small">{{ operator.user.get_short_name() }}</span>
             <span class="caret"></span>
-                        </a>
+          </button>
           <ul class="dropdown-menu pull-right">
             <li><a href="{% url 'user_settings' %}">
-                                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
+                  <i class="fa fa-cog"></i>
-                                {{ gettext("Edit profile") }}</a></li>
+                  <translate>Edit profile</translate>
-                            <li><a href="{% url 'password_change' %}">
+                </a>
-                                <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
+            <li><a href="{% url 'password_change' %}">
-                                {% trans "Change password" %}</a></li>
+                  <i class="fa fa-key"></i>
-                            <li class="divider"></li>
+                  <translate>Change password</translate>
-                            <li>
+                </a>
-                                <a ng-click="logout()">
+            <li class="divider">
-                                    <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
+            <li><a ng-click="logout()" href="">
-                                    Logout
+                  <i class="fa fa-sign-out"></i>
+                  <translate>Logout</translate>
                 </a>
-                            </li>
           </ul>
         </div>
         <div ng-if="!operator.isAuthenticated()">
-                        <a href="#" ng-click="showLoginForm = true" class="btn btn-default">
+          <button class="btn btn-default" data-toggle="modal" data-target="#loginFormModal">
-                            <span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>
+            <i class="fa fa-sign-in"></i>
-                            {{ gettext("Login") }}
+            <translate>Login</translate>
-                        </a>
+          </button>
-                        <div ng-if="showLoginForm">
+          <div class="modal" id="loginFormModal" tabindex="-1" role="dialog"
+              aria-labelledby="myModalLabel" aria-hidden="true">
+            <div class="modal-dialog modal-sm">
+              <div class="modal-content">
+                <div class="modal-header">
+                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                  </button>
+                  <h4 class="modal-title" id="myModalLabel" translate>Please sign in!</h4>
+                </div>
+                <div class="modal-body">
+                  <p ng-if='loginFailed' class="text-danger">
+                    <strong translate>Username or password is not correct.</strong>
                   <form>
-                                username: <input type="text" ng-model="username"><br>
+                    <div class="input-group form-group">
-                                password: <input type="password" ng-model="password"><br>
+                      <div class="input-group-addon"><i class="fa fa-user"></i></div>
-                                <input type="submit" ng-click="login(username, password)" value="Save" />
+                      <input type="text" ng-model="username" class="form-control input-lg"
+                          placeholder="{{'Username'|translate}}">
+                    </div>
+                    <div class="input-group form-group">
+                      <div class="input-group-addon"><i class="fa fa-key"></i></div>
+                      <input type="password" ng-model="password" class="form-control input-lg"
+                          placeholder="{{'Password'|translate}}">
+                    </div>
+                    <div class="form-group">
+                      <button type="submit" ng-click="login(username, password)"
+                          class="btn btn-primary btn-lg btn-block" translate>
+                        Login
+                      </button>
+                    </div>
+                    <div class="form-group">
+                      <!-- TODO: if anonymous user is activate -->
+                      <button type="submit" class="btn btn-default" translate>
+                        Continue as guest
+                      </button>
+                    </div>
                   </form>
                 </div>
               </div>
             </div>
           </div>
         </div>
+      </div>
+      <!-- language switcher -->
+      <div class="btn-group" ng-controller="LanguageCtrl">
+        <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
+          <i class="fa fa-flag"></i>
+          <span class="caret"></span>
+        </button>
+        <ul class="dropdown-menu dropdown-menu-right" role="menu">
+          <li><a href="" ng-click="switchLanguage('en')">
+                <i class="fa fa-flag"></i>
+                <translate>English</translate> (EN)
+              </a>
+          <li><a href="" ng-click="switchLanguage('de')">
+                <i class="fa fa-flag"></i>
+                <translate>German</translate> (DE)
+              </a>
+          <li><a href="" ng-click="switchLanguage('fr')">
+                <i class="fa fa-flag"></i>
+                <translate>French</translate> (FR)
+              </a>
+        </ul>
+      </div>
+    </div>
+  </div>
 </nav>
+
 <!-- Container -->
 <div class="container-fluid" id="container">
   <div class="row">
-
+    <!-- TODO: Sidebar navigation (main menu)
-        <!-- Sidebar navigation (main menu) -->
     <div class="col-md-2 leftmenu lefticon">
       <ul>
         {% for entry in main_menu_entries %}
             <li{% if entry.is_active %} class="active"{% endif %}>
                 <a href="{{ entry.get_url }}" class="tooltip-right">
-                        <!--TODO-->
                 <span class="glyphicon {{ entry.get_icon_css_class }}" aria-hidden="true"></span>
                 <span class="text">{{ entry }}</span>
                 </a>
@@ -82,6 +136,7 @@
         {% endfor %}
       </ul>
     </div>
+    -->
 
     <!-- Content -->
     <div id="content" class="col-md-10">
@@ -93,19 +148,17 @@
       <hr />
       <footer>
         <small>
-                    &copy; Copyright 2011–2015 | Powered by <a href="http://openslides.org" target="_blank">OpenSlides</a> | <a href="{% url 'core_version' %}">Version</a>
+          &copy; Copyright 2011-2015 |
+          Powered by <a href="http://openslides.org" target="_blank">OpenSlides</a> |
+          <a href="{% url 'core_version' %}">Version</a>
         </small>
       </footer>
     </div><!--/#content-->
-
   </div><!--/.row-->
 </div><!--/#container-->
 
-
 <script src="static/js/app.js"></script>
 <script src="static/js/core.js"></script>
 <script src="static/js/agenda/agenda.js"></script>
 <script src="static/js/assignments/assignments.js"></script>
 <script src="static/js/users/users.js"></script>
-</body>
-</html>

openslides/locale/angular-gettext/de.po

@@ -0,0 +1,50 @@
+# Language file of OpenSlides used by transifex:
+# https://www.transifex.com/projects/p/openslides/
+# Copyright (C) 2011–2013 by OpenSlides team, see AUTHORS.
+# This file is distributed under the same license as the OpenSlides package.
+# Translators:
+# emanuel <emanuel@intevation.de>, 2013
+# Emanuel Schütze <emanuel.schuetze@intevation.de>, 2013
+# Emanuel Schütze <emanuel.schuetze@intevation.de>, 2013
+# emanuel <emanuel@intevation.de>, 2013
+# Emanuel Schütze <emanuel.schuetze@intevation.de>, 2013
+# Emanuel Schütze <emanuel.schuetze@intevation.de>, 2013-2015
+# Oskar Hahn <mail@oshahn.de>, 2012
+# Norman Jäckel <transifex16062013@normanjaeckel.de>, 2013-2014
+# Norman Jäckel <transifex16062013@normanjaeckel.de>, 2013
+# Oskar Hahn <mail@oshahn.de>, 2012-2013
+# Oskar Hahn <mail@oshahn.de>, 2012
+msgid ""
+msgstr ""
+"Project-Id-Version: OpenSlides\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2015-01-16 14:24+0100\n"
+"PO-Revision-Date: 2015-01-20 08:09+0000\n"
+"Last-Translator: Emanuel Schütze <emanuel.schuetze@intevation.de>\n"
+"Language-Team: German (http://www.transifex.com/projects/p/openslides/language/de/)\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Language: de\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+#: index.html:74
+msgid "English"
+msgstr "Englisch"
+
+#: index.html:86
+msgid "French"
+msgstr "Französisch"
+
+#: index.html:80
+msgid "German"
+msgstr "Deutsch"
+
+#: user-list.html:26
+msgid "Groups"
+msgstr "Gruppen"
+
+#: user-list.html:1
+msgid "Participants"
+msgstr "Teilnehmer"
+

openslides/locale/angular-gettext/fr.po

@@ -0,0 +1,26 @@
+msgid ""
+msgstr ""
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Project-Id-Version: \n"
+"Language: fr\n"
+
+#: index.html:74
+msgid "English"
+msgstr "Anglais"
+
+#: index.html:86
+msgid "French"
+msgstr "Français"
+
+#: index.html:80
+msgid "German"
+msgstr "Allemand"
+
+#: user-list.html:26
+msgid "Groups"
+msgstr "Groupe"
+
+#: user-list.html:1
+msgid "Participants"
+msgstr "Participants"

openslides/locale/angular-gettext/template-en.pot

@@ -0,0 +1,446 @@
+msgid ""
+msgstr ""
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Project-Id-Version: \n"
+
+#: users/static/templates/users/user-csv-import.html:15
+msgid ""
+"'title, first name, last name, gender, email, group id, structure level,\n"
+"        committee, about me, comment, is active'"
+msgstr ""
+
+#: users/static/templates/users/user-detail.html:18
+#: users/static/templates/users/user-form.html:60
+msgid "About me"
+msgstr ""
+
+#: users/static/templates/users/group-list.html:32
+#: users/static/templates/users/user-list.html:94
+msgid "Actions"
+msgstr ""
+
+#: users/static/templates/users/user-detail.html:23
+msgid "Administrative data"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:13
+msgid "Apr"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:7
+msgid "April"
+msgstr ""
+
+#: users/static/templates/users/user-csv-import.html:20
+msgid ""
+"At least first name or last name have to be filled in. All\n"
+"      other fields are optional and may be empty."
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:14
+msgid "Aug"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:8
+msgid "August"
+msgstr ""
+
+#: users/static/templates/users/group-detail.html:6
+#: users/static/templates/users/group-form.html:7
+#: users/static/templates/users/group-list.html:10
+#: users/static/templates/users/user-csv-import.html:6
+#: users/static/templates/users/user-detail.html:6
+#: users/static/templates/users/user-form.html:7
+msgid "Back to overview"
+msgstr ""
+
+#: users/static/templates/users/user-csv-import.html:32
+msgid "CSV file:"
+msgstr ""
+
+#: users/static/templates/users/group-form.html:26
+#: users/static/templates/users/user-csv-import.html:41
+#: users/static/templates/users/user-form.html:79
+msgid "Cancel"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:42
+msgid "Close"
+msgstr ""
+
+#: users/static/templates/users/user-detail.html:26
+#: users/static/templates/users/user-form.html:56
+#: users/static/templates/users/user-list.html:87
+msgid "Comment"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:41
+msgid "Current time"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:15
+msgid "Dec"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:9
+msgid "December"
+msgstr ""
+
+#: users/static/templates/users/user-csv-import.html:17
+msgid "Default groups"
+msgstr ""
+
+#: users/static/templates/users/user-form.html:51
+msgid "Default password"
+msgstr ""
+
+#: users/static/templates/users/user-csv-import.html:18
+msgid "Delegate"
+msgstr ""
+
+#: users/static/templates/users/group-list.html:51
+#: users/static/templates/users/user-list.html:118
+msgid "Delete"
+msgstr ""
+
+#: users/static/templates/users/group-list.html:46
+#: users/static/templates/users/user-list.html:113
+msgid "Edit"
+msgstr ""
+
+#: users/static/templates/users/user-form.html:1
+msgid "Edit participant"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:12
+msgid "Feb"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:6
+msgid "February"
+msgstr ""
+
+#: users/static/templates/users/group-list.html:17
+#: users/static/templates/users/user-list.html:63
+msgid "Filter"
+msgstr ""
+
+#: users/static/templates/users/user-form.html:29
+msgid "First name"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:23
+#: core/static/js/jquery/datepicker-config.js:27
+msgid "Fr"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:19
+msgid "Friday"
+msgstr ""
+
+#: users/static/templates/users/user-list.html:83
+msgid "Group"
+msgstr ""
+
+#: users/static/templates/users/user-form.html:46
+msgid "Group is required."
+msgstr ""
+
+#: users/static/templates/users/group-list.html:1
+#: users/static/templates/users/user-detail.html:15
+#: users/static/templates/users/user-form.html:42
+#: users/static/templates/users/user-list.html:25
+msgid "Groups"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:39
+msgid "Hour"
+msgstr ""
+
+#: users/static/templates/users/group-list.html:25
+msgid "ID"
+msgstr ""
+
+#: users/static/templates/users/user-csv-import.html:38
+#: users/static/templates/users/user-list.html:29
+msgid "Import"
+msgstr ""
+
+#: users/static/templates/users/user-csv-import.html:1
+msgid "Import participants"
+msgstr ""
+
+#: users/static/templates/users/user-form.html:72
+msgid "Is active"
+msgstr ""
+
+#: users/static/templates/users/user-form.html:66
+#: users/static/templates/users/user-list.html:59
+msgid "Is present"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:12
+msgid "Jan"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:6
+msgid "January"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:14
+msgid "Jul"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:8
+msgid "July"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:13
+msgid "Jun"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:7
+msgid "June"
+msgstr ""
+
+#: users/static/templates/users/user-list.html:91
+msgid "Last Login"
+msgstr ""
+
+#: users/static/templates/users/user-detail.html:28
+msgid "Last login"
+msgstr ""
+
+#: users/static/templates/users/user-form.html:33
+msgid "Last name"
+msgstr ""
+
+#: users/static/templates/users/user-list.html:50
+msgid "List of access data"
+msgstr ""
+
+#: users/static/templates/users/user-list.html:45
+msgid "List of participants"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:12
+msgid "Mar"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:6
+msgid "March"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:13
+#: core/static/js/jquery/datepicker-config.js:7
+msgid "May"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:40
+msgid "Minute"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:22
+#: core/static/js/jquery/datepicker-config.js:26
+msgid "Mo"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:18
+msgid "Monday"
+msgstr ""
+
+#: users/static/templates/users/user-list.html:19
+msgid "Multiple participants"
+msgstr ""
+
+#: users/static/templates/users/group-form.html:13
+#: users/static/templates/users/group-list.html:29
+#: users/static/templates/users/user-list.html:75
+msgid "Name"
+msgstr ""
+
+#: users/static/templates/users/group-list.html:6
+#: users/static/templates/users/user-list.html:7
+msgid "New"
+msgstr ""
+
+#: users/static/templates/users/user-form.html:2
+msgid "New participant"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:15
+msgid "Nov"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:9
+msgid "November"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:15
+msgid "Oct"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:9
+msgid "October"
+msgstr ""
+
+#: users/static/templates/users/user-list.html:35
+msgid "PDF"
+msgstr ""
+
+#: users/static/templates/users/user-list.html:1
+msgid "Participants"
+msgstr ""
+
+#: users/static/templates/users/group-form.html:17
+msgid "Permissions"
+msgstr ""
+
+#: users/static/templates/users/group-detail.html:11
+msgid "Permissions:"
+msgstr ""
+
+#: users/static/templates/users/user-detail.html:12
+msgid "Personal data"
+msgstr ""
+
+#: users/static/templates/users/user-csv-import.html:12
+msgid "Please note:"
+msgstr ""
+
+#: users/static/templates/users/user-list.html:71
+msgid "Present"
+msgstr ""
+
+#: users/static/templates/users/user-csv-import.html:23
+msgid "Required CSV file encoding is UTF-8."
+msgstr ""
+
+#: users/static/templates/users/user-csv-import.html:14
+msgid "Required comma separated values"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:23
+#: core/static/js/jquery/datepicker-config.js:27
+msgid "Sa"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:19
+msgid "Saturday"
+msgstr ""
+
+#: users/static/templates/users/group-form.html:23
+#: users/static/templates/users/user-form.html:76
+msgid "Save"
+msgstr ""
+
+#: users/static/templates/users/user-csv-import.html:10
+msgid "Select a CSV file to import users!"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:14
+msgid "Sep"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:8
+msgid "September"
+msgstr ""
+
+#: users/static/templates/users/group-list.html:40
+#: users/static/templates/users/user-list.html:107
+msgid "Show"
+msgstr ""
+
+#: users/static/templates/users/user-list.html:15
+msgid "Single participant"
+msgstr ""
+
+#: users/static/templates/users/user-csv-import.html:19
+msgid "Staff"
+msgstr ""
+
+#: users/static/templates/users/user-detail.html:13
+#: users/static/templates/users/user-form.html:38
+#: users/static/templates/users/user-list.html:79
+msgid "Structure level"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:22
+#: core/static/js/jquery/datepicker-config.js:26
+msgid "Su"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:18
+msgid "Sunday"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:23
+#: core/static/js/jquery/datepicker-config.js:27
+msgid "Th"
+msgstr ""
+
+#: users/static/templates/users/user-csv-import.html:34
+msgid "The file has to be encoded in UTF-8."
+msgstr ""
+
+#: users/static/templates/users/user-csv-import.html:22
+msgid "The first line (header) is ignored."
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:19
+msgid "Thursday"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:38
+msgid "Time"
+msgstr ""
+
+#. academic degree
+#: users/static/templates/users/user-form.html:25
+msgid "Title"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:22
+#: core/static/js/jquery/datepicker-config.js:26
+msgid "Tu"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:18
+msgid "Tuesday"
+msgstr ""
+
+#: users/static/templates/users/user-csv-import.html:24
+msgid "Use the CSV example file from OpenSlides Wiki."
+msgstr ""
+
+#: users/static/templates/users/user-detail.html:24
+#: users/static/templates/users/user-form.html:14
+msgid "Username"
+msgstr ""
+
+#: users/static/templates/users/user-form.html:19
+msgid "Username is required."
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:22
+#: core/static/js/jquery/datepicker-config.js:26
+msgid "We"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:18
+msgid "Wednesday"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:2
+#: core/static/js/jquery/datepicker-config.js:32
+msgid "en"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:4
+msgid "next month"
+msgstr ""
+
+#: core/static/js/jquery/datepicker-config.js:3
+msgid "previous month"
+msgstr ""

openslides/locale/de/javascript.po

@@ -1,220 +0,0 @@
-# Language file of OpenSlides used by transifex:
-# https://www.transifex.com/projects/p/openslides/
-
-msgid ""
-msgstr ""
-"Project-Id-Version: 2.0\n"
-"Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2015-02-01 11:55+0100\n"
-"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
-"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
-"Language-Team: LANGUAGE <LL@li.org>\n"
-"Language: \n"
-"MIME-Version: 1.0\n"
-"Content-Type: text/plain; charset=CHARSET\n"
-"Content-Transfer-Encoding: 8bit\n"
-"plural_forms: nplurals=2; plural=(n != 1);"
-
-#: openslides/agenda/static/js/agenda/agenda.js:51
-msgid "test"
-msgid_plural "tests"
-msgstr[0] "test-de"
-msgstr[1] "tests-de"
-
-#: openslides/agenda/static/js/agenda.js:14
-#, javascript-format
-msgid ", of which %s are hidden."
-msgstr ""
-
-#: openslides/agenda/static/templates/agenda/item-list.html:7
-msgid "New"
-msgstr "Neu"
-
-#: openslides/core/static/js/jquery/datepicker-config.js:2
-#: openslides/core/static/js/jquery/datepicker-config.js:32
-msgid "en"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:3
-msgid "previous month"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:4
-msgid "next month"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:6
-msgid "January"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:6
-msgid "February"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:6
-msgid "March"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:7
-msgid "April"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:7
-#: openslides/core/static/js/jquery/datepicker-config.js:13
-msgid "May"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:7
-msgid "June"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:8
-msgid "July"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:8
-msgid "August"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:8
-msgid "September"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:9
-msgid "October"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:9
-msgid "November"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:9
-msgid "December"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:12
-msgid "Jan"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:12
-msgid "Feb"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:12
-msgid "Mar"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:13
-msgid "Apr"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:13
-msgid "Jun"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:14
-msgid "Jul"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:14
-msgid "Aug"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:14
-msgid "Sep"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:15
-msgid "Oct"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:15
-msgid "Nov"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:15
-msgid "Dec"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:18
-msgid "Sunday"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:18
-msgid "Monday"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:18
-msgid "Tuesday"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:18
-msgid "Wednesday"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:19
-msgid "Thursday"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:19
-msgid "Friday"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:19
-msgid "Saturday"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:22
-#: openslides/core/static/js/jquery/datepicker-config.js:26
-msgid "Su"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:22
-#: openslides/core/static/js/jquery/datepicker-config.js:26
-msgid "Mo"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:22
-#: openslides/core/static/js/jquery/datepicker-config.js:26
-msgid "Tu"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:22
-#: openslides/core/static/js/jquery/datepicker-config.js:26
-msgid "We"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:23
-#: openslides/core/static/js/jquery/datepicker-config.js:27
-msgid "Th"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:23
-#: openslides/core/static/js/jquery/datepicker-config.js:27
-msgid "Fr"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:23
-#: openslides/core/static/js/jquery/datepicker-config.js:27
-msgid "Sa"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:38
-msgid "Time"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:39
-msgid "Hour"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:40
-msgid "Minute"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:41
-msgid "Current time"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:42
-msgid "Close"
-msgstr ""

openslides/locale/en/javascript.po

@@ -1,220 +0,0 @@
-# Language file of OpenSlides used by transifex:
-# https://www.transifex.com/projects/p/openslides/
-
-msgid ""
-msgstr ""
-"Project-Id-Version: 2.0\n"
-"Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2015-02-01 11:55+0100\n"
-"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
-"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
-"Language-Team: LANGUAGE <LL@li.org>\n"
-"Language: \n"
-"MIME-Version: 1.0\n"
-"Content-Type: text/plain; charset=CHARSET\n"
-"Content-Transfer-Encoding: 8bit\n"
-"plural_forms: nplurals=2; plural=(n != 1);"
-
-#: openslides/agenda/static/js/agenda/agenda.js:51
-msgid "test"
-msgid_plural "tests"
-msgstr[0] ""
-msgstr[1] ""
-
-#: openslides/agenda/static/js/agenda.js:14
-#, javascript-format
-msgid ", of which %s are hidden."
-msgstr ""
-
-#: openslides/agenda/static/templates/agenda/item-list.html:7
-msgid "New"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:2
-#: openslides/core/static/js/jquery/datepicker-config.js:32
-msgid "en"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:3
-msgid "previous month"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:4
-msgid "next month"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:6
-msgid "January"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:6
-msgid "February"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:6
-msgid "March"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:7
-msgid "April"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:7
-#: openslides/core/static/js/jquery/datepicker-config.js:13
-msgid "May"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:7
-msgid "June"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:8
-msgid "July"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:8
-msgid "August"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:8
-msgid "September"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:9
-msgid "October"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:9
-msgid "November"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:9
-msgid "December"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:12
-msgid "Jan"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:12
-msgid "Feb"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:12
-msgid "Mar"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:13
-msgid "Apr"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:13
-msgid "Jun"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:14
-msgid "Jul"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:14
-msgid "Aug"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:14
-msgid "Sep"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:15
-msgid "Oct"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:15
-msgid "Nov"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:15
-msgid "Dec"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:18
-msgid "Sunday"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:18
-msgid "Monday"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:18
-msgid "Tuesday"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:18
-msgid "Wednesday"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:19
-msgid "Thursday"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:19
-msgid "Friday"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:19
-msgid "Saturday"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:22
-#: openslides/core/static/js/jquery/datepicker-config.js:26
-msgid "Su"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:22
-#: openslides/core/static/js/jquery/datepicker-config.js:26
-msgid "Mo"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:22
-#: openslides/core/static/js/jquery/datepicker-config.js:26
-msgid "Tu"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:22
-#: openslides/core/static/js/jquery/datepicker-config.js:26
-msgid "We"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:23
-#: openslides/core/static/js/jquery/datepicker-config.js:27
-msgid "Th"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:23
-#: openslides/core/static/js/jquery/datepicker-config.js:27
-msgid "Fr"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:23
-#: openslides/core/static/js/jquery/datepicker-config.js:27
-msgid "Sa"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:38
-msgid "Time"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:39
-msgid "Hour"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:40
-msgid "Minute"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:41
-msgid "Current time"
-msgstr ""
-
-#: openslides/core/static/js/jquery/datepicker-config.js:42
-msgid "Close"
-msgstr ""

openslides/users/static/js/users/users.js

@@ -18,7 +18,13 @@ angular.module('OpenSlidesApp.users', [])
                 }
             }
         })
-        .state('users.user.create', {})
+        .state('users.user.create', {
+            resolve: {
+                groups: function(Group) {
+                    return Group.findAll();
+                }
+            }
+        })
         .state('users.user.detail', {
             resolve: {
                 user: function(User, $stateParams) {
@@ -29,6 +35,47 @@ angular.module('OpenSlidesApp.users', [])
         .state('users.user.detail.update', {
             views: {
                 '@users.user': {}
+            },
+            resolve: {
+                groups: function(Group) {
+                    return Group.findAll();
+                }
+            }
+        })
+        .state('users.user.csv-import', {
+            url: '/csv-import',
+            controller: 'UserCSVImportCtrl',
+        })
+        // groups
+        .state('users.group', {
+            url: '/groups',
+            abstract: true,
+            template: "<ui-view/>",
+        })
+        .state('users.group.list', {
+            resolve: {
+                groups: function(Group) {
+                    return Group.findAll();
+                }
+            }
+        })
+        .state('users.group.create', {
+            resolve: {
+                groups: function(Group) {
+                    return Group.findAll();
+                }
+            }
+        })
+        .state('users.group.detail', {
+            resolve: {
+                group: function(Group, $stateParams) {
+                    return Group.find($stateParams.id);
+                }
+            }
+        })
+        .state('users.group.detail.update', {
+            views: {
+                '@users.group': {}
             }
         });
 })
@@ -187,30 +234,99 @@ angular.module('OpenSlidesApp.users', [])
     };
 }])
 
-.controller('UserListCtrl', function($scope, User, i18n) {
+.controller('UserListCtrl', function($scope, User) {
     User.bindAll({}, $scope, 'users');
+    $scope.sortby = 'first_name';
+    $scope.reverse = false;
+    $scope.filterPresent = '';
+
+    $scope.togglePresent = function (user) {
+        //the value was changed by the template (checkbox)
+        User.save(user);
+    };
+
+    $scope.delete = function (user) {
+        //TODO: add confirm message
+        User.destroy(user.id).then(
+            function(success) {
+                //TODO: success message
+            }
+        );
+    };
 })
 
 .controller('UserDetailCtrl', function($scope, User, user) {
     User.bindOne(user.id, $scope, 'user');
 })
 
-.controller('UserCreateCtrl', function($scope, User) {
+.controller('UserCreateCtrl', function($scope, $state, User, Group) {
+    Group.bindAll({where: {id: {'>': 2}}}, $scope, 'groups');
     $scope.user = {};
     $scope.save = function (user) {
-        User.create(user);
+        User.create(user).then(
-        // TODO: redirect to list-view
+            function(success) {
+                $state.go('users.user.list');
+            }
+        );
     };
 })
 
-.controller('UserUpdateCtrl', function($scope, User, user) {
+.controller('UserUpdateCtrl', function($scope, $state, User, user, Group) {
-    $scope.user = user;  // do not use Agenda.binOne(...) so autoupdate is not activated
+    Group.bindAll({where: {id: {'>': 2}}}, $scope, 'groups');
+    $scope.user = user;  // autoupdate is not activated
     $scope.save = function (user) {
-        User.save(user);
+        User.save(user).then(
-        // TODO: redirect to list-view
+            function(success) {
+                $state.go('users.user.list');
+            }
+        );
     };
 })
 
+.controller('UserCSVImportCtrl', function($scope, User) {
+    // TODO
+})
+
+.controller('GroupListCtrl', function($scope, Group) {
+    Group.bindAll({}, $scope, 'groups');
+
+    $scope.delete = function (group) {
+        //TODO: add confirm message
+        Group.destroy(group.id).then(
+            function(success) {
+                //TODO: success message
+            }
+        );
+    };
+})
+
+.controller('GroupCreateCtrl', function($scope, $state, Group) {
+    //TODO: permissions Group.bindAll({}, $scope, 'groups');
+    $scope.group = {};
+    $scope.save = function (group) {
+        Group.create(group).then(
+            function(success) {
+                $state.go('^');
+            }
+        );
+    };
+})
+
+.controller('GroupUpdateCtrl', function($scope, $state, Group, group) {
+    $scope.group = group;  // autoupdate is not activated
+    $scope.save = function (group) {
+        Group.save(group).then(
+            function(success) {
+                $state.go('users.group.list');
+            }
+        );
+    };
+})
+
+.controller('GroupDetailCtrl', function($scope, Group, group) {
+    Group.bindOne(group.id, $scope, 'group');
+})
+
 .controller('userMenu', function($scope, $http, DS, User, operator) {
     $scope.logout = function() {
         $http.post('/users/logout/').success(function(data) {
@@ -225,8 +341,12 @@ angular.module('OpenSlidesApp.users', [])
             '/users/login/',
             {'username': username, 'password': password}
         ).success(function(data) {
+            if (data.success) {
                 operator.setUser(data.user_id);
-            $scope.showLoginForm = false;
+                $scope.loginFailed = false;
+            } else {
+                $scope.loginFailed = true;
+            }
         });
     };
 });

openslides/users/static/templates/users/group-detail.html

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

openslides/users/static/templates/users/group-form.html

@@ -0,0 +1,29 @@
+<h1 ng-if="group.id">Edit group</h1>
+<h1 ng-if="!group.id">New group</h1>
+
+<div id="submenu">
+  <a ui-sref="users.group.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="userForm">
+  <div class="form-group">
+    <label for="inputName" translate>Name</label>
+    <input type="text" ng-model="group.name" class="form-control" name="inputName" ng-required="true">
+  </div>
+  <div class="form-group">
+    <label for="selectPermissions" translate>Permissions</label>
+    <select ng-options="group.permissions for group in groups"
+        ng-model="group.permissions" class="form-control" name="selectGroups">
+    </select>
+  </div>
+
+  <button type="submit" ng-click="save(group)" class="btn btn-primary" translate>
+    Save
+  </button>
+  <button ui-sref="users.group.list" class="btn btn-default" translate>
+    Cancel
+  </button>
+</form>

openslides/users/static/templates/users/group-list.html

@@ -0,0 +1,54 @@
+<h1 translate>Groups</h1>
+
+<div id="submenu">
+  <a ui-sref="users.group.create" os-perms="users.can_manage" class="btn btn-primary btn-sm">
+    <i class="fa fa-user-plus fa-lg"></i>
+    <translate>New</translate>
+  </a>
+  <a ui-sref="users.user.list" class="btn btn-sm btn-default">
+    <i class="fa fa-angle-double-left fa-lg"></i>
+    <translate>Back to overview</translate>
+  </a>
+</div>
+
+<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>
+
+<table class="table table-striped table-bordered table-hover">
+  <thead>
+    <tr>
+      <th ng-click="sortby='id';reverse=!reverse">
+        <translate>ID</translate>
+        <i class="fa" ng-show="sortby == 'id'"
+            ng-class="reverse ? 'fa-caret-down' : 'fa-caret-up'"></i>
+      <th ng-click="sortby='name';reverse=!reverse">
+        <translate>Name</translate>
+        <i class="fa" ng-show="sortby == 'name'"
+            ng-class="reverse ? 'fa-caret-down' : 'fa-caret-up'"></i>
+      <th os-perms="users.can_manage core.can_manage_projector" class="mini_width" translate>Actions</th>
+  <tbody>
+    <tr ng-repeat="group in groups | filter: filter.search | orderBy:sortby:reverse">
+      <td>{{ group.id }}
+      <td><a ui-sref="users.group.detail({id: group.id })">{{ group.name }}</a>
+      <td os-perms="users.can_manage core.can_manage_projector" class="nobr">
+        <!-- projector, TODO: add link to activate slidea-->
+        <a href="#TODO" os-perms="core.can_manage_projector" class="btn btn-default btn-sm"
+            title="{{ 'Show' | translate }}">
+          <i class="fa fa-video-camera"></i>
+        </a>
+        <!-- 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 ng-click="delete(group)" os-perms="users.can_manage" class="btn btn-danger btn-sm"
+            title="{{ 'Delete' | translate }}">
+          <i class="fa fa-trash-o"></i>
+        </a>
+</table>

openslides/users/static/templates/users/user-csv-import.html

@@ -0,0 +1,44 @@
+ <h1 translate>Import participants</h1>
+
+<div id="submenu">
+  <a ui-sref="users.user.list" class="btn btn-sm btn-default">
+    <i class="fa fa-angle-double-left fa-lg"></i>
+    <translate>Back to overview</translate>
+  </a>
+</div>
+
+<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, gender, email, group id, structure level,
+        committee, about me, 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 last name have to be filled in. All
+      other fields are optional and may be empty.
+    <li translate>The first line (header) is ignored.
+    <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>
+
+<!-- TODO: add post url to form-->
+<form>
+  <div class="form-group">
+    <label for="InputFile" translate>CSV file:</label>
+    <input type="file" id="InputFile">
+    <p class="help-block" translate>The file has to be encoded in UTF-8.
+  </div>
+
+  <!--TODO-->
+  <button type="submit" ng-click="" class="btn btn-primary" translate>
+    Import
+  </button>
+  <button ui-sref="users.user.list" class="btn btn-default" translate>
+    Cancel
+  </button>
+</form>

openslides/users/static/templates/users/user-detail.html

@@ -1,2 +1,31 @@
-<h1>Persönliche Daten</h1>
+<h1>{{ user.get_short_name() }}</h1>
-{{ user.get_short_name() }}
+
+<div id="submenu">
+  <a ui-sref="users.user.list" class="btn btn-sm btn-default">
+    <i class="fa fa-angle-double-left fa-lg"></i>
+    <translate>Back to overview</translate>
+  </a>
+</div>
+
+<div class="user_details form-group">
+  <fieldset>
+    <legend translate>Personal data</legend>
+    <label translate>Structure level</label>
+      {{ user.structure_level }}
+    <label translate>Groups</label>
+      {{ user.groups }}
+      <!-- TODO: print all groups -->
+    <label translate>About me</label>
+      {{ user.about_me }}
+  </fieldset>
+
+  <fieldset os-perms="users.can_manage">
+    <legend translate>Administrative data</legend>
+    <label translate>Username</label>
+      {{ user.username }}
+    <label translate>Comment</label>
+      {{ user.comment }}
+    <label translate>Last login</label>
+      {{ user.last_login }}
+  </fieldset>
+</div>

openslides/users/static/templates/users/user-form.html

@@ -1,8 +1,82 @@
-<h1 ng-if="user.id">{{ user.get_short_name() }}</h1>
+<h1 ng-if="user.id" translate>Edit participant</h1>
-<h1 ng-if="!user.id">{{ gettext("New User") }}</h1>
+<h1 ng-if="!user.id" translate>New participant</h1>
 
-<form>
+<div id="submenu">
-    firstname: <input type="text" ng-model="user.first_name"><br>
+  <a ui-sref="users.user.list" class="btn btn-sm btn-default">
-    lastname: <input type="text" ng-model="user.last_name"><br>
+    <i class="fa fa-angle-double-left fa-lg"></i>
-    <input type="submit" ng-click="save(user)" value="Save" />
+    <translate>Back to overview</translate>
+  </a>
+</div>
+
+<form name="userForm">
+  <div ng-if="user.id" ng-class="{'has-error has-feedback': userForm.inputUsername.$error.required}"
+      class="form-group">
+    <label for="inputUsername" translate>Username</label>
+    <input type="text" ng-model="user.username" ng-required="true" class="form-control"
+        name="inputUsername">
+    <i ng-if="userForm.inputUsername.$error.required"
+        class="fa fa-times fa-lg form-control-feedback"></i>
+    <p ng-show="userForm.inputUsername.$error.required"
+        class="error-message help-block" translate>
+      Username is required.
+  </div>
+  <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 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 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" ng-class="{'has-error has-feedback': userForm.selectGroups.$error.required}">
+    <label for="selectGroups" translate>Groups</label>
+    <select multiple ng-options="group.id as group.name for group in groups"
+      ng-required="true" ng-model="user.groups" class="form-control" name="selectGroups">
+    </select>
+    <p ng-show="userForm.selectGroups.$error.required" class="error-message help-block" translate>
+      Group is required.
+  </div>
+  <div class="form-group row">
+    <div class="col-xs-6">
+      <label for="inputDefaultPassword" translate>Default password</label>
+      <input type="text" ng-model="user.default_password" class="form-control" name="inputDefaultPassword">
+    </div>
+  </div>
+  <div class="form-group">
+    <label for="textComment" translate>Comment</label>
+    <textarea ng-model="user.comment" class="form-control" name="textComment" />
+  </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 class="form-group">
+    <label class="checkbox-inline">
+      <input type="checkbox" ng-model="user.is_present" ng-checked="user.is_present" name="checkboxActive">
+      <translate>Is present</translate>
+    </label>
+  </div>
+  <div class="form-group">
+    <label class="checkbox-inline">
+      <input type="checkbox" ng-model="user.is_active" ng-checked="user.is_active" name="checkboxActive">
+      <translate>Is active</translate>
+    </label>
+  </div>
+
+  <button type="submit" ng-click="save(user)" class="btn btn-primary" translate>
+    Save
+  </button>
+  <button ui-sref="users.user.list" class="btn btn-default" translate>
+    Cancel
+  </button>
 </form>

openslides/users/static/templates/users/user-list.html

@@ -1,10 +1,121 @@
-<ul>
+<h1 translate>Participants</h1>
-    <li ng-repeat="user in users">
-        <a ui-sref="users.user.detail({id: user.id })">{{ user.get_short_name() }}</a>
-        <a ui-sref="users.user.detail.update({id: user.id })">{{ gettext('Edit') }}</a>
-    </li>
-</ul>
 
-<a os-perms="users.can_manage" ui-sref="users.user.create">{{ gettext('New') }}</a>
+<div id="submenu">
-<span os-perms="!users.can_manage">No Permission to create</span>
+  <div os-perms="users.can_manage" class="btn-group">
-<a href="/users/print/" target="_self">PDF</a>
+    <a ui-sref="users.user.create" class="btn btn-primary btn-sm">
+      <i class="fa fa-user-plus fa-lg"></i>
+      <translate>New</translate>
+    </a>
+    <button class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown">
+      <span class="fa fa-caret-down"></span>
+    </button>
+    <ul class="dropdown-menu">
+      <li><a ui-sref="users.user.create">
+            <i class="fa fa-user fa-fw"></i>
+            <translate>Single participant</translate>
+          </a>
+      <li><a href="#TODO">
+            <i class="fa fa-group fa-fw"></i>
+            <translate>Multiple participants</translate>
+          </a>
+    </ul>
+  </div>
+  <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>
+    <translate>Groups</translate>
+  </a>
+  <a ui-sref="users.user.csv-import" os-perms="users.can_manage" class="btn btn-default btn-sm">
+    <i class="fa fa-download fa-lg"></i>
+    <translate>Import</translate>
+  </a>
+  <div class="btn-group">
+    <!-- TODO: use ui-sref -->
+    <a href="/users/print/" class="btn btn-default btn-sm" target="_blank">
+      <i class="fa fa-file-pdf-o fa-lg"></i>
+      <translate>PDF</translate>
+    </a>
+    <button os-perms="users.can_manage" class="btn btn-default btn-sm dropdown-toggle"
+        data-toggle="dropdown">
+      <i class="fa fa-caret-down"></i>
+    </button>
+    <ul class="dropdown-menu dropdown-menu-right">
+      <!-- TODO: use ui-sref -->
+      <li><a href="/users/print/" target="_blank">
+            <i class="fa fa-list fa-fw"></i>
+            <translate>List of participants</translate>
+          </a>
+      <li os-perms="users.can_manage">
+          <a href="/users/passwords/print/" target="_blank">
+            <i class="fa fa-qrcode fa-fw"></i>
+            <translate>List of access data</translate>
+          </a>
+    </ul>
+  </div>
+</div>
+
+<div class="row form-group">
+  <div class="col-sm-8">
+    <input type="checkbox" ng-model="filterPresent" ng-false-value="''">
+    <translate>Is present</translate>
+  </div>
+  <div class="col-sm-4">
+    <input type="text" os-focus-me ng-model="filter.search" class="form-control"
+        placeholder="{{ 'Filter' | translate}}">
+  </div>
+</div>
+
+<table class="table table-striped table-bordered table-hover">
+  <thead>
+    <tr>
+      <th ng-click="sortby='is_present';reverse=!reverse">
+        <translate>Present</translate>
+        <i class="fa" ng-show="sortby == 'is_present'"
+            ng-class="reverse ? 'fa-sort-desc' : 'fa-sort-asc'"></i>
+      <th ng-click="sortby='first_name';reverse=!reverse">
+        <translate>Name</translate>
+        <i class="fa" ng-show="sortby == 'first_name'"
+            ng-class="reverse ? 'fa-caret-down' : 'fa-caret-up'"></i>
+      <th class="optional" ng-click="sortby='structure_level';reverse=!reverse">
+        <translate>Structure level</translate>
+        <i class="fa" ng-show="sortby == 'structure_level'"
+            ng-class="reverse ? 'fa-caret-down' : 'fa-caret-up'"></i>
+      <th class="optional" ng-click="sortby='groups';reverse=!reverse">
+        <translate>Group</translate>
+        <i class="fa" ng-show="sortby == 'groups'"
+            ng-class="reverse ? 'fa-caret-down' : 'fa-caret-up'"></i>
+      <th os-perms="users.can_manage" class="optional" ng-click="sortby='comment';reverse=!reverse">
+        <translate>Comment</translate>
+        <i class="fa" ng-show="sortby == 'comment'"
+            ng-class="reverse ? 'fa-caret-down' : 'fa-caret-up'"></i>
+      <th os-perms="users.can_manage" class="optional" ng-click="sortby='last_login';reverse=!reverse">
+        <translate>Last Login</translate>
+        <i class="fa" ng-show="sortby == 'last_login'"
+            ng-class="reverse ? 'fa-caret-down' : 'fa-caret-up'"></i>
+      <th os-perms="users.can_manage core.can_manage_projector" class="mini_width" translate>Actions</th>
+  <tbody>
+    <tr ng-repeat="user in users | filter: filter.search | filter: {is_present: filterPresent} |
+        orderBy: sortby:reverse">
+      <td><input type="checkbox" ng-model="user.is_present" ng-click="togglePresent(user)">
+      <td><a ui-sref="users.user.detail({id: user.id})">{{ user.get_short_name() }}</a>
+      <td class="optional">{{ user.structure_level }}
+      <td class="optional">{{ user.groups }}
+      <td os-perms="users.can_manage" class="optional">{{ user.comment }}
+      <td os-perms="users.can_manage" class="optional">{{ user.last_login | date:'yyyy-MM-dd HH:mm:ss'}}
+      <td os-perms="users.can_manage core.can_manage_projector" class="nobr">
+        <!-- projector, TODO: add link to activate slidea-->
+        <a href="#TODO" os-perms="core.can_manage_projector" class="btn btn-default btn-sm"
+            title="{{ 'Show' | translate }}">
+          <i class="fa fa-video-camera"></i>
+        </a>
+        <!-- edit -->
+        <a ui-sref="users.user.detail.update({id: user.id })" os-perms="users.can_manage"
+            class="btn btn-default btn-sm"
+            title="{{ 'Edit' | translate}}">
+          <i class="fa fa-pencil"></i>
+        </a>
+        <!-- delete -->
+        <a ng-click="delete(user)" os-perms="users.can_manage" class="btn btn-danger btn-sm"
+            title="{{ 'Delete' | translate }}">
+          <i class="fa fa-trash-o"></i>
+        </a>
+</table>

openslides/users/templates/users/user_form_csv_import.html

@@ -1,52 +0,0 @@
-{% extends "base.html" %}
-
-{% load i18n %}
-
-{% block title %}{% trans "Import users" %} – {{ block.super }}{% endblock %}
-
-{% block content %}
-    <h1>
-        {% trans 'Import users' %}
-        <small class="pull-right">
-            <a href="{% url 'user_list' %}" class="btn btn-mini">
-                <i class="icon-chevron-left"></i>
-                {% trans "Back to overview" %}
-            </a>
-        </small>
-    </h1>
-
-    <p>{% trans 'Select a CSV file to import users' %}.</p>
-
-    <p>{% trans 'Please note' %}:</p>
-    <ul>
-        <li>
-            {% trans 'Required comma separated values' %}:<br>
-            <code>{% trans 'title, first name, last name, gender, email, group id, structure level, committee, about me, comment, is active' %}</code>
-        </li>
-        <li>
-            {% trans 'Default groups' %}:
-            {% trans 'Delegate' %} <code>3</code>, {% trans 'Staff' %} <code>4</code>
-        </li>
-        <li>
-            {% trans 'At least first name or last name have to be filled in. All other fields are optional and may be empty.' %}
-        </li>
-        <li>{% trans 'The first line (header) is ignored' %}.</li>
-        <li>
-            {% trans 'Required CSV file encoding is UTF-8' %}.
-        </li>
-        <li><a href="https://github.com/OpenSlides/OpenSlides/wiki/CSV-Import">{% trans 'Use the CSV example file from OpenSlides Wiki.' %}</a></li>
-    </ul>
-
-    <form enctype="multipart/form-data" action="" method="post">{% csrf_token %}
-        {% include "form.html" %}
-        <p>
-        <button class="btn btn-primary" type="submit">
-            <span class="icon import">{% trans 'Import' %}</span>
-        </button>
-        <a href="{% url 'user_list' %}" class="btn">
-            {% trans 'Cancel' %}
-        </a>
-        </p>
-        <small>* {% trans "required" %}</small>
-    </form>
-{% endblock %}

package.json

@@ -4,6 +4,7 @@
   "devDependencies": {
     "bower": "~1.3.12",
     "gulp": "~3.8.10",
+    "gulp-angular-gettext": "~2.1.0",
     "gulp-concat": "~2.4.3",
     "gulp-if": "~1.2.5",
     "gulp-minify-css": "~0.3.11",