@@ -41,7 +41,8 @@ class CloudTrafficTenantsViewSet(viewsets.ModelViewSet):
 
     def list(self, request, *args, **kwargs):
         traffic_id = self.request.GET.get("traffic_id")
-        queryset = self.filter_queryset(CloudTrafficTenants.objects.filter(cloud_traffic_id=traffic_id))
+        queryset = self.filter_queryset(
+                CloudTrafficTenants.objects.filter(cloud_traffic_id=traffic_id))
 
         page = self.paginate_queryset(queryset)
         if page is not None:
 
@@ -65,7 +65,9 @@ nttApp.controller('CloudTrafficCtrl', function($scope, $routeParams, $location,
         $scope.cloud = data;
     });
 
-    $scope.cloudTraffic = {};
+    $scope.cloudTraffic = {
+        "tenant_type": "all"
+    };
     if($scope.event == 'edit'){
         cloudTrafficService.get($routeParams.trafficId).then(function(data){
             $scope.cloudTraffic = data;
 
@@ -47,7 +47,13 @@ <h4>Cloud > Traffic</h4>
                 </div>
                 <div class="form-group">
                     <label>Type</label>
-                    <input type="text" class="form-control" id="type" ng-model="cloudTraffic.tenant_type" value="all" placeholder="All" required>
+                    <select class="form-control" ng-model="cloudTraffic.tenant_type">
+                        <option value="all">All</option>
+                        <option value="intra-tenant">Intra Tenant</option>
+                        <option value="inter-tenant">Inter Tenant</option>
+                        <option value="south-north">South to North</option>
+                        <option value="north-south">North to South</option>
+                    </select>
                 </div>
                 <a href="#/cloud/{$ cloud.id $}/" class="btn btn-default">Cancel</a>
                 <button type="submit" class="btn btn-primary">Save</button>