API tools faq
paste
StavenCross

Untitled

StavenCross
May 16th, 2021 (edited)
277
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 23.22 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.  
  5.     <!-- begin libraries -->
  6.     <!-- jQuery-->
  7.     <script src="jquery.min.js"></script>
  8.     <!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>-->
  9.     <!-- Bootstrap CSS -->
  10.     <link href="bootstrap.min.css" rel="stylesheet">
  11.     <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">-->
  12.     <!-- Bootstrap main -->
  13.     <script src="bootstrap.bundle.min.js"></script>
  14.     <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>-->
  15.     <!-- End libraries -->
  16.     <!--start CSS -->
  17.     <style>
  18.         hr {
  19.             color:white;
  20.         }
  21.         body {
  22.             background-color: #5e007a !important;
  23.             font-family: "Sans Serif" !Important;
  24.         }
  25.  
  26.  
  27.          .custom-control-input:checked ~ .custom-control-label::before {
  28.              color: #fff;
  29.              border-color: #7B1FA2;
  30.              background-color: #7B1FA2;
  31.          }
  32.         input {
  33.             background-color:#5e007a;
  34.             border:none;
  35.             padding:8px;
  36.             color:white;
  37.         }
  38.         ::placeholder {
  39.             color:darkgray !important;
  40.         }
  41.  
  42.         select {
  43.             background-color:#5e007a !important;
  44.             color:darkgray !important;
  45.             border:none !important;
  46.         }
  47.  
  48.         textarea {
  49.             background-color:#5e007a !important;
  50.             color:darkgray !important;
  51.             border:none !important;
  52.         }
  53.     </style>
  54.     <!-- end CSS-->
  55.     <meta charset="UTF-8">
  56.     <meta name="viewport" content="width=device-width, initial-scale=1">
  57.     <title>The Auditor</title>
  58.     <script src="jquery.min.js"></script>
  59. </head>
  60. <body>
  61. <div id="bodyMain" class="container">
  62.     <div class="row">
  63.         <div class="card bg-dark shadow-lg mb-5 mt-3 border-2 border-secondary" >
  64.             <div class="card-header bg-primary m-3 shadow-lg border border-warning">
  65.                 <h1 class="text-black-50 text-center fw-bolder">Welcome to the Audinator</h1>
  66.             </div>
  67.             <div class="card-body">
  68.                 <h3 class="text-primary text-center font-italic">Audits Suck. Let us help.</h3>
  69.             </div>
  70.         </div>
  71.     </div>
  72.     <div class="row">
  73.         <div class="card bg-dark shadow-lg border-2 border-secondary">
  74.             <div class="card-header bg-primary m-3 shadow-lg border border-warning">
  75.                 <h3 class="text-black-50 text-center fw-bolder">Quick Audits</h3>
  76.             </div>
  77.             <div class="card-body">
  78.                 <form>
  79.                     <div class="row mt-3">
  80.                         <h4 class="text-success fw-bold text-center">Tell me, How can I help you today?</h4>
  81.                         <h6 class="text-primary text-center">Click a button and provide us with list of pages or accounts, as incdicated, and we will return a results CSV file.</h6>
  82.                         <div class="btn-group btn-group-lg mt-3">
  83.                         <button type="button" class="btn btn-outline-success mb-2 col-4 rounded-0" data-bs-toggle="popover" title="GTM IDs" data-bs-content="You will feed us a CSV of pages, and we will return a CSV of GTM IDs found on each page" data-bs-trigger="hover" data-bs-placement="top">Find GTM IDs in Pages</button>
  84.                         <button type="button" class="btn btn-outline-success mb-2 col-4 rounded-0" data-bs-toggle="popover" title="Facebook Pixel IDs" data-bs-content="You will feed us a CSV of pages, and we will return a CSV of Facebook IDs found on each page" data-bs-trigger="hover" data-bs-placement="top">Find FB Pixels in Pages</button>
  85.                         <button type="button" class="btn btn-outline-success mb-2 col-4 rounded-0" data-bs-toggle="popover" title="Sitemap" data-bs-content="We will ask you for a domain, and we will return a CSV of pages found in the sitemap" data-bs-trigger="hover" data-bs-placement="top">Retrieve Sitemap from Account</button>
  86.                         </div>
  87.                     </div>
  88.                     <div class="row mt-1">
  89.                         <div class="btn-group btn-group-lg">
  90.                         <button type="button" class="btn btn-block btn-outline-success mb-2 col-4 rounded-0" data-bs-toggle="popover" title="SRPs & Inventory" data-bs-content="You will feed us a CSV of pages, and we will tell you if that page has inventory and/or is a SRP" data-bs-trigger="hover" data-bs-placement="bottom">Find SRPs in Pages</button>
  91.                         <button type="button" class="btn btn-block btn-outline-success mb-2 col-4 rounded-0" data-bs-toggle="popover" title="Facebook Pixel IDs" data-bs-content="You will feed us a CSV of pages, and we will return a CSV of Facebook IDs found on each page" data-bs-trigger="hover" data-bs-placement="bottom">BTN</button>
  92.                         <button type="button" class="btn btn-block btn-outline-success mb-2 col-4 rounded-0" data-bs-toggle="popover" title="Sitemap" data-bs-content="We will ask you for a domain, and we will return a CSV of pages found in the sitemap" data-bs-trigger="hover" data-bs-placement="bottom">BTN</button>
  93.                         </div>
  94.                     </div>
  95.                     <div class="row mt-1">
  96.                         <div class="btn-group btn-group-lg">
  97.                         <button type="button" class="btn btn-block btn-outline-success mb-2 col-4 rounded-0" data-bs-toggle="popover" title="BTN Title" data-bs-content="BTN Content" data-bs-trigger="hover" data-bs-placement="bottom">BTN</button>
  98.                         <button type="button" class="btn btn-block btn-outline-success mb-2 col-4 rounded-0" data-bs-toggle="popover" title="BTN Title" data-bs-content="BTN Content" data-bs-trigger="hover" data-bs-placement="bottom">BTN</button>
  99.                         <button type="button" class="btn btn-block btn-outline-success mb-2 col-4 rounded-0" data-bs-toggle="popover" title="BTN Title" data-bs-content="BTN Content" data-bs-trigger="hover" data-bs-placement="bottom">BTN</button>
  100.                         </div>
  101.                     </div> <!-- end row-->
  102.                 </form>
  103.             </div><!--end card body-->
  104.         </div><!-- end card-->
  105.     </div> <!-- end row-->
  106.     <div class="row mt-5">
  107.         <div class="card bg-dark shadow-lg border-2 border-secondary">
  108.             <div class="card-header bg-primary m-3 shadow-lg border border-warning">
  109.                 <h3 class="text-black-50 text-center fw-bolder">Manual Audits</h3>
  110.             </div> <!--end card header -->
  111.             <div class="card-body">
  112.                     <h4 class="text-success fw-bold text-center mb-3">Are you perhaps looking to manually audit some pages? Which Application would you like to use?</h4>
  113.                 <form>
  114.                     <div class="row">
  115.                         <div class="btn-group" data-toggle="buttons">
  116.                             <label class="btn btn-primary p-3" id="auditProgramOptionsLabel1" data-bs-toggle="popover" title="Audit in CMS" data-bs-content="Choosing this option will allow you to open multiple CMS tabs at at a single time, to a specified page" data-bs-trigger="hover">
  117.                                 <input type="radio" name="auditProgramOptions" id="auditProgramOptionsOption1" class="custom-control custom-radio" data-option="1"> CMS</label>
  118.                             <label class="btn btn-primary p-3" id="auditProgramOptionsLabel2" data-bs-toggle="popover" title="Audit in Composer" data-bs-content="Choosing this option will allow you to open multiple Composer tabs at at a single time, to a specified page" data-bs-trigger="hover">
  119.                                 <input type="radio" name="auditProgramOptions" id="auditProgramOptionsOption2" class="custom-control custom-radio" data-option="2"> Composer</label>
  120.                         </div> <!-- end btn-group-->
  121.                     </div> <!-- end row-->
  122.                     <div class="row">
  123.                         <h4 class="text-success fw-bold text-center mt-4">Would you like us to open to a specific page?</h4>
  124.                         <h6 class="text-center text-primary">This is useful if for instance, you want to open the new SRP for each account specifically.</h6>
  125.                         <input placeholder="/new-inventory/index.htm or leave blank for the index" data-bs-toggle="popover" title="Open to a page" data-bs-content="Leave this blank to open the index / homepage, or enter a relative pagepath, and we will open straight to that page" data-bs-trigger="hover">
  126.                     </div><!-- end row-->
  127.                     <div class="row">
  128.                         <div class="form-check form-switch  mt-2 fw-bolder">
  129.                             <input class="form-check-input" type="checkbox" id="additionalPagesCheckbox">
  130.                             <label class="form-check-label text-success" for="additionalPagesCheckbox">I want to open multiple pages at a time.</label>
  131.                         </div> <!-- end form-check container -->
  132.                     </div> <!--end row-->
  133.                     <div class="row">
  134.                         <div id="additionalPagesContainer" style="display:none;">
  135.                         <h4 class="text-success fw-bold text-center mt-4">If you want to open the same account, and multiple pages at once, just enter additional page paths below</h4>
  136.                             <h6 class="text-center text-primary mb-5">This is useful if for instance, you want to open the new SRP for each account specifically, as well as the Used SRP & the CPO SRP. If you only want to open 1 addl. page, enter the first page path, and leave the other input boxes blank.</h6>
  137.                         <input placeholder="/new-inventory/index.htm or leave blank to do nothing" data-bs-toggle="popover" title="Open to a page" data-bs-content="Enter a relative page path and we will open straight to that page. Leaving this blank will do nothing" data-bs-trigger="hover" class="mt-2" style="display:block;width:100%">
  138.                         <input placeholder="/new-inventory/index.htm or leave blank to do nothing" data-bs-toggle="popover" title="Open to a page" data-bs-content="Enter a relative page path and we will open straight to that page. Leaving this blank will do nothing" data-bs-trigger="hover" class="mt-2" style="display:block;width:100%">
  139.                         <input placeholder="/new-inventory/index.htm or leave blank to do nothing" data-bs-toggle="popover" title="Open to a page" data-bs-content="Enter a relative page path and we will open straight to that page. Leaving this blank will do nothing" data-bs-trigger="hover" class="mt-2" style="display:block;width:100%">
  140.                         <input placeholder="/new-inventory/index.htm or leave blank to do nothing" data-bs-toggle="popover" title="Open to a page" data-bs-content="Enter a relative page path and we will open straight to that page. Leaving this blank will do nothing" data-bs-trigger="hover" class="mt-2" style="display:block;width:100%">
  141.                         </div> <!-- end additionalPagesContainer-->
  142.                     </div><!-- end row-->
  143.                     <div class="row">
  144.                         <h4 class="text-success fw-bold text-center mt-4">How many accounts can we open at the same time?</h4>
  145.                         <h6 class="text-center text-primary font-size-xl">For CMS auditing, we recommend no more than 20 tabs at a time. For Composer, 5 is the recommended limit. This really depends on how fast your PC is. If you are running a beast of a gaming PC, the sky is the limit. Select a new value from the options below</h6>
  146.                     </div><!--end row-->
  147.                     <div class="row">
  148.                         <select class="form-select form-select mb-3" aria-label=".form-select-lg example">
  149.                             <option selected>Open this select menu</option>
  150.                             <option value="1">One</option>
  151.                             <option value="2">Two</option>
  152.                             <option value="3">Three</option>
  153.                             <option value="4">Four</option>
  154.                             <option value="5" selected="selected">Five</option>
  155.                             <option value="6">Six</option>
  156.                             <option value="7">Seven</option>
  157.                             <option value="8">Eight</option>
  158.                             <option value="9">Nine</option>
  159.                             <option value="10">Ten</option>
  160.                             <option value="11">Eleven</option>
  161.                             <option value="12">Twelve</option>
  162.                             <option value="13">Thirteen</option>
  163.                             <option value="14">Fourteen</option>
  164.                             <option value="15">Fifteen</option>
  165.                             <option value="16">Sixteen</option>
  166.                             <option value="17">Seventeen</option>
  167.                             <option value="18">Eighteen</option>
  168.                             <option value="19">Nineteen</option>
  169.                             <option value="20">Twenty</option>
  170.                         </select>
  171.                     </div><!-- end row-->
  172.                     <div class="row">
  173.                         <h4 class="text-success text-center fw-bold mt-4">Tell me which accounts you would like to audit, please? One account per line!</h4>
  174.                         <h6 class="text-center text-primary">Make sure you are entering the service account, one per line.</h6>
  175.                         <textarea placeholder="roimotors &#10;roimotors&#10;roimotors" rows="10" class="mb-3"></textarea>
  176.                     </div>
  177.                     <div class="row">
  178.                         <h4 class="text-success text-center fw-bold mt-4">You can give me a CSV file of accounts instead, if you would prefer.</h4>
  179.                         <h6 class="text-primary text-center">Make sure its a CSV file, and that there are no special characters. One account per line please!</h6>
  180.                         <div class="form-file">
  181.                             <input type="file" class="form-file-input" id="manualAuditsAccountsFile" style="width:100%;">
  182.                             <label class="form-file-label" for="manualAuditsAccountsFile">
  183.                                 <span class="form-file-text">Choose a file...</span>
  184.                                 <span class="form-file-button">Browse</span>
  185.                             </label>
  186.                         </div> <!--end form-file-->
  187.                     </div><!--end row-->
  188.                     <div class="row">
  189.                         <button class="btn btn-primary" value="submit">Begin Audit</button>
  190.                     </div><!--end row-->
  191.                 </form>
  192.             </div><!-- end card-body-->
  193.         </div> <!-- end card -->
  194.     </div> <!-- end row-->
  195.     <div class="row mt-5">
  196.         <div class="card bg-dark shadow-lg border-2 border-secondary">
  197.             <div class="card-header bg-primary m-3 shadow-lg border border-warning">
  198.                 <h3 class="text-black-50 text-center fw-bolder">Custom Audits</h3>
  199.             </div> <!--end card header -->
  200.  
  201.             <div class="card-body">
  202.                 <div class="row">
  203.                     <p class="text-danger"><i><u><b>DISCLAIMER</i></u></b>: There is a difference between what you can see visually, and what this program can see. This progam looks at the Page DOM, which you can look at by right-clicking a page, and selecting view source. Often, websites make changes to themselves as you click around (such as forms popping up, and buttons changing text / color. No automatic auditor can see this, and thus, is imperfect. Be aware the results given can never be 100% accurate.</p>
  204.                 </div> <!--end row-->
  205.                 <h4 class="text-success text-center fw-bold mt-4">Looking for something specific are we? Type in a search phrase, and I will see what I can find</h4>
  206.                 <h6 class="text-primary text-center">This is useful if you are trying to find all the places someone wrote a phone number, or "BEST HONDA DEALER IN THE WEST" so you can remove it.</h6>
  207.                <form>
  208.                 <input placeholder="Car shopping made easy" data-bs-toggle="popover" title="Custom Search String" data-bs-content="Type in a custom search, and provide us with either a CSV of pages, or you can paste them one per line in the box below. We will search each page for your query and return the page path we found that query on. Note that these should include the domain - not a relative page path!" data-bs-trigger="hover" class="mt-2" style="display:block;width:100%">
  209.                 <div class="row">
  210.                     <h4 class="text-success text-center fw-bold mt-4">Tell me what pages you would like to audit, please? One account per line!</h4>
  211.                     <h6 class="text-center text-primary">Make sure you are entering the full page path including the domain, one per line.</h6>
  212.                     <textarea placeholder="roimotors.com/new-inventory/index.htm &#10;roimotors.com/index.htm&#10;roimotors.com/used-inventory/index.htm" rows="10" class="mb-3"></textarea>
  213.                 </div>
  214.                 <div class="row">
  215.                     <h4 class="text-success text-center fw-bold mt-4">You can give me a CSV file of pages instead, if you would prefer.</h4>
  216.                     <h6 class="text-primary text-center">Make sure its a CSV file, and that there are no special characters. One page per line please, make sure to include both the domain and the page path!</h6>
  217.                     <div class="form-file">
  218.                         <input type="file" class="form-file-input" id="customAuditsPagesFile" style="width:100%;">
  219.                         <label class="form-file-label" for="customAuditsPagesFile">
  220.                             <span class="form-file-text">Choose a file...</span>
  221.                             <span class="form-file-button">Browse</span>
  222.                         </label>
  223.                     </div> <!--end form-file-->
  224.                 </div><!--end row-->
  225.                    <div class="row">
  226.                        <button class="btn btn-primary" value="submit">Begin Audit</button>
  227.                    </div><!--end row-->
  228.                </form>
  229.             </div><!--end card-body-->
  230.         </div><!--end card-->
  231.     </div> <!--end row-->
  232.     <div class="row mt-5">
  233.         <div class="card bg-dark shadow-lg border-2 border-secondary">
  234.             <div class="card-header bg-primary m-3 shadow-lg border border-warning">
  235.                 <h3 class="text-black-50 text-center fw-bolder">Advanced Custom Audits</h3>
  236.             </div> <!--end card header -->
  237.             <div class="card-body">
  238.                 <div class="row">
  239.                     <p class="text-danger"><i><u><b>DISCLAIMER</i></u></b>: There is a difference between what you can see visually, and what this program can see. This progam looks at the Page DOM, which you can look at by right-clicking a page, and selecting view source. Often, websites make changes to themselves as you click around (such as forms popping up, and buttons changing text / color. No automatic auditor can see this, and thus, is imperfect. Be aware the results given can never be 100% accurate.</p>
  240.                 </div> <!--end row-->
  241.                 <h4 class="text-success text-center fw-bold mt-4">Looking for something more challenging eh? Lets see what I can do.</h4>
  242.                 <h6 class="text-primary text-center">You can use regex to search for a query here.</h6>
  243.                 <form>
  244.                 <input placeholder="([A-Z])\w+" data-bs-toggle="popover" title="Regex Search String" data-bs-content="Type in a Regex search query, and provide us with either a CSV of pages, or you can paste them one per line in the box below. We will search each page for your query and return the page path we found that query on. Note that these should include the domain - not a relative page path!" data-bs-trigger="hover" class="mt-2" style="display:block;width:100%">
  245.                 <div class="row">
  246.                     <h4 class="text-success text-center fw-bold mt-4">Tell me what pages you would like to audit, please? One account per line!</h4>
  247.                     <h6 class="text-center text-primary">Make sure you are entering the full page path including the domain, one per line.</h6>
  248.                     <textarea placeholder="roimotors.com/new-inventory/index.htm &#10;roimotors.com/index.htm&#10;roimotors.com/used-inventory/index.htm" rows="10" class="mb-3"></textarea>
  249.                 </div>
  250.                 <div class="row">
  251.                     <h4 class="text-success text-center fw-bold mt-4">You can give me a CSV file of pages instead, if you would prefer.</h4>
  252.                     <h6 class="text-primary text-center">Make sure its a CSV file, and that there are no special characters. One page per line please, make sure to include both the domain and the page path!</h6>
  253.                     <div class="form-file">
  254.                         <input type="file" class="form-file-input" id="advancedCustomAuditsPagesFile" style="width:100%;">
  255.                         <label class="form-file-label" for="advancedCustomAuditsPagesFile">
  256.                             <span class="form-file-text">Choose a file...</span>
  257.                             <span class="form-file-button">Browse</span>
  258.                         </label>
  259.                     </div> <!--end form-file-->
  260.                 </div><!--end row-->
  261.                     <div class="row">
  262.                         <button class="btn btn-primary" value="submit">Begin Audit</button>
  263.                     </div><!--end row-->
  264.                 </form>
  265.             </div><!--end card-body-->
  266.         </div><!--end card-->
  267.     </div> <!--end row-->
  268. </div> <!-- end main body container -->
  269. </body>
  270. <script>
  271.     //Init the bootstrap popovers via jQuery
  272.     $(document).ready(function(){
  273.         $("[data-bs-toggle="popover"]").popover();
  274.     });
  275.     //When you select one of the audit options radios, we make the label green for you.
  276.     $("input:radio[name="auditProgramOptions"]").change(
  277.         function(){
  278.             if ($(this).is(":checked")) {
  279.                 var option = $(this).attr("data-option"); //figure out which radio is was checked. We added the data-option attribute to the element to do this
  280.                if(option ==="1") { //data-option is a STRING not an integer, so we have to use "1" or risk type conversion on == or have the check fail if we just use 1.
  281.                    $("#auditProgramOptionsLabel1").addClass("btn-success");
  282.                    $("#auditProgramOptionsLabel2").removeClass("btn-success");
  283.                }
  284.                 if(option ==="2") {
  285.                     $("#auditProgramOptionsLabel2").addClass("btn-success");
  286.                     $("#auditProgramOptionsLabel1").removeClass("btn-success");
  287.                 }
  288.             }
  289.         });
  290.  
  291.     $("#additionalPagesCheckbox").change(function(){
  292.         $("#additionalPagesContainer").toggle();
  293.     });
  294. </script>
  295. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!