Merge pull request CodewarsClone#78 from CodewarsClone/Mon1.2

Mon1.2

Author: Jon Myrick

src/components/app.js

@@ -14,7 +14,7 @@ $stateProvider
 .state('menu',{
     url: '/',
     templateUrl:'./components/menus/menu.html',
-    // controller: 'loginCtrl'
+    controller: 'menuCtrl'
 })
 
 //~~~~~~~~~~~~~Child States~~~~~~~~~~~~~

src/components/menus/menu.html

@@ -19,7 +19,7 @@
       <ul class='ul-top'>
         <li><div class='li65'><img src='./assets/imgs/asset_30.png' class='li65-img'></div></li>
         <li><div class='li65'><img src='./assets/imgs/asset_31.png'class='li65-img'></div></li>
-        <li class='li170'><li>img</li><li>kyu</li><li>lvl</li></li>
+        <li class='li170'><li>{{userPic}}</li><li>kyu</li><li>lvl</li></li>
       </ul>
     </div>
     <main>

src/components/menus/menu.scss

@@ -23,6 +23,7 @@ $grey-color: #C0C0C0;
 .ul {
 display: flex;
 height:35px;
+cursor: pointer;
 }
 
 .li {
@@ -47,36 +48,26 @@ height:35px;
     align-items: center;
     justify-content: center;
     display: flex;
+    
 }
 
 .main-icon {
     width:35px;
     height:35px;
     left:50px;
+    cursor: pointer;
 }
 .side-menu-icon {
 //   width: 20px;
   height: 22px;
 }
 
-#icon1 {
-
-}
-
-#icon2 {
-
-}
-
-#icon3 {
-
-}
-
-#icon4 {
-
-}
-
 .menu-items {
-  display: none;
+    display: none;
+    cursor: pointer;
+    vertical-align: center;
+    margin: auto 0;
+    justify-content: left;
 }
 
 

src/components/menus/menuCtrl.js

@@ -0,0 +1,3 @@
+angular.module('app').controller('menuCtrl', function($scope, mainService){
+    $scope.userPic = this.user.picture_url;
+});