(feat): fade changes

2E0PGS · Jan 18, 2017 · 3bec8c9 · 3bec8c9
1 parent b3ff4f2
commit 3bec8c9
Show file tree

Hide file tree

Showing 8 changed files with 17 additions and 12 deletions.
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -1,5 +1,6 @@
 import { Component, ViewChild } from "@angular/core";
-import { Nav } from 'ionic-angular';
+import { Nav, Platform } from 'ionic-angular';
+import { StatusBar } from 'ionic-native';
 
 import { TabsComponent } from "./modules/tabs/tabs.component";
 import { LoginComponent } from "./modules/auth/login.component";
@@ -18,7 +19,10 @@ export class MindsApp {
 
   rootPage : any = LoginComponent;
 
-  constructor(private oauth2 : OAuth2){
+  constructor(private oauth2 : OAuth2, private platform : Platform){
+    platform.ready().then(() => {
+      StatusBar.backgroundColorByHexString('#333333');
+    });
     if(this.oauth2.hasAccessToken()){
       this.rootPage = TabsComponent;
     }

diff --git a/src/app/common/directives/img-fade.directive.scss b/src/app/common/directives/img-fade.directive.scss
@@ -5,13 +5,12 @@ img[imgFade]{
   background:#666;
   -webkit-filter:
     //blur(1px)
-    opacity(0%);
-
+    brightness(0);
   drop-shadow:0 0 3px #EEE;
 }
 
 img.m-imgFade--loaded{
   -webkit-filter:
     //blur(0)
-    opacity(100%);
+    brightness(100%);
 }
diff --git a/src/app/modules/comments/comments.module.ts b/src/app/modules/comments/comments.module.ts
@@ -1,13 +1,13 @@
 import { NgModule }     from '@angular/core';
 import { IonicModule } from 'ionic-angular';
 
-
+import { CommonModule } from '../../common/common.module';
 import { Client } from '../../common/services/api/client';
 
 import { CommentsList } from './list.component';
 
 @NgModule({
-  imports: [ IonicModule ],
+  imports: [ IonicModule, CommonModule ],
   providers: [ Client ],
   declarations: [ CommentsList ],
   exports: [ CommentsList ],

diff --git a/src/app/modules/comments/list.component.html b/src/app/modules/comments/list.component.html
@@ -21,7 +21,7 @@
     <div *ngFor="let comment of comments">
       <div class="m-ionic-comments--comment">
         <div class="m-ionic-avatar">
-          <img [src]="'https://www.minds.com/icon/' +  comment.ownerObj.guid + '/medium'" class="mdl-shadow--2dp"/>
+          <img [src]="'https://www.minds.com/icon/' +  comment.ownerObj.guid + '/medium'" class="mdl-shadow--2dp" imgFade/>
         </div>
         <div class="m-ionic-body">
           <b>{{comment.ownerObj.name}} (@ {{comment.ownerObj.name}})</b>

diff --git a/src/app/modules/messenger/list.component.html b/src/app/modules/messenger/list.component.html
@@ -33,7 +33,7 @@
         [navPush]="components.view"
         [navParams]="{ conversation: convo }">
         <div class="m-ionic-avatar">
-          <img [src]="'https://www.minds.com/icon/' +  convo.participants[0].guid+ '/medium'" class="mdl-shadow--2dp"/>
+          <img [src]="'https://www.minds.com/icon/' +  convo.participants[0].guid+ '/medium'" class="mdl-shadow--2dp" imgFade />
         </div>
         <div class="m-ionic-body">
           <h3>{{convo.username}}</h3>

diff --git a/src/app/modules/messenger/messenger.module.ts b/src/app/modules/messenger/messenger.module.ts
@@ -1,14 +1,14 @@
 import { NgModule }     from '@angular/core';
 import { IonicModule } from 'ionic-angular';
 
-
+import { CommonModule } from '../../common/common.module';
 import { Client } from '../../common/services/api/client';
 
 import { MessengerList } from './list.component';
 import { MessengerView } from './view.component';
 
 @NgModule({
-  imports: [ IonicModule ],
+  imports: [ IonicModule, CommonModule ],
   providers: [ Client ],
   declarations: [ MessengerList, MessengerView ],
   exports: [ MessengerList ],

diff --git a/src/app/modules/notifications/list.component.html b/src/app/modules/notifications/list.component.html
@@ -14,6 +14,7 @@
           width="36"
           height="36"
           style="margin: 0px; border-radius:50%;"
+          imgFade
           />
       </button>
     </ion-buttons>

diff --git a/src/app/modules/notifications/notifications.module.ts b/src/app/modules/notifications/notifications.module.ts
@@ -1,13 +1,14 @@
 import { NgModule }     from '@angular/core';
 import { IonicModule } from 'ionic-angular';
 
+import { CommonModule } from '../../common/common.module';
 import { Client } from '../../common/services/api/client';
 import { NotificationsList } from './list.component';
 import { NotificationCard } from './card/card.component';
 
 
 @NgModule({
-  imports: [ IonicModule ],
+  imports: [ IonicModule, CommonModule ],
   providers: [ Client ],
   declarations: [ NotificationsList, NotificationCard ],
   exports: [ NotificationsList, NotificationCard ],