[text] etest1

Viewer

  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6.   <script type="application/shiny-singletons"></script>
  7.   <script type="application/html-dependencies">jquery[3.6.0];shiny-css[1.7.4];shiny-javascript[1.7.4];font-awesome[6.2.1];bootstrap[3.4.1];AdminLTE[2.0.6];shinydashboard[0.7.2]</script>
  8. <script src="jquery-3.6.0/jquery.min.js"></script>
  9. <link href="shiny-css-1.7.4/shiny.min.css" rel="stylesheet" />
  10. <script src="shiny-javascript-1.7.4/shiny.min.js"></script>
  11. <link href="font-awesome-6.2.1/css/all.min.css" rel="stylesheet" />
  12. <link href="font-awesome-6.2.1/css/v4-shims.min.css" rel="stylesheet" />
  13. <meta name="viewport" content="width=device-width, initial-scale=1" />
  14. <link href="bootstrap-3.4.1/css/bootstrap.min.css" rel="stylesheet" />
  15. <link href="bootstrap-3.4.1/accessibility/css/bootstrap-accessibility.min.css" rel="stylesheet" />
  16. <script src="bootstrap-3.4.1/js/bootstrap.min.js"></script>
  17. <script src="bootstrap-3.4.1/accessibility/js/bootstrap-accessibility.min.js"></script>
  18. <link href="AdminLTE-2.0.6/AdminLTE.min.css" rel="stylesheet" />
  19. <link href="AdminLTE-2.0.6/_all-skins.min.css" rel="stylesheet" />
  20. <script src="AdminLTE-2.0.6/app.min.js"></script>
  21. <link href="shinydashboard-0.7.2/shinydashboard.css" rel="stylesheet" />
  22. <script src="shinydashboard-0.7.2/shinydashboard.min.js"></script>  <title>
  23.     <a href="https://w.amazon.com/bin/view/WWOpsTA/DELTA/Oxygen">
  24.       <img src="logo3.png" height="50" width="200"/>
  25.     </a>
  26.   </title>
  27.   <style>
  28.       .main-sidebar, .left-side {
  29.         width: 270px;
  30.       }
  31.       @media (min-width: 768px) {
  32.         .content-wrapper,
  33.         .right-side,
  34.         .main-footer {
  35.           margin-left: 270px;
  36.         }
  37.         .main-sidebar,
  38.         .left-side {
  39.           width: 270px;
  40.         }
  41.       }
  42.       @media (max-width: 767px) {
  43.         .sidebar-open .content-wrapper,
  44.         .sidebar-open .right-side,
  45.         .sidebar-open .main-footer {
  46.           -webkit-transform: translate(270px, 0);
  47.           -ms-transform: translate(270px, 0);
  48.           -o-transform: translate(270px, 0);
  49.           transform: translate(270px, 0);
  50.         }
  51.       }
  52.       @media (max-width: 767px) {
  53.         .main-sidebar,
  54.         .left-side {
  55.           -webkit-transform: translate(-270px, 0);
  56.           -ms-transform: translate(-270px, 0);
  57.           -o-transform: translate(-270px, 0);
  58.           transform: translate(-270px, 0);
  59.         }
  60.       }
  61.       @media (min-width: 768px) {
  62.         .sidebar-collapse .main-sidebar,
  63.         .sidebar-collapse .left-side {
  64.           -webkit-transform: translate(-270px, 0);
  65.           -ms-transform: translate(-270px, 0);
  66.           -o-transform: translate(-270px, 0);
  67.           transform: translate(-270px, 0);
  68.         }
  69.       }
  70.     </style>
  71.   <style type="text/css">.shiny-input-container {padding-top: 0px !important;}div.checkbox {margin-top: 0px;}</style>
  72.   <style>.wrapper {overflow: visible !important;}</style>
  73. </head>
  74. <body class="skin-black" style="min-height: 611px;">
  75.   <div class="wrapper">
  76.     <header class="main-header">
  77.       <span class="logo">
  78.         <a href="https://w.amazon.com/bin/view/WWOpsTA/DELTA/Oxygen">
  79.           <img src="logo3.png" height="50" width="200"/>
  80.         </a>
  81.       </span>
  82.       <nav class="navbar navbar-static-top" role="navigation">
  83.         <span style="display:none;">
  84.           <i class="fas fa-bars" role="presentation" aria-label="bars icon"></i>
  85.         </span>
  86.         <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
  87.           <span class="sr-only">Toggle navigation</span>
  88.         </a>
  89.         <div class="navbar-custom-menu">
  90.           <ul class="nav navbar-nav">
  91.             <li class="dropdown">
  92.               <style>.main-header {max-height: 75px}</style>
  93.               <style>.main-header .logo {height: 75px, width: 75px}</style>
  94.             </li>
  95.             <li class="dropdown">
  96.               <a href="https://w.amazon.com/bin/view/WWOpsTA/DELTA/Oxygen#HNewOxygenUserStory" target="_blank">Request Feature</a>
  97.             </li>
  98.             <li class="dropdown">
  99.               <a href="https://w.amazon.com/bin/view/WWOpsTA/DELTA/Oxygen#HNewOxygenUserStory" target="_blank">Report a bug</a>
  100.             </li>
  101.             <li class="dropdown">
  102.               <a href="https://w.amazon.com/bin/view/WWOpsTA/DELTA/Oxygen#HOxygen27sObjective" target="_blank">FAQs Wiki</a>
  103.             </li>
  104.           </ul>
  105.         </div>
  106.       </nav>
  107.     </header>
  108.     <aside id="sidebarCollapsed" class="main-sidebar" data-collapsed="false">
  109.       <section id="sidebarItemExpanded" class="sidebar">
  110.         <ul class="sidebar-menu">
  111.           <li>
  112.             <a href="#shiny-tab-about" data-toggle="tab" data-value="about">
  113.               <i class="fas fa-house" role="presentation" aria-label="house icon"></i>
  114.               <span>About</span>
  115.             </a>
  116.           </li>
  117.           <li>
  118.             <a href="#shiny-tab-Template" data-toggle="tab" data-value="Template" data-start-selected="1">
  119.               <i class="fas fa-pen" role="presentation" aria-label="pen icon"></i>
  120.               <span>Template Repository</span>
  121.             </a>
  122.           </li>
  123.           <h5> </h5>
  124.           <h5> </h5>
  125.           <h5>*Note: Data is as of 2023-06-08</h5>
  126.           <div id="tabs" class="sidebarMenuSelectedTabItem" data-value="null"></div>
  127.         </ul>
  128.       </section>
  129.     </aside>
  130.     <div class="content-wrapper">
  131.       <section class="content">
  132.         <style>
  133.                                       .box.box-solid.box-primary>.box-header {
  134.                                       color:#fff;
  135.                                       background:#666666
  136.                                       }
  137.                                       .box.box-solid.box-primary{
  138.                                       border-bottom-color:#666666;
  139.                                       border-left-color:#666666;
  140.                                       border-right-color:#666666;
  141.                                       border-top-color:#666666;
  142.                                       }
  143.                                       </style>
  144.         <div class="tab-content">
  145.           <div role="tabpanel" class="tab-pane" id="shiny-tab-about">
  146.             <h3>Overview</h3>
  147.             <div>Oxygen is WW Amazon Stores (Previously named Consumers) first-ever product which fully automating the data gathering process from standardized datasets that contain aligned metric definitions and sends it in easy-to-read emails. Using Oxygen, it will be easier than ever to prepare documents such as monthly business reviews, white papers, page 0s, promotions, and recruitment program updates with data points.</div>
  148.             <h3>Questions</h3>
  149.             <div>For questions or requests, please submit a  <a href="https://issues.amazon.com/issues/create?template=c2542526-6a9a-4b07-b194-043ad2cbe630" target="_blank">SIM ticket.</a></div>
  150.           </div>
  151.           <div role="tabpanel" class="tab-pane" id="shiny-tab-Template">
  152.             <div class="tabbable">
  153.               <ul class="nav nav-tabs shiny-tab-input" id="tabset1" data-tabsetid="4441">
  154.                 <li class="active">
  155.                   <a href="#tab-4441-1" data-toggle="tab" data-bs-toggle="tab" data-value="tm_template">
  156.                     <i aria-label="user icon" class="far fa-user fa-fw" role="presentation"></i>
  157.                     <h5>TM Templates</h5>
  158.                   </a>
  159.                 </li>
  160.               </ul>
  161.               <div class="tab-content" data-tabsetid="4441">
  162.                 <div class="tab-pane active" data-icon-class="far fa-user fa-fw" data-value="tm_template" id="tab-4441-1">
  163.                   <h5></h5>
  164.                   <div class="row">
  165.                     <div class="col-sm-12">
  166.                       <div class="col-sm-12">
  167.                         <div class="box">
  168.                           <div class="box-body">
  169.                             <div id="login_selector_tm" class="shiny-html-output"></div>
  170.                             <h5></h5>
  171.                           </div>
  172.                         </div>
  173.                       </div>
  174.                     </div>
  175.                   </div>
  176.                   <div class="row">
  177.                     <div class="col-sm-12">
  178.                       <div class="col-sm-12">
  179.                         <div class="box">
  180.                           <div class="box-body">
  181.                             <h5></h5>
  182.                             <div style="display: inline-block;vertical-align:top; width: 350px;">
  183.                               <span id="template_selector_tm" class="shiny-html-output"></span>
  184.                             </div>
  185.                             <h5></h5>
  186.                             <div style="display: inline-block;vertical-align:top; width: 350px;">
  187.                               <span id="receiver_selector_tm" class="shiny-html-output"></span>
  188.                             </div>
  189.                             <h5></h5>
  190.                           </div>
  191.                         </div>
  192.                       </div>
  193.                       <h5></h5>
  194.                       <div class="col-sm-12">
  195.                         <div class="box box-solid box-primary">
  196.                           <div class="box-body">
  197.                             <div class="row">
  198.                               <div class="col-sm-12">
  199.                                 <div id="parameterselection_tm" class="shiny-text-output"></div>
  200.                               </div>
  201.                             </div>
  202.                             <div class="row">
  203.                               <div class="col-sm-2 offset-md-10 col-sm-offset-10">
  204.                                 <button id="showselected_tm" type="button" class="btn btn-default action-button" style="color: #fff; background-color: #337ab7; border-color: #2e6da4" inline="TRUE">Generate & Send Email</button>
  205.                               </div>
  206.                             </div>
  207.                             <h5></h5>
  208.                             <div class="row">
  209.                               <div class="col-sm-12">
  210.                                 <div id="table_tm" class="shiny-text-output"></div>
  211.                               </div>
  212.                             </div>
  213.                           </div>
  214.                         </div>
  215.                       </div>
  216.                     </div>
  217.                   </div>
  218.                 </div>
  219.               </div>
  220.             </div>
  221.           </div>
  222.         </div>
  223.       </section>
  224.     </div>
  225.   </div>
  226. </body>
  227. </html>
  228.  

Editor

You can edit this paste and save as new:


File Description
  • etest1
  • Paste Code
  • 09 Jun-2023
  • 10.51 Kb
You can Share it: