Fix Cloud-CV#1893: Add feature to edit Challenge Host Team details(Cloud-CV#1989)

Author: Sanji515

apps/hosts/migrations/Add_blank_in_host_team_URL.py

@@ -0,0 +1,20 @@
+# -*- coding: utf-8 -*-
+# Generated by Django 1.11.15 on 2019-01-10 18:37
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('hosts', '0003_challengehostteam_team_url'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='challengehostteam',
+            name='team_url',
+            field=models.CharField(blank=True, default='', max_length=1000),
+        ),
+    ]

apps/hosts/models.py

@@ -13,7 +13,7 @@ class ChallengeHostTeam(TimeStampedModel):
     """
     team_name = models.CharField(max_length=100, unique=True)
     created_by = models.ForeignKey(User, related_name='challenge_host_team_creator')
-    team_url = models.CharField(max_length=1000, default="", null=True)
+    team_url = models.CharField(max_length=1000, default="", blank=True)
 
     def __str__(self):
         return '{0}: {1}'.format(self.team_name, self.created_by)

frontend/src/js/controllers/challengeHostTeamsCtrl.js

@@ -7,9 +7,9 @@
         .module('evalai')
         .controller('ChallengeHostTeamsCtrl', ChallengeHostTeamsCtrl);
 
-    ChallengeHostTeamsCtrl.$inject = ['utilities', 'loaderService', '$state', '$http', '$rootScope', '$mdDialog'];
+    ChallengeHostTeamsCtrl.$inject = ['utilities', 'loaderService', '$scope', '$state', '$http', '$rootScope', '$mdDialog'];
 
-    function ChallengeHostTeamsCtrl(utilities, loaderService, $state, $http, $rootScope, $mdDialog) {
+    function ChallengeHostTeamsCtrl(utilities, loaderService, $scope, $state, $http, $rootScope, $mdDialog) {
         var vm = this;
         var userKey = utilities.getData('userKey');
 
@@ -37,7 +37,6 @@
         // stop loader
         vm.stopLoader = loaderService.stopLoader;
 
-
         vm.activateCollapsible = function() {
             angular.element('.collapsible').collapsible();
         };
@@ -138,6 +137,86 @@
 
         utilities.sendRequest(parameters);
 
+
+        vm.showMdDialog = function(ev, hostTeamId) {
+            vm.hostTeamId = hostTeamId;
+            parameters.url = 'hosts/challenge_host_team/' + hostTeamId;
+            parameters.method = 'GET';
+            parameters.token = userKey;
+            parameters.callback = {
+                onSuccess: function(response) {
+                    vm.team.TeamName = response.data.team_name;
+                    vm.team.TeamURL = response.data.team_url;
+                },
+                onError: function(response) {
+                    var error = response.data['error'];
+                    vm.stopLoader();
+                    $rootScope.notify("error", error);
+                }
+            };
+            utilities.sendRequest(parameters);
+
+            $mdDialog.show({
+                scope: $scope,
+                preserveScope: true,
+                targetEvent: ev,
+                templateUrl: 'dist/views/web/edit-host-teams.html'
+            });
+        };
+
+
+        vm.updateChallengeHostTeamData = function(updateChallengeHostTeamDataForm) {
+            if (updateChallengeHostTeamDataForm) {
+            var parameters = {};
+            parameters.url = 'hosts/challenge_host_team/' + vm.hostTeamId;
+            parameters.method = 'PATCH';
+            parameters.data = {
+                "team_name": vm.team.TeamName,
+                "team_url": vm.team.TeamURL
+            };
+            parameters.token = userKey;
+            parameters.callback = {
+                onSuccess: function() {
+                    $mdDialog.hide();
+                    vm.team = {};
+                    $rootScope.notify("success", "Host Team updated!");
+                    var parameters = {};
+                    // Retrives the updated lists and displays it.
+                    parameters.url = 'hosts/challenge_host_team';
+                    parameters.method = 'GET';
+                    parameters.token = userKey;
+                    parameters.callback = {
+                        onSuccess: function(response) {
+                            vm.existTeam.results = response.data.results;
+                        },
+                        onError: function(response) {
+                            var error = response.data['error'];
+                            vm.stopLoader();
+                            $rootScope.notify("error", error);
+                        }
+                    };
+                    utilities.sendRequest(parameters);
+                },
+                onError: function(response) {
+                    var error;
+                    if ('team_name' in response.data) {
+                        error = response.data['team_name'];
+                    }
+                    else {
+                        error = response.data['error'];
+                    }
+                    $rootScope.notify("error", error[0]);
+                }
+            };
+
+            utilities.sendRequest(parameters);
+            }
+            else {
+                $mdDialog.hide();
+            }
+        };
+
+
         // function to create new team
         vm.createNewTeam = function() {
             vm.isLoader = true;

frontend/src/views/web/challenge-host-teams.html

@@ -24,6 +24,7 @@
                                     <span ng-if="value.team_url != ''"><b class="text-med-black">Team: </b><a class="orange-text" href="{{value.team_url}}" target="_blank">{{value.team_name}}</a></span>
                                     <span ng-if="value.team_url == ''"><b class="text-med-black">Team: </b>{{value.team_name}}</span>
                                     <a ng-click="challengeHostTeams.confirmDelete($event, value.id)"><i class="fa fa-trash list-icon text-highlight w-300 right grey-text"></i></a>
+                                    <a ng-click="challengeHostTeams.showMdDialog($event, value.id)"><i class="fa fa fa-pencil list-icon text-highlight w-300 right grey-text"></i></a>
                                     <a ng-click="challengeHostTeams.inviteOthers($event, value.id)"><i class="fa fa-user-plus list-icon text-highlight w-300 right"></i></a>
                                     <br>
                                     <span><b class="text-med-black">Created by: </b>{{value.created_by}}</span>

frontend/src/views/web/edit-host-teams.html

@@ -0,0 +1,23 @@
+<section class="ev-md-container text-center rm-overflow-y">
+    <div class="row">
+        <div class="col s12 m12">
+            <div class="ev-md-container ev-card-body update-profile-card">
+                <form name="updateChallengeHostTeamDataForm" ng-submit="challengeHostTeams.updateChallengeHostTeamData(updateChallengeHostTeamDataForm.$valid)">
+                    <div class="pass-title">Update Host Team</div>
+                    <div class="input-field align-left">
+                        <input id="teamName" name="teamName" type="text" class="text-dark-black dark-autofill w-400" ng-model="challengeHostTeams.team.TeamName" value="{{challengeHostTeams.team.TeamName}}" focus-if="challengeHostTeams.team.TeamName" required>
+                        <label class="active" for="teamName">Team Name</label>
+                    </div>
+                    <div class="input-field align-left">
+                        <input id="teamUrl" name="teamUrl" type="text" class="text-dark-black dark-autofill w-400" ng-model="challengeHostTeams.team.TeamURL" value="{{challengeHostTeams.team.TeamURL}}" focus-if="challengeHostTeams.team.TeamURL">
+                        <label for="teamUrl">Team URL (Optional)</label>
+                    </div>
+                    <ul class="inline-list pointer">
+                        <li><a class="dark-link" type="button" ng-click="challengeHostTeams.updateChallengeHostTeamData(false)"><strong>Cancel </strong></a></li>
+                        <li><button class="btn ev-btn-dark waves-effect waves-dark grad-btn grad-btn-dark fs-14" ng-disabled="updateChallengeHostTeamDataForm.$pristine" type="submit" value="Submit">Submit </button></li>
+                    </ul>
+                </form>
+            </div>
+        </div>
+    </div>
+</section>