| initial_response { |
| [search.now.wire.feed.FeedResponse.feed_response] { |
| data_operation { |
| operation: CLEAR_ALL |
| } |
| data_operation { |
| operation: UPDATE_OR_APPEND |
| metadata { |
| content_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| } |
| feature { |
| renderable_unit: STREAM |
| } |
| } |
| data_operation { |
| operation: UPDATE_OR_APPEND |
| metadata { |
| content_id { |
| content_domain: "news-story" |
| id: 1 |
| table: "feature" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| renderable_unit: CARD |
| [search.now.ui.stream.Card.card_extension] { |
| [search.now.ui.stream.SwipeActionExtension.swipe_action_extension] { |
| swipe_action { |
| [search.now.ui.action.FeedAction.feed_action_extension] { |
| metadata { |
| type: DISMISS_LOCAL |
| dismiss_data { |
| content_id { |
| content_domain: "news-story" |
| id: 1 |
| table: "feature" |
| } |
| data_operations { |
| operation: REMOVE |
| metadata { |
| content_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| data_operation { |
| operation: UPDATE_OR_APPEND |
| metadata { |
| content_id { |
| content_domain: "news-story" |
| id: 10 |
| table: "feature" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "news-story" |
| id: 1 |
| table: "feature" |
| } |
| renderable_unit: CONTENT |
| [search.now.ui.stream.Content.content_extension] { |
| type: PIET |
| [search.now.ui.stream.PietContent.piet_content_extension] { |
| frame { |
| tag: "Card Background Color" |
| stylesheet { |
| styles { |
| style_id: "style:now-card" |
| background { |
| color: 4283782655 |
| } |
| } |
| } |
| style_references { |
| style_ids: "style:now-card" |
| } |
| contents { |
| element { |
| text_element { |
| parameterized_text { |
| text: "Simple blue background" |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| data_operation { |
| operation: UPDATE_OR_APPEND |
| metadata { |
| content_id { |
| content_domain: "news-story" |
| id: 3 |
| table: "feature" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| renderable_unit: CARD |
| [search.now.ui.stream.Card.card_extension] { |
| [search.now.ui.stream.SwipeActionExtension.swipe_action_extension] { |
| swipe_action { |
| [search.now.ui.action.FeedAction.feed_action_extension] { |
| metadata { |
| type: DISMISS_LOCAL |
| dismiss_data { |
| content_id { |
| content_domain: "news-story" |
| id: 3 |
| table: "feature" |
| } |
| data_operations { |
| operation: REMOVE |
| metadata { |
| content_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| data_operation { |
| operation: UPDATE_OR_APPEND |
| metadata { |
| content_id { |
| content_domain: "news-story" |
| id: 30 |
| table: "feature" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "news-story" |
| id: 3 |
| table: "feature" |
| } |
| renderable_unit: CONTENT |
| [search.now.ui.stream.Content.content_extension] { |
| type: PIET |
| [search.now.ui.stream.PietContent.piet_content_extension] { |
| frame { |
| tag: "Card Padding and Margins" |
| stylesheet { |
| styles { |
| style_id: "style:now-card" |
| background { |
| color: 4283782655 |
| } |
| margins { |
| top: 32 |
| bottom: 32 |
| start: 16 |
| end: 16 |
| } |
| padding { |
| top: 16 |
| bottom: 16 |
| start: 32 |
| end: 32 |
| } |
| } |
| } |
| contents { |
| element { |
| text_element { |
| style_references { |
| style_ids: "style:now-card" |
| } |
| parameterized_text { |
| text: "Padding and margins. More padding on sides, more margins on top and bottom" |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| data_operation { |
| operation: UPDATE_OR_APPEND |
| metadata { |
| content_id { |
| content_domain: "news-story" |
| id: 4 |
| table: "feature" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| renderable_unit: CARD |
| [search.now.ui.stream.Card.card_extension] { |
| [search.now.ui.stream.SwipeActionExtension.swipe_action_extension] { |
| swipe_action { |
| [search.now.ui.action.FeedAction.feed_action_extension] { |
| metadata { |
| type: DISMISS_LOCAL |
| dismiss_data { |
| content_id { |
| content_domain: "news-story" |
| id: 4 |
| table: "feature" |
| } |
| data_operations { |
| operation: REMOVE |
| metadata { |
| content_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| data_operation { |
| operation: UPDATE_OR_APPEND |
| metadata { |
| content_id { |
| content_domain: "news-story" |
| id: 40 |
| table: "feature" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "news-story" |
| id: 4 |
| table: "feature" |
| } |
| renderable_unit: CONTENT |
| [search.now.ui.stream.Content.content_extension] { |
| type: PIET |
| [search.now.ui.stream.PietContent.piet_content_extension] { |
| frame { |
| tag: "Card Padding and Margins with corners" |
| stylesheet { |
| styles { |
| style_id: "style:now-card" |
| background { |
| color: 4283782655 |
| } |
| margins { |
| top: 32 |
| bottom: 32 |
| start: 16 |
| end: 16 |
| } |
| padding { |
| top: 16 |
| bottom: 16 |
| start: 32 |
| end: 32 |
| } |
| rounded_corners { |
| bitmask: 0 |
| radius: 12 |
| } |
| } |
| } |
| contents { |
| element { |
| text_element { |
| style_references { |
| style_ids: "style:now-card" |
| } |
| parameterized_text { |
| text: "Padding, margins, and corners. More padding on sides, more margins on top and bottom" |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| data_operation { |
| operation: UPDATE_OR_APPEND |
| metadata { |
| content_id { |
| content_domain: "news-story" |
| id: 5 |
| table: "feature" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| renderable_unit: CARD |
| [search.now.ui.stream.Card.card_extension] { |
| [search.now.ui.stream.SwipeActionExtension.swipe_action_extension] { |
| swipe_action { |
| [search.now.ui.action.FeedAction.feed_action_extension] { |
| metadata { |
| type: DISMISS_LOCAL |
| dismiss_data { |
| content_id { |
| content_domain: "news-story" |
| id: 5 |
| table: "feature" |
| } |
| data_operations { |
| operation: REMOVE |
| metadata { |
| content_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| data_operation { |
| operation: UPDATE_OR_APPEND |
| metadata { |
| content_id { |
| content_domain: "news-story" |
| id: 50 |
| table: "feature" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "news-story" |
| id: 5 |
| table: "feature" |
| } |
| renderable_unit: CONTENT |
| [search.now.ui.stream.Content.content_extension] { |
| type: PIET |
| [search.now.ui.stream.PietContent.piet_content_extension] { |
| frame { |
| tag: "Card Gradient Rounded Corners" |
| stylesheet { |
| styles { |
| style_id: "style:now-card" |
| background { |
| linear_gradient { |
| stops { |
| color: 4294901760 |
| } |
| stops { |
| color: 4278255360 |
| } |
| stops { |
| color: 4278190335 |
| } |
| stops { |
| color: 4294901760 |
| } |
| stops { |
| color: 4278190335 |
| } |
| direction_deg: 45 |
| } |
| } |
| padding { |
| top: 16 |
| bottom: 16 |
| start: 16 |
| end: 16 |
| } |
| rounded_corners { |
| bitmask: 9 |
| radius: 12 |
| } |
| } |
| } |
| contents { |
| element { |
| text_element { |
| style_references { |
| style_ids: "style:now-card" |
| } |
| parameterized_text { |
| text: "Rounded corners with gradient bottom-left red to top-right blue. Corners should be rounded on the left. The gradient is intended to be at a 45 degree angle, but it probably is not, due to the implementation of GradientDrawable on Android." |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| data_operation { |
| operation: UPDATE_OR_APPEND |
| metadata { |
| content_id { |
| content_domain: "news-story" |
| id: 6 |
| table: "feature" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| renderable_unit: CARD |
| [search.now.ui.stream.Card.card_extension] { |
| [search.now.ui.stream.SwipeActionExtension.swipe_action_extension] { |
| swipe_action { |
| [search.now.ui.action.FeedAction.feed_action_extension] { |
| metadata { |
| type: DISMISS_LOCAL |
| dismiss_data { |
| content_id { |
| content_domain: "news-story" |
| id: 6 |
| table: "feature" |
| } |
| data_operations { |
| operation: REMOVE |
| metadata { |
| content_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| data_operation { |
| operation: UPDATE_OR_APPEND |
| metadata { |
| content_id { |
| content_domain: "news-story" |
| id: 60 |
| table: "feature" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "news-story" |
| id: 6 |
| table: "feature" |
| } |
| renderable_unit: CONTENT |
| [search.now.ui.stream.Content.content_extension] { |
| type: PIET |
| [search.now.ui.stream.PietContent.piet_content_extension] { |
| frame { |
| tag: "Image corners" |
| stylesheet { |
| styles { |
| style_id: "style:now-card" |
| background { |
| color: 4283782655 |
| } |
| } |
| styles { |
| style_id: "image" |
| background { |
| color: 4294901760 |
| } |
| padding { |
| start: 16 |
| end: 16 |
| } |
| width: 196 |
| height: 196 |
| rounded_corners { |
| bitmask: 9 |
| radius: 40 |
| } |
| scale_type: CENTER_CROP |
| } |
| } |
| style_references { |
| style_ids: "style:now-card" |
| } |
| contents { |
| element { |
| image_element { |
| style_references { |
| style_ids: "image" |
| } |
| image { |
| sources { |
| url: "https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcR7csq_YyHSa2jBWiEkVAbECueSFbVeg8VkVGG9474cQW_L6AT9" |
| } |
| } |
| } |
| } |
| } |
| contents { |
| element { |
| text_element { |
| parameterized_text { |
| text: "Image with padding and rounded corners" |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| data_operation { |
| operation: UPDATE_OR_APPEND |
| metadata { |
| content_id { |
| content_domain: "news-story" |
| id: 7 |
| table: "feature" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| renderable_unit: CARD |
| [search.now.ui.stream.Card.card_extension] { |
| [search.now.ui.stream.SwipeActionExtension.swipe_action_extension] { |
| swipe_action { |
| [search.now.ui.action.FeedAction.feed_action_extension] { |
| metadata { |
| type: DISMISS_LOCAL |
| dismiss_data { |
| content_id { |
| content_domain: "news-story" |
| id: 7 |
| table: "feature" |
| } |
| data_operations { |
| operation: REMOVE |
| metadata { |
| content_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "root" |
| id: 0 |
| table: "FEATURE" |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| data_operation { |
| operation: UPDATE_OR_APPEND |
| metadata { |
| content_id { |
| content_domain: "news-story" |
| id: 70 |
| table: "feature" |
| } |
| } |
| feature { |
| parent_id { |
| content_domain: "news-story" |
| id: 7 |
| table: "feature" |
| } |
| renderable_unit: CONTENT |
| [search.now.ui.stream.Content.content_extension] { |
| type: PIET |
| [search.now.ui.stream.PietContent.piet_content_extension] { |
| frame { |
| tag: "Grid Background Color" |
| stylesheet { |
| styles { |
| style_id: "style:now-card" |
| padding { |
| start: 16 |
| end: 16 |
| } |
| } |
| styles { |
| style_id: "cell" |
| margins { |
| top: 4 |
| bottom: 4 |
| start: 8 |
| end: 8 |
| } |
| } |
| styles { |
| style_id: "red" |
| background { |
| color: 4294901760 |
| } |
| } |
| styles { |
| style_id: "green" |
| background { |
| color: 4278255360 |
| } |
| } |
| styles { |
| style_id: "blue" |
| background { |
| color: 4278190335 |
| } |
| } |
| } |
| style_references { |
| style_ids: "style:now-card" |
| } |
| contents { |
| element { |
| grid_row { |
| cells { |
| width { |
| weight: 1 |
| } |
| content { |
| element { |
| element_list { |
| style_references { |
| style_ids: "blue" |
| } |
| contents { |
| element { |
| text_element { |
| style_references { |
| style_ids: "green" |
| style_ids: "cell" |
| } |
| parameterized_text { |
| text: "Green box in blue cell bottom" |
| } |
| } |
| } |
| } |
| contents { |
| element { |
| text_element { |
| style_references { |
| style_ids: "red" |
| style_ids: "cell" |
| } |
| parameterized_text { |
| text: "Red box in blue cell bottom" |
| } |
| } |
| } |
| } |
| } |
| gravity_vertical: GRAVITY_BOTTOM |
| } |
| } |
| } |
| cells { |
| width { |
| weight: 1 |
| } |
| content { |
| element { |
| element_list { |
| style_references { |
| style_ids: "red" |
| } |
| contents { |
| element { |
| text_element { |
| style_references { |
| style_ids: "blue" |
| style_ids: "cell" |
| } |
| parameterized_text { |
| text: "Blue box in red cell" |
| } |
| } |
| } |
| } |
| contents { |
| element { |
| text_element { |
| style_references { |
| style_ids: "cell" |
| } |
| parameterized_text { |
| text: "words in a red cell" |
| } |
| } |
| } |
| } |
| contents { |
| element { |
| text_element { |
| style_references { |
| style_ids: "green" |
| style_ids: "cell" |
| } |
| parameterized_text { |
| text: "Green box in red cell" |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| cells { |
| width { |
| weight: 1 |
| } |
| content { |
| element { |
| element_list { |
| style_references { |
| style_ids: "green" |
| } |
| contents { |
| element { |
| text_element { |
| style_references { |
| style_ids: "red" |
| style_ids: "cell" |
| } |
| parameterized_text { |
| text: "Red box in green cell center" |
| } |
| } |
| } |
| } |
| contents { |
| element { |
| text_element { |
| style_references { |
| style_ids: "blue" |
| style_ids: "cell" |
| } |
| parameterized_text { |
| text: "Blue box in green cell center" |
| } |
| } |
| } |
| } |
| } |
| gravity_vertical: GRAVITY_MIDDLE |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
