From faebddd114825e0437c0bc30d30c228a4b84ee86 Mon Sep 17 00:00:00 2001
From: mustafahlvc <mustafahlvc@gmail.com>
Date: Sun, 20 Aug 2017 16:39:22 +0300
Subject: [PATCH] Small fixes for todo, mail, projects-dashboard app, ie
 suppport etc..

---
 .../components/search-bar/search-bar.component.html |  2 +-
 src/app/core/scss/partials/_page-layouts.scss       |  4 +++-
 src/app/core/scss/partials/_toolbar.scss            |  2 +-
 .../chat/sidenavs/left/user/user.component.html     |  2 +-
 .../apps/dashboards/project/project.component.html  |  2 +-
 src/app/main/content/apps/mail/mail.component.html  |  4 ++--
 .../todo/todo-details/todo-details.component.ts     | 13 +++++++------
 src/app/main/content/apps/todo/todo.component.html  |  4 ++--
 src/app/main/content/apps/todo/todo.component.ts    |  4 ++--
 src/app/main/content/apps/todo/todo.service.ts      |  4 ++--
 10 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/app/core/components/search-bar/search-bar.component.html b/src/app/core/components/search-bar/search-bar.component.html
index 4ac02829..6699664d 100644
--- a/src/app/core/components/search-bar/search-bar.component.html
+++ b/src/app/core/components/search-bar/search-bar.component.html
@@ -1,4 +1,4 @@
-<div class="fuse-search-bar" [ngClass]="{'expanded':!collapsed}" fxLayout="row" fxLayoutAlign="start center" fxFlex>
+<div class="fuse-search-bar" [ngClass]="{'expanded':!collapsed}" fxLayout="row" fxLayoutAlign="start center" fxFlex="0 1 auto">
 
     <label for="fuse-search-bar-input">
         <button md-icon-button class="fuse-search-bar-expander" aria-label="Expand Search Bar" (click)="expand()"
diff --git a/src/app/core/scss/partials/_page-layouts.scss b/src/app/core/scss/partials/_page-layouts.scss
index 40dc010c..5843ea24 100644
--- a/src/app/core/scss/partials/_page-layouts.scss
+++ b/src/app/core/scss/partials/_page-layouts.scss
@@ -35,6 +35,7 @@ $top-bg-image: url('assets/images/backgrounds/header-bg.png');
             left: 0;
             height: $carded-header-height;
             background-image: $top-bg-image;
