Fix comparison and handle case where app has permission to load but content is mixed protocol.

src/components/views/elements/AppTile.js

@@ -209,6 +209,15 @@ export default React.createClass({
                 </div>
             );
         } else if (this.state.hasPermissionToLoad == true) {
+            if (this.isMixedContent()) {
+                appTileBody = (
+                    <div className="mx_AppTileBody">
+                        <AppWarning
+                            errorMsg="Error - Mixed content"
+                        />
+                    </div>
+                );
+            } else {
                 appTileBody = (
                     <div className="mx_AppTileBody">
                         <iframe
@@ -219,14 +228,7 @@ export default React.createClass({
                         ></iframe>
                     </div>
                 );
-        } else if (this.isMixedContent()) {
+            }
-            appTileBody = (
-                <div className="mx_AppTileBody">
-                    <AppWarning
-                        errorMsg="Error - Mixed content"
-                    />
-                </div>
-            );
         } else {
             appTileBody = (
                 <div className="mx_AppTileBody">