desktopapp: edit project added

desktopapp/controllers.js

@@ -32,16 +32,31 @@ angular.module('workApp', [])
             id: $scope.projects[$scope.projects.length-1].id+1
         };
     };
+    $scope.editingIndex="";
+    $scope.editProject = function(index){
+        $scope.editingIndex=index;
+        $scope.editingProject=angular.copy($scope.projects[index]);
+    };
+    $scope.cancelEditProject = function(){
+        $scope.editingProject=false;
+    };
+    $scope.updateProject = function(){
+        $scope.projects[$scope.editingIndex]=angular.copy($scope.editingProject);
+        $scope.currentproject=angular.copy($scope.editingProject);
+        $scope.editingProject=false;
+    };
     $scope.removeProject = function(index){
         $scope.projects.splice(index, 1);
         localStorage.setItem("w_l_projects", angular.toJson($scope.projects));
     };
     $scope.projectSelect = function(index){
+        $scope.btnStop();
         $scope.currentproject=$scope.projects[index];
     };
     var interval;
     $scope.currentStrike=0;
     $scope.btnWork = function(){
+        $scope.editingProject=false;
         $scope.working=true;
         $scope.currentStrike=0;
         interval = $interval(function(){

desktopapp/index.html

@@ -51,16 +51,21 @@
                         <span class="card-title">Projects</span>
                         <div class="collection">
                           <a href="#!" ng-click="projectSelect($index)" ng-repeat="project in projects" class="collection-item avatar blue-grey lighten-4">
-                              <div class="waves-effect waves-light btn-floating blue-grey lighten-2 right" ng-click="removeProject($index)">
-                                  <i class="material-icons"><img src="img/trash.png" class="o_trash_icon" /></i>
-                              </div>
-                              <img ng-src="img/coding/{{project.icon}}.png" class="circle"/>
+                                <div class="right">
+                                    <div class="waves-effect waves-light btn-floating blue-grey lighten-2" ng-click="editProject($index)">
+                                        <i class="material-icons"><img src="img/edit.png" class="o_trash_icon" /></i>
+                                    </div>
+                                    <div class="waves-effect waves-light btn-floating blue-grey lighten-2" ng-click="removeProject($index)">
+                                        <i class="material-icons"><img src="img/trash.png" class="o_trash_icon" /></i>
+                                    </div>
+                                </div>
+                              <img ng-src="img/{{project.icon}}.png" class="circle"/>
                               <span class="title">{{project.title}}</span>
                               <p class="grey-text">{{project.totaltime | secondsToDateTime | date:'HH:mm:ss'}}</p>
                           </a>
                       </div>
                     </div>
-                    <div class="card-action">
+                    <div class="card-action" ng-show="!editingProject">
                         <div class="input-field col s6">
                           <input ng-model="newproject.title" id="newprojectname" type="text" class="validate">
                           <label for="newprojectname">New project name</label>
@@ -71,12 +76,24 @@
                         </div>
                         <a ng-click="addNewProject()" class="waves-effect waves-light btn blue-grey lighten-1 right">Add new project</a>
                     </div>
+                    <div class="card-action" ng-show="editingProject">
+                        <div class="input-field col s6">
+                          <input ng-model="editingProject.title" id="newprojectname" value=" " type="text" class="validate">
+                          <label for="newprojectname">New project name</label>
+                        </div>
+                        <div class="input-field col s6">
+                          <input ng-model="editingProject.icon" id="icon" value=" " type="text" class="validate">
+                          <label for="icon">icon</label>
+                        </div>
+                        <a ng-click="cancelEditProject()" class="waves-effect waves-light btn red lighten-2">Cancel</a>
+                        <a ng-click="updateProject()" class="waves-effect waves-light btn blue lighten-2 right">Update project</a>
+                    </div>
                 </div>
 
                 <div ng-show="currentproject.title" class="card blue-grey lighten-4 col s12 m7 l7">
                     <div class="card-content">
                         <span class="card-title">
-                            <img ng-src="img/coding/{{currentproject.icon}}.png" class="o_project_title_img"/>
+                            <img ng-src="img/{{currentproject.icon}}.png" class="o_project_title_img"/>
                             {{currentproject.title}}
                         </span>
                         <p>
@@ -94,6 +111,11 @@
                         <!--<a class="waves-effect waves-light btn deep-orange lighten-2">Stop working!</a>-->
                     </div>
                 </div>
+                <div ng-show="!currentproject.title" class="card blue-grey lighten-4 col s12 m7 l7" style="height: 200px;">
+                    <span class="card-title">
+                        Select a project
+                    </span>
+                </div>
 
 
             </div>