Update dv360 query to deal with advertiser-level query

lib/src/public_api_parser.dart

@@ -2,6 +2,8 @@ import 'dart:convert';
 
 import 'proto/insertion_order_query.pb.dart';
 
+/// TODO: parse and handle dv360 public api error.
+/// Issue:https://github.com/googleinterns/dv360-excel-plugin/issues/52
 class PublicApiParser {
   static const _emptyEntry = '';
 
@@ -42,11 +44,16 @@ class PublicApiParser {
   static List<InsertionOrder> parseInsertionOrders(String jsonString) {
     if (jsonString == null || jsonString.isEmpty) return [];
     Map<String, dynamic> map = json.decode(jsonString);
-    return map.containsKey('insertionOrders')
-        ? List.from(map['insertionOrders'])
-            .map((ioMap) => _createInsertionOrder(ioMap))
-            .toList()
-        : [_createInsertionOrder(map)];
+
+    // If map contains key 'insertionOrders', multiple IOs are returned.
+    // And if it doesn't, the map itself represents one insertion order.
+    if (map.containsKey('insertionOrders')) {
+      return List.from(map['insertionOrders'])
+          .map((ioMap) => _createInsertionOrder(ioMap))
+          .toList();
+    } else {
+      return [_createInsertionOrder(map)];
+    }
   }
 
   /// Parses the nextPageToken from a [jsonString].

lib/src/query_component.dart

@@ -18,9 +18,9 @@ import 'util.dart';
            placeholder="Insertion Order ID: 8127549" debugId="io-id-input">
     <br>
 
-    <input type="checkbox" [(ngModel)]="isAdvertiserQuery" name="advertiser-query">
+    <input type="radio" [(ngModel)]="advertiserQuery" name="advertiser-query">
     <label for="advertiser-query">By advertiser</label><br>
-    <input type="checkbox" [(ngModel)]="isInsertionOrderQuery" name="advertiser-query">
+    <input type="radio" [(ngModel)]="insertionOrderQuery" name="advertiser-query">
     <label for="advertiser-query">By insertion order</label><br>
 
     <input type="checkbox" [(ngModel)]="highlightUnderpacing"
@@ -31,7 +31,11 @@ import 'util.dart';
     {{buttonName}}
     </button>
   ''',
-  providers: [ClassProvider(QueryService), ClassProvider(ExcelDart)],
+  providers: [
+    ClassProvider(QueryService),
+    ClassProvider(ExcelDart),
+    FORM_PROVIDERS,
+  ],
   directives: [coreDirectives, formDirectives],
 )
 class QueryComponent {
@@ -45,17 +49,18 @@ class QueryComponent {
   String insertionOrderId;
   bool highlightUnderpacing = false;
 
-  QueryComponent(this._queryService, this._excel);
-
-  bool get isAdvertiserQuery => _queryType == QueryType.byAdvertiser;
-  set isAdvertiserQuery(bool checked) =>
-      checked ? _queryType = QueryType.byAdvertiser : null;
+  // Radio button states with byAdvertiser selected as default.
+  RadioButtonState advertiserQuery = RadioButtonState(true, 'byAdvertiser');
+  RadioButtonState insertionOrderQuery = RadioButtonState(false, 'byIO');
 
-  bool get isInsertionOrderQuery => _queryType == QueryType.byInsertionOrder;
-  set isInsertionOrderQuery(bool checked) =>
-      checked ? _queryType = QueryType.byInsertionOrder : null;
+  QueryComponent(this._queryService, this._excel);
 
   void onClick() async {
+    // Determines the query type from radio buttons.
+    _queryType = advertiserQuery.checked
+        ? QueryType.byAdvertiser
+        : QueryType.byInsertionOrder;
+
     // Uses DV360 public APIs to fetch entity data.
     var insertionOrders = await _queryAndParseInsertionOrderEntityData();
 

lib/src/query_service.dart

@@ -128,17 +128,13 @@ class QueryService {
         }
 
       case QueryType.byInsertionOrder:
-        {
-          return RequestArgs(
-              path: 'https://displayvideo.googleapis.com/v1/advertisers/'
-                  '$advertiserId/insertionOrders/$insertionOrderId',
-              method: 'GET');
-        }
+        return RequestArgs(
+            path: 'https://displayvideo.googleapis.com/v1/advertisers/'
+                '$advertiserId/insertionOrders/$insertionOrderId',
+            method: 'GET');
 
       default:
-        {
-          return RequestArgs();
-        }
+        return RequestArgs();
     }
   }
 }