+            background-size: cover;
 
             @include media-breakpoint('sm') {
                 height: $carded-header-height-sm;
@@ -273,8 +274,9 @@ $top-bg-image: url('assets/images/backgrounds/header-bg.png');
         min-width: 100%;
 
         // Top bg
-        .header {
+        > .header {
             background-image: $top-bg-image;
+            background-size: cover;
         }
 
         // Fullwidth
diff --git a/src/app/core/scss/partials/_toolbar.scss b/src/app/core/scss/partials/_toolbar.scss
index 25b6e615..dc717d01 100644
--- a/src/app/core/scss/partials/_toolbar.scss
+++ b/src/app/core/scss/partials/_toolbar.scss
@@ -1,7 +1,7 @@
 .toolbar {
 
     .toolbar-separator {
-        height: calc(100% - 16px);
+        height: 48px;
         width: 1px;
         border-right: 1px solid rgba(0, 0, 0, 0.12);
         margin: 0 12px;
diff --git a/src/app/main/content/apps/chat/sidenavs/left/user/user.component.html b/src/app/main/content/apps/chat/sidenavs/left/user/user.component.html
index 00fa8bbb..4b40de6d 100644
--- a/src/app/main/content/apps/chat/sidenavs/left/user/user.component.html
+++ b/src/app/main/content/apps/chat/sidenavs/left/user/user.component.html
@@ -36,7 +36,7 @@
 
         <form [formGroup]="userForm" fxLayout="column">
 
-            <md-input-container class="mb-24" fxFlex>
+            <md-input-container class="mb-24" fxFlex="0 1 auto">
                 <textarea mdInput placeholder="Mood" name="mood"
                           formControlName="mood" rows="3"></textarea>
             </md-input-container>
diff --git a/src/app/main/content/apps/dashboards/project/project.component.html b/src/app/main/content/apps/dashboards/project/project.component.html
index 0b437bcb..e28975db 100644
--- a/src/app/main/content/apps/dashboards/project/project.component.html
+++ b/src/app/main/content/apps/dashboards/project/project.component.html
@@ -702,7 +702,7 @@
 
                             <div class="pl-16 pr-8 py-16" fxLayout="row" fxLayoutAlign="space-between center">
 
-                                <div class="h3">{{dateNow | date: 'EEEE'}}, {{dateNow | date: 'h'}}:{{dateNow | date: 'm'}}:{{dateNow | date: 'ss'}}</div>
+                                <div class="h3">{{dateNow | date: 'EEEE, h:m:ss'}}</div>
 
                                 <div>
                                     <button md-icon-button [mdMenuTriggerFor]="moreMenu" aria-label="more">
diff --git a/src/app/main/content/apps/mail/mail.component.html b/src/app/main/content/apps/mail/mail.component.html
index 6010c37b..d6259c76 100644
--- a/src/app/main/content/apps/mail/mail.component.html
+++ b/src/app/main/content/apps/mail/mail.component.html
@@ -42,7 +42,7 @@
                 <!-- CONTENT TOOLBAR -->
                 <div class="toolbar px-24 py-8">
 
-                    <div *ngIf="!currentMail">
+                    <div fxFlex="row" fxLayoutAlign="start center">
                         <md-checkbox (click)="toggleSelectAll()" [checked]="hasSelectedMails"
                                      [indeterminate]="isIndeterminate"></md-checkbox>
 
@@ -85,7 +85,7 @@
                         </md-menu>
                     </div>
 
-                    <div *ngIf="currentMail">
+                    <div *ngIf="currentMail" fxHide.gt-lg>
                         <button md-icon-button (click)="deSelectCurrentMail()">
                             <md-icon>arrow_back</md-icon>
                         </button>
diff --git a/src/app/main/content/apps/todo/todo-details/todo-details.component.ts b/src/app/main/content/apps/todo/todo-details/todo-details.component.ts
index 7e6574c4..9d9666b8 100644
--- a/src/app/main/content/apps/todo/todo-details/todo-details.component.ts
+++ b/src/app/main/content/apps/todo/todo-details/todo-details.component.ts
@@ -36,14 +36,14 @@ export class FuseTodoDetailsComponent implements OnInit, OnDestroy
         // Subscribe to update the current todo
         this.onCurrentTodoChanged =
             this.todoService.onCurrentTodoChanged
-                .subscribe(todo => {
+                .subscribe(([todo, formType]) => {
 
-                    this.formType = 'edit';
-
-                    this.todo = todo;
-
-                    if ( this.todo )
+                    if ( todo && formType === 'edit' )
                     {
+                        this.formType = 'edit';
+
+                        this.todo = todo;
+
                         this.todoForm = this.createTodoForm();
 
                         this.onFormChange = this.todoForm.valueChanges
@@ -70,6 +70,7 @@ export class FuseTodoDetailsComponent implements OnInit, OnDestroy
                                         this.formType = 'new';
                                         this.todoForm = this.createTodoForm();
                                         this.focusTitleField();
+                                        this.todoService.onCurrentTodoChanged.next([this.todo, 'new']);
                                     });
     }
 
diff --git a/src/app/main/content/apps/todo/todo.component.html b/src/app/main/content/apps/todo/todo.component.html
index e1db6676..e8932198 100644
--- a/src/app/main/content/apps/todo/todo.component.html
+++ b/src/app/main/content/apps/todo/todo.component.html
@@ -41,7 +41,7 @@
 
                 <!-- CONTENT TOOLBAR -->
                 <div class="toolbar px-24 py-8">
-                    <div *ngIf="!currentTodo">
+                    <div fxFlex="row" fxLayoutAlign="start center">
                         <md-checkbox (click)="toggleSelectAll()" [checked]="hasSelectedTodos"
                                      [indeterminate]="isIndeterminate"></md-checkbox>
 
@@ -71,7 +71,7 @@
                         </md-menu>
                     </div>
 
-                    <div *ngIf="currentTodo">
+                    <div *ngIf="currentTodo" fxHide.gt-lg>
                         <button md-icon-button (click)="deSelectCurrentTodo()">
                             <md-icon>arrow_back</md-icon>
                         </button>
diff --git a/src/app/main/content/apps/todo/todo.component.ts b/src/app/main/content/apps/todo/todo.component.ts
index a60a5724..31661447 100644
--- a/src/app/main/content/apps/todo/todo.component.ts
+++ b/src/app/main/content/apps/todo/todo.component.ts
@@ -62,7 +62,7 @@ export class FuseTodoComponent implements OnInit, OnDestroy
 
         this.onCurrentTodoChanged =
             this.todoService.onCurrentTodoChanged
-                .subscribe(currentTodo => {
+                .subscribe(([currentTodo, formType]) => {
                     if ( !currentTodo )
                     {
                         this.currentTodo = null;
@@ -76,7 +76,7 @@ export class FuseTodoComponent implements OnInit, OnDestroy
 
     deSelectCurrentTodo()
     {
-        this.todoService.onCurrentTodoChanged.next(null);
+        this.todoService.onCurrentTodoChanged.next([null, null]);
     }
 
     ngOnDestroy()
diff --git a/src/app/main/content/apps/todo/todo.service.ts b/src/app/main/content/apps/todo/todo.service.ts
index dade9d5c..e91d84f1 100644
--- a/src/app/main/content/apps/todo/todo.service.ts
+++ b/src/app/main/content/apps/todo/todo.service.ts
@@ -31,7 +31,7 @@ export class TodoService implements Resolve<any>
 
     constructor(
         private http: Http,
-        private location: Location
+        private location: Location // Set current todo
     )
     {
         this.selectedTodos = [];
@@ -320,7 +320,7 @@ export class TodoService implements Resolve<any>
             return todo.id === id;
         });
 
-        this.onCurrentTodoChanged.next(this.currentTodo);
+        this.onCurrentTodoChanged.next([this.currentTodo, 'edit']);
 
         const tagHandle    = this.routeParams.tagHandle,
               filterHandle = this.routeParams.filterHandle;