{"action":"created","comment":{"url":"https://api.github.com/repos/ampproject/amp-by-example/pulls/comments/72283836","id":72283836,"diff_hunk":"@@ -0,0 +1,122 @@\n+<!---{\n+\"preview\": true,\n+\"experiment\": true,\n+\"component\": \"amp-form\"\n+}--->\n+<!--\n+\n+<!--\n+#### Introduction\n+\n+This sample showcases how to build a product listing page in AMP HTML.\n+-->\n+<!doctype html>\n+<html ⚡>\n+<head>\n+    <meta charset=\"utf-8\">\n+    <meta name=\"viewport\" content=\"width=device-width,minimum-scale=1,initial-scale=1\">\n+\n+    <!--\n+    Additionally used AMP components must be imported in the header.\n+    -->\n+\n+    <script async custom-element=\"amp-list\" src=\"https://cdn.ampproject.org/v0/amp-list-0.1.js\"></script>\n+    <script async custom-template=\"amp-mustache\" src=\"https://cdn.ampproject.org/v0/amp-mustache-0.1.js\"></script>\n+    <script async custom-element=\"amp-analytics\" src=\"https://cdn.ampproject.org/v0/amp-analytics-0.1.js\"></script>\n+    <script async custom-element=\"amp-form\" src=\"https://cdn.ampproject.org/v0/amp-form-0.1.js\"></script>\n+\n+    <style amp-custom>\n+    fieldset {\n+        min-width: 100%;\n+        height: 43px;\n+    }\n+\n+    .related {\n+        background-color: #f5f5f5;\n+        display: block;\n+        color: #111;\n+        height: 75px;\n+        padding: 0;\n+        line-height: 75px;\n+    }\n+    .related amp-img {\n+        line-height: 24px;\n+        font-weight: 400;\n+        font-size: 24px;\n+        vertical-align: middle;\n+        float: left;\n+    }\n+    .related:hover {\n+        background-color: #ccc;\n+    }\n+\n+    .seller-logo {\n+        padding: 16px;\n+    }\n+\n+    </style>\n+    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>\n+    <script async src=\"https://cdn.ampproject.org/v0.js\"></script>\n+\n+    </head>\n+    <body>\n+    <!-- #### Seller Logo -->\n+    <!-- Use `amp-img` to add the logo of the seller. --> \n+    <div class=\"seller-logo\">\n+            <amp-img src=\"/img/google_store.png\" width=\"163\" height=\"35\"></amp-img>\n+    </div>\n+    <!-- #### Search Form -->\n+    <!-- Use [amp-form](https://github.com/ampproject/amphtml/blob/master/extensions/amp-form/amp-form.md0) to add a search form.\n+    -->\n+    <form  method=\"post\" action=\"/sample_amps/product_listing/submit-form\"  target=\"_top\">\n+        <fieldset>\n+            <label>\n+                <input type=\"text\" class=\"search-input\" name=\"Product\" required>\n+            </label>\n+            <input type=\"submit\" class=\"button button-primary search-input-submit \" value=\"Search\">\n+        </fieldset>\n+    </form>\n+    <!-- #### Products -->\n+    <!-- Use `amp-list` to show a list of products. Learn more about `amp-list` [here](/components/amp-list/) -->\n+    <h3 class=\"title\">Products</h3>\n+    <ul>\n+        <amp-list width=300","path":"src/50_Samples_%26_Templates/Product_Listing.html","position":83,"original_position":83,"commit_id":"17e81c6b68c3fc3375223b9f08076309146639f4","original_commit_id":"17e81c6b68c3fc3375223b9f08076309146639f4","user":{"login":"sebastianbenz","id":380472,"avatar_url":"https://avatars.githubusercontent.com/u/380472?v=3","gravatar_id":"","url":"https://api.github.com/users/sebastianbenz","html_url":"https://github.com/sebastianbenz","followers_url":"https://api.github.com/users/sebastianbenz/followers","following_url":"https://api.github.com/users/sebastianbenz/following{/other_user}","gists_url":"https://api.github.com/users/sebastianbenz/gists{/gist_id}","starred_url":"https://api.github.com/users/sebastianbenz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sebastianbenz/subscriptions","organizations_url":"https://api.github.com/users/sebastianbenz/orgs","repos_url":"https://api.github.com/users/sebastianbenz/repos","events_url":"https://api.github.com/users/sebastianbenz/events{/privacy}","received_events_url":"https://api.github.com/users/sebastianbenz/received_events","type":"User","site_admin":false},"body":"do we still need amp-list?","created_at":"2016-07-26T16:17:52Z","updated_at":"2016-07-26T16:17:52Z","html_url":"https://github.com/ampproject/amp-by-example/pull/282#discussion_r72283836","pull_request_url":"https://api.github.com/repos/ampproject/amp-by-example/pulls/282","_links":{"self":{"href":"https://api.github.com/repos/ampproject/amp-by-example/pulls/comments/72283836"},"html":{"href":"https://github.com/ampproject/amp-by-example/pull/282#discussion_r72283836"},"pull_request":{"href":"https://api.github.com/repos/ampproject/amp-by-example/pulls/282"}}},"pull_request":{"url":"https://api.github.com/repos/ampproject/amp-by-example/pulls/282","id":78606413,"html_url":"https://github.com/ampproject/amp-by-example/pull/282","diff_url":"https://github.com/ampproject/amp-by-example/pull/282.diff","patch_url":"https://github.com/ampproject/amp-by-example/pull/282.patch","issue_url":"https://api.github.com/repos/ampproject/amp-by-example/issues/282","number":282,"state":"open","locked":false,"title":"Add example for product listing","user":{"login":"kul3r4","id":820891,"avatar_url":"https://avatars.githubusercontent.com/u/820891?v=3","gravatar_id":"","url":"https://api.github.com/users/kul3r4","html_url":"https://github.com/kul3r4","followers_url":"https://api.github.com/users/kul3r4/followers","following_url":"https://api.github.com/users/kul3r4/following{/other_user}","gists_url":"https://api.github.com/users/kul3r4/gists{/gist_id}","starred_url":"https://api.github.com/users/kul3r4/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kul3r4/subscriptions","organizations_url":"https://api.github.com/users/kul3r4/orgs","repos_url":"https://api.github.com/users/kul3r4/repos","events_url":"https://api.github.com/users/kul3r4/events{/privacy}","received_events_url":"https://api.github.com/users/kul3r4/received_events","type":"User","site_admin":false},"body":"Solves: #256 \r\nThe first [draft](https://amp-ecommerce-analyics.firebaseapp.com/Product_Listing_Sample.html) of this example didn't contain any search form logic (calling the backend for search and retrieve the values), do you think it would be nice to add it?\r\n@sebastianbenz PTAL","created_at":"2016-07-24T18:58:32Z","updated_at":"2016-07-26T16:17:52Z","closed_at":null,"merged_at":null,"merge_commit_sha":"f835d57629a3ab0b4c5b883af40e23ca8b0dae86","assignee":null,"assignees":[],"milestone":null,"commits_url":"https://api.github.com/repos/ampproject/amp-by-example/pulls/282/commits","review_comments_url":"https://api.github.com/repos/ampproject/amp-by-example/pulls/282/comments","review_comment_url":"https://api.github.com/repos/ampproject/amp-by-example/pulls/comments{/number}","comments_url":"https://api.github.com/repos/ampproject/amp-by-example/issues/282/comments","statuses_url":"https://api.github.com/repos/ampproject/amp-by-example/statuses/17e81c6b68c3fc3375223b9f08076309146639f4","head":{"label":"kul3r4:product-listing-sample","ref":"product-listing-sample","sha":"17e81c6b68c3fc3375223b9f08076309146639f4","user":{"login":"kul3r4","id":820891,"avatar_url":"https://avatars.githubusercontent.com/u/820891?v=3","gravatar_id":"","url":"https://api.github.com/users/kul3r4","html_url":"https://github.com/kul3r4","followers_url":"https://api.github.com/users/kul3r4/followers","following_url":"https://api.github.com/users/kul3r4/following{/other_user}","gists_url":"https://api.github.com/users/kul3r4/gists{/gist_id}","starred_url":"https://api.github.com/users/kul3r4/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kul3r4/subscriptions","organizations_url":"https://api.github.com/users/kul3r4/orgs","repos_url":"https://api.github.com/users/kul3r4/repos","events_url":"https://api.github.com/users/kul3r4/events{/privacy}","received_events_url":"https://api.github.com/users/kul3r4/received_events","type":"User","site_admin":false},"repo":{"id":52002202,"name":"amp-by-example","full_name":"kul3r4/amp-by-example","owner":{"login":"kul3r4","id":820891,"avatar_url":"https://avatars.githubusercontent.com/u/820891?v=3","gravatar_id":"","url":"https://api.github.com/users/kul3r4","html_url":"https://github.com/kul3r4","followers_url":"https://api.github.com/users/kul3r4/followers","following_url":"https://api.github.com/users/kul3r4/following{/other_user}","gists_url":"https://api.github.com/users/kul3r4/gists{/gist_id}","starred_url":"https://api.github.com/users/kul3r4/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kul3r4/subscriptions","organizations_url":"https://api.github.com/users/kul3r4/orgs","repos_url":"https://api.github.com/users/kul3r4/repos","events_url":"https://api.github.com/users/kul3r4/events{/privacy}","received_events_url":"https://api.github.com/users/kul3r4/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/kul3r4/amp-by-example","description":"Accelerated Mobile Pages in Action","fork":true,"url":"https://api.github.com/repos/kul3r4/amp-by-example","forks_url":"https://api.github.com/repos/kul3r4/amp-by-example/forks","keys_url":"https://api.github.com/repos/kul3r4/amp-by-example/keys{/key_id}","collaborators_url":"https://api.github.com/repos/kul3r4/amp-by-example/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/kul3r4/amp-by-example/teams","hooks_url":"https://api.github.com/repos/kul3r4/amp-by-example/hooks","issue_events_url":"https://api.github.com/repos/kul3r4/amp-by-example/issues/events{/number}","events_url":"https://api.github.com/repos/kul3r4/amp-by-example/events","assignees_url":"https://api.github.com/repos/kul3r4/amp-by-example/assignees{/user}","branches_url":"https://api.github.com/repos/kul3r4/amp-by-example/branches{/branch}","tags_url":"https://api.github.com/repos/kul3r4/amp-by-example/tags","blobs_url":"https://api.github.com/repos/kul3r4/amp-by-example/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/kul3r4/amp-by-example/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/kul3r4/amp-by-example/git/refs{/sha}","trees_url":"https://api.github.com/repos/kul3r4/amp-by-example/git/trees{/sha}","statuses_url":"https://api.github.com/repos/kul3r4/amp-by-example/statuses/{sha}","languages_url":"https://api.github.com/repos/kul3r4/amp-by-example/languages","stargazers_url":"https://api.github.com/repos/kul3r4/amp-by-example/stargazers","contributors_url":"https://api.github.com/repos/kul3r4/amp-by-example/contributors","subscribers_url":"https://api.github.com/repos/kul3r4/amp-by-example/subscribers","subscription_url":"https://api.github.com/repos/kul3r4/amp-by-example/subscription","commits_url":"https://api.github.com/repos/kul3r4/amp-by-example/commits{/sha}","git_commits_url":"https://api.github.com/repos/kul3r4/amp-by-example/git/commits{/sha}","comments_url":"https://api.github.com/repos/kul3r4/amp-by-example/comments{/number}","issue_comment_url":"https://api.github.com/repos/kul3r4/amp-by-example/issues/comments{/number}","contents_url":"https://api.github.com/repos/kul3r4/amp-by-example/contents/{+path}","compare_url":"https://api.github.com/repos/kul3r4/amp-by-example/compare/{base}...{head}","merges_url":"https://api.github.com/repos/kul3r4/amp-by-example/merges","archive_url":"https://api.github.com/repos/kul3r4/amp-by-example/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/kul3r4/amp-by-example/downloads","issues_url":"https://api.github.com/repos/kul3r4/amp-by-example/issues{/number}","pulls_url":"https://api.github.com/repos/kul3r4/amp-by-example/pulls{/number}","milestones_url":"https://api.github.com/repos/kul3r4/amp-by-example/milestones{/number}","notifications_url":"https://api.github.com/repos/kul3r4/amp-by-example/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/kul3r4/amp-by-example/labels{/name}","releases_url":"https://api.github.com/repos/kul3r4/amp-by-example/releases{/id}","deployments_url":"https://api.github.com/repos/kul3r4/amp-by-example/deployments","created_at":"2016-02-18T11:18:36Z","updated_at":"2016-02-18T11:18:36Z","pushed_at":"2016-07-26T15:59:56Z","git_url":"git://github.com/kul3r4/amp-by-example.git","ssh_url":"git@github.com:kul3r4/amp-by-example.git","clone_url":"https://github.com/kul3r4/amp-by-example.git","svn_url":"https://github.com/kul3r4/amp-by-example","homepage":"http://amp-by-example.appspot.com/","size":94833,"stargazers_count":0,"watchers_count":0,"language":"HTML","has_issues":false,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":0,"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"ampproject:master","ref":"master","sha":"5066129987cc2f9dd56149617342cde466bee980","user":{"login":"ampproject","id":14114390,"avatar_url":"https://avatars.githubusercontent.com/u/14114390?v=3","gravatar_id":"","url":"https://api.github.com/users/ampproject","html_url":"https://github.com/ampproject","followers_url":"https://api.github.com/users/ampproject/followers","following_url":"https://api.github.com/users/ampproject/following{/other_user}","gists_url":"https://api.github.com/users/ampproject/gists{/gist_id}","starred_url":"https://api.github.com/users/ampproject/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ampproject/subscriptions","organizations_url":"https://api.github.com/users/ampproject/orgs","repos_url":"https://api.github.com/users/ampproject/repos","events_url":"https://api.github.com/users/ampproject/events{/privacy}","received_events_url":"https://api.github.com/users/ampproject/received_events","type":"Organization","site_admin":false},"repo":{"id":51327024,"name":"amp-by-example","full_name":"ampproject/amp-by-example","owner":{"login":"ampproject","id":14114390,"avatar_url":"https://avatars.githubusercontent.com/u/14114390?v=3","gravatar_id":"","url":"https://api.github.com/users/ampproject","html_url":"https://github.com/ampproject","followers_url":"https://api.github.com/users/ampproject/followers","following_url":"https://api.github.com/users/ampproject/following{/other_user}","gists_url":"https://api.github.com/users/ampproject/gists{/gist_id}","starred_url":"https://api.github.com/users/ampproject/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ampproject/subscriptions","organizations_url":"https://api.github.com/users/ampproject/orgs","repos_url":"https://api.github.com/users/ampproject/repos","events_url":"https://api.github.com/users/ampproject/events{/privacy}","received_events_url":"https://api.github.com/users/ampproject/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/ampproject/amp-by-example","description":"A hands-on introduction to Accelerated Mobile Pages (AMP) focusing on code and live samples.","fork":false,"url":"https://api.github.com/repos/ampproject/amp-by-example","forks_url":"https://api.github.com/repos/ampproject/amp-by-example/forks","keys_url":"https://api.github.com/repos/ampproject/amp-by-example/keys{/key_id}","collaborators_url":"https://api.github.com/repos/ampproject/amp-by-example/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/ampproject/amp-by-example/teams","hooks_url":"https://api.github.com/repos/ampproject/amp-by-example/hooks","issue_events_url":"https://api.github.com/repos/ampproject/amp-by-example/issues/events{/number}","events_url":"https://api.github.com/repos/ampproject/amp-by-example/events","assignees_url":"https://api.github.com/repos/ampproject/amp-by-example/assignees{/user}","branches_url":"https://api.github.com/repos/ampproject/amp-by-example/branches{/branch}","tags_url":"https://api.github.com/repos/ampproject/amp-by-example/tags","blobs_url":"https://api.github.com/repos/ampproject/amp-by-example/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/ampproject/amp-by-example/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/ampproject/amp-by-example/git/refs{/sha}","trees_url":"https://api.github.com/repos/ampproject/amp-by-example/git/trees{/sha}","statuses_url":"https://api.github.com/repos/ampproject/amp-by-example/statuses/{sha}","languages_url":"https://api.github.com/repos/ampproject/amp-by-example/languages","stargazers_url":"https://api.github.com/repos/ampproject/amp-by-example/stargazers","contributors_url":"https://api.github.com/repos/ampproject/amp-by-example/contributors","subscribers_url":"https://api.github.com/repos/ampproject/amp-by-example/subscribers","subscription_url":"https://api.github.com/repos/ampproject/amp-by-example/subscription","commits_url":"https://api.github.com/repos/ampproject/amp-by-example/commits{/sha}","git_commits_url":"https://api.github.com/repos/ampproject/amp-by-example/git/commits{/sha}","comments_url":"https://api.github.com/repos/ampproject/amp-by-example/comments{/number}","issue_comment_url":"https://api.github.com/repos/ampproject/amp-by-example/issues/comments{/number}","contents_url":"https://api.github.com/repos/ampproject/amp-by-example/contents/{+path}","compare_url":"https://api.github.com/repos/ampproject/amp-by-example/compare/{base}...{head}","merges_url":"https://api.github.com/repos/ampproject/amp-by-example/merges","archive_url":"https://api.github.com/repos/ampproject/amp-by-example/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/ampproject/amp-by-example/downloads","issues_url":"https://api.github.com/repos/ampproject/amp-by-example/issues{/number}","pulls_url":"https://api.github.com/repos/ampproject/amp-by-example/pulls{/number}","milestones_url":"https://api.github.com/repos/ampproject/amp-by-example/milestones{/number}","notifications_url":"https://api.github.com/repos/ampproject/amp-by-example/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/ampproject/amp-by-example/labels{/name}","releases_url":"https://api.github.com/repos/ampproject/amp-by-example/releases{/id}","deployments_url":"https://api.github.com/repos/ampproject/amp-by-example/deployments","created_at":"2016-02-08T21:05:29Z","updated_at":"2016-07-26T14:44:57Z","pushed_at":"2016-07-26T16:15:08Z","git_url":"git://github.com/ampproject/amp-by-example.git","ssh_url":"git@github.com:ampproject/amp-by-example.git","clone_url":"https://github.com/ampproject/amp-by-example.git","svn_url":"https://github.com/ampproject/amp-by-example","homepage":"http://ampbyexample.com/","size":95317,"stargazers_count":148,"watchers_count":148,"language":"HTML","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":63,"mirror_url":null,"open_issues_count":68,"forks":63,"open_issues":68,"watchers":148,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/ampproject/amp-by-example/pulls/282"},"html":{"href":"https://github.com/ampproject/amp-by-example/pull/282"},"issue":{"href":"https://api.github.com/repos/ampproject/amp-by-example/issues/282"},"comments":{"href":"https://api.github.com/repos/ampproject/amp-by-example/issues/282/comments"},"review_comments":{"href":"https://api.github.com/repos/ampproject/amp-by-example/pulls/282/comments"},"review_comment":{"href":"https://api.github.com/repos/ampproject/amp-by-example/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/ampproject/amp-by-example/pulls/282/commits"},"statuses":{"href":"https://api.github.com/repos/ampproject/amp-by-example/statuses/17e81c6b68c3fc3375223b9f08076309146639f4"}}}}
{"actor":{"display_login":"sebastianbenz"}}