flash: re-add flash messages to top application component

backend/src/appenlight/templates/layout.jinja2

@@ -3,13 +3,6 b''
 {% block outer_content %}
 <!-- Begin page content -->
 <div class="container">
-    <div class="row ng-cloak" data-ng-if="flash.length" style="margin-bottom: 10px">
-        <div class="col-xs-12">
-            {% raw %}
-            <uib-alert data-ng-repeat="message in flash" type="{{ message.type}}" close="closeAlert($index)" class="animate-repeat">{{message.msg}}</uib-alert>
-            {% endraw %}
-        </div>
-    </div>
     <div class="row">
         {% block content %}{% endblock %}
     </div>

frontend/src/app.js

@@ -45,7 +45,10 b" angular.module('appenlight.components', ["
     'appenlight.components.appenlightHeader',
     'appenlight.components.indexDashboardView',
     'appenlight.components.logsBrowserView',
-    'appenlight.components.eventBrowserView'
+    'appenlight.components.eventBrowserView',
+    'appenlight.components.userProfileView',
+    'appenlight.components.userIdentitiesView',
+    'appenlight.components.settingsView'
 ]);
 angular.module('appenlight.directives', [
     'appenlight.directives.c3chart',

frontend/src/components/appenlight-app/appenlight-app.html

@@ -1,5 +1,16 b''
 <channelstream config="AeConfig"></channelstream>
 <appenlight-header></appenlight-header>
+<div class="container" data-ng-if="flash.length">
+    <div class="row" style="margin-bottom: 10px">
+        <div class="col-xs-12">
+            <uib-alert data-ng-repeat="message in flash"
+                       type="{{ message.type }}"
+                       close="closeAlert($index)" class="animate-repeat">
+                {{ message.msg }}</uib-alert>
+        </div>
+    </div>
+</div>
+
 <div id="outer-content">
     <div ui-view class="container"></div>
 </div>

frontend/src/routes.js

@@ -140,25 +140,23 b" angular.module('appenlight').config(['$stateProvider', '$urlRouterProvider', fun"
     });
 
     $stateProvider.state('admin.configs.list', {
-        url: '',
+        url: '/list',
         templateUrl: 'templates/admin/configs/edit.html',
         controller: 'ConfigsListController as configs'
     });
 
     $stateProvider.state('user', {
         url: '/ui/user',
-        templateUrl: 'templates/user/parent_view.html'
+        component: 'settingsView'
     });
 
     $stateProvider.state('user.profile', {
         abstract: true,
-        url: '/profile',
-        templateUrl: 'templates/user/profile.html'
+        template: '<ui-view></ui-view>'
     });
     $stateProvider.state('user.profile.edit', {
-        url: '',
-        templateUrl: 'templates/user/profile_edit.html',
-        controller: 'UserProfileController as profile'
+        url: '/profile',
+        component: 'userProfileView'
     });
 
 
@@ -170,8 +168,7 b" angular.module('appenlight').config(['$stateProvider', '$urlRouterProvider', fun"
 
     $stateProvider.state('user.profile.identities', {
         url: '/identities',
-        templateUrl: 'templates/user/profile_identities.html',
-        controller: 'UserIdentitiesController as identities'
+        component: 'userIdentitiesView'
     });
 
     $stateProvider.state('user.profile.auth_tokens', {
@@ -187,7 +184,7 b" angular.module('appenlight').config(['$stateProvider', '$urlRouterProvider', fun"
     });
 
     $stateProvider.state('user.alert_channels.list', {
-        url: '',
+        url: '/list',
         templateUrl: 'templates/user/alert_channels_list.html',
         controller: 'AlertChannelsController as channels'
     });
@@ -205,7 +202,7 b" angular.module('appenlight').config(['$stateProvider', '$urlRouterProvider', fun"
     });
 
     $stateProvider.state('applications.list', {
-        url: '',
+        url: '/list',
         templateUrl: 'templates/applications/list.html',
         controller: 'ApplicationsListController as applications'
     });