API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 4th, 2021
47
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.26 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Generac</title>
  5. <!-- responsive meta tag -->
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <meta content='text/html;charset=utf-8' http-equiv='content-type'>
  8. <!-- enables HTML5 in old browsers -->
  9. <!--[if lt IE 9]>
  10. <script src='http://html5shim.googlecode.com/svn/trunk/html5.js' type='text/javascript'></script>
  11. <link href="/assets/css/ie8.css" media="screen" rel="stylesheet" type="text/css"/>
  12. <![endif]-->
  13.  
  14. <script type="text/javascript" nonce="4e5f8e9fd2874a57946df3a96cf" src="//local.adguard.org?ts=1638593996593&amp;type=content-script&amp;dmn=pwrcell.generac.com&amp;app=com.google.Chrome&amp;css=3&amp;js=1&amp;rel=1&amp;rji=1&amp;sbe=0&amp;stealth=1&amp;uag="></script>
  15. <script type="text/javascript" nonce="4e5f8e9fd2874a57946df3a96cf" src="//local.adguard.org?ts=1638593996593&amp;name=AdGuard%20Extra&amp;type=user-script"></script><link rel="stylesheet" media="all" href="/assets/main/application-355873d8a42f5f412f7d4bd4ce045252c53fb371e539de90e29c2002e06974b1.css" />
  16. <meta name="csrf-param" content="authenticity_token" />
  17. <meta name="csrf-token" content="+1arZOpgGp65sjNpOq2mudCxeqXlWJ0vTYA8jk8OmUTPl7xnCYchJEa91YSlm8CDpDvD3zk2y07HEpMUogIjFQ==" />
  18. <link rel="shortcut icon" type="image/x-icon" href="/assets/favicon-4238f3a1c5a1ca7a249f85c87a3d19eb6d185ee05686134392a1c905eb1c795e.ico" />
  19. </head>
  20. <body>
  21. <!-- section start -->
  22. <header>
  23. <div class='navbar navbar-fixed-top'>
  24. <div class='navbar-inner'>
  25. <div class='container-fluid header-container'>
  26. <!-- logo start -->
  27. <a class='brand' href='/'>
  28. <div id="logo-name" class="logo-name">PWRview Dashboard</div>
  29. <div class="site-description">PWRcell</div>
  30. <div class="username">xxxx@gmail.com</div>
  31. </a>
  32. <!-- logo end -->
  33. <div id="weather" class="weather text-right">
  34. <!-- Simple weather display app, see simpleWeather.js -->
  35. </div>
  36. </div>
  37. </div>
  38. </div>
  39. </header>
  40. <!-- header end -->
  41. <!-- nav start -->
  42. <nav id="navi">
  43. <div class='navigation'>
  44. <ul class='nav nav-stacked'>
  45. <!-- nav item start -->
  46. <li><img src="/assets/logo.png" class="main-logo"></img></li>
  47. <li class='nav-header hidden-phone nav-account'>Your account</li>
  48. <li id='menu-overview'>
  49. <a href='/users/2200882' >
  50. <i class='icon-home'></i>
  51. <span class='hidden-phone'>Overview</span>
  52. <b class='caret-left'></b>
  53. </a>
  54. </li>
  55. <li id='menu-dashboard'>
  56. <a href='/users/2200882/dashboard'>
  57. <i class='icon-dashboard'></i>
  58. <span class='hidden-phone'>Dashboard</span>
  59. <b class='caret-left'></b>
  60. </a>
  61. </li>
  62. <li id='menu-settings'>
  63. <a href='/users/2200882/edit'>
  64. <i class='icon-edit'></i>
  65. <span class='hidden-phone'>Settings</span>
  66. <b class='caret-left'></b>
  67. </a>
  68. </li>
  69. <li id='menu-logout'>
  70. <a href='/signout' data-method="delete" rel="nofollow">
  71. <i class='icon-signout'></i>
  72. <span class='hidden-phone'>Log Out</span>
  73. <b class='caret-left'></b>
  74. </a>
  75. </li>
  76. <li class='nav-header hidden-phone'>Help</li>
  77. <li id='menu-faq'>
  78. <a href='/faq'>
  79. <i class='icon-comments'></i>
  80. <span class='hidden-phone'>FAQ</span>
  81. <b class='caret-left'></b>
  82. </a>
  83. </li>
  84. </ul>
  85. </div>
  86. </nav>
  87. <!-- nav end -->
  88. <!-- section start -->
  89. <script src="/assets/main/jquery.min.js" type="text/javascript"></script>
  90. <script src="/assets/main/simpleWeather.js" type="text/javascript"></script>
  91. <script type="text/javascript">getWeather("66236");</script>
  92.  
  93.  
  94.  
  95. <section id='content'>
  96. <div class='container-fluid'>
  97. <div class='row-fluid'>
  98. <div class='span12'>
  99. <head>
  100.  
  101. </head>
  102.  
  103. <!-- Used by the dashboard for showing the aggregate data at the top. -->
  104.  
  105. <!-- If the hardware does not support 'operational mode' then we give them this smaller
  106. view without the op mode or the 'energy last month' -->
  107. <div class="row-fluid dash-statistics" style="color: #0d2231;" >
  108.  
  109.  
  110. <div class="span4">
  111. <div class="statistic-box thumbnail">
  112. <h4 class="title text-success">
  113. Clean Backup
  114. </h4>
  115. <small>
  116. System Mode
  117. </small>
  118. </div>
  119. <div class="statistic-box thumbnail">
  120. <h4 class="title text-primary">1.5 kWh</h4>
  121. <small>Energy Today</small>
  122. </div>
  123. </div>
  124.  
  125. <div class="span4">
  126. <div class="statistic-box thumbnail">
  127. <h4 class="title text-primary">86.0 kWh</h4>
  128. <small>Energy This Month (to date)</small>
  129. </div>
  130. <div class="statistic-box thumbnail">
  131. <h4 class="title text-primary">637.2 kWh</h4>
  132. <small>Energy last Month</small>
  133. </div>
  134. </div>
  135.  
  136. <div class="span4">
  137. <div class="statistic-box thumbnail">
  138. <h4 class="title text-primary" id="battery-charge">No Battery</h4>
  139. <small>Battery Level</small>
  140. </div>
  141. <div class="statistic-box thumbnail">
  142. <h4 class="title text-primary">738.7 kWh</h4>
  143. <small>Lifetime Energy</small>
  144. </div>
  145. </div>
  146.  
  147.  
  148. </div>
  149.  
  150.  
  151. <div class="dash-tabs">
  152. <a class="dash-tab form-bold" id="energy-button">
  153. Energy
  154. </a>
  155. <span class="dash-divider"> | </span>
  156. <a class="dash-tab" id="power-button">
  157. Power
  158. </a>
  159. <span class="dash-divider"> | </span>
  160. <a class="dash-tab" id="dc-button">
  161. Sources
  162. </a>
  163. </div>
  164.  
  165. <section id="sources" class="offscreen">
  166. <div class="row-fluid hide-at-full">
  167. <div class="span12">
  168. &nbsp; <!--shim to move columns down at small devices-->
  169. </div>
  170. </div>
  171. <div class="row-fluid" style="margin-top:20px">
  172. <div class="span12" id="graphbox2">
  173. <div class="tabbable">
  174. <ul id="sources-tabs" class="nav nav-tabs">
  175. <li><a href="#sources-energy" data-toggle="tab">Energy</a></li>
  176. <li><a href="#sources-power" data-toggle="tab">Power</a></li>
  177. </ul>
  178. <div class="tab-content" style="min-height 400px">
  179. <div class="tab-pane fade in active" id="sources-energy">
  180. <div id="sources-energy-chart" class="chart energy"></div>
  181. </div>
  182. <div class="tab-pane fade in" id="sources-power" >
  183. <div id="sources-power-chart" class="chart power" style="width:500px"></div>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. <div class="row-fluid">
  190. <label class="checkbox yaxis-checkbox">
  191. <input type="checkbox" name="fixSourcesYAxis" id="fixSourcesYAxis" value="1" checked="checked" />auto-scale Y-axis
  192. </label>
  193. <div class="grid">
  194. <div class="vertical-device-list" id="sources-list"></div>
  195. </div>
  196. </div><!--row-fluid-->
  197. </section><!-- end sources section -->
  198.  
  199. <section id="inverters">
  200. <div class="row-fluid">
  201. <div class="span12" id="graphbox">
  202. <div class="tabbable">
  203.  
  204. <div class="tab-content">
  205. <div class="tab-pane fade in active" id="inverters-energy">
  206. <div id="inverters-energy-chart" class="chart energy"></div>
  207. </div>
  208. <div class="tab-pane fade in" id="inverters-power">
  209. <div id="inverters-power-chart" class="chart"></div>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  215. <div class="row-fluid">
  216. <label class="checkbox yaxis-checkbox">
  217. <input type="checkbox" name="fixInvertersYAxis" id="fixInvertersYAxis" value="1" checked="checked" />auto-scale Y-axis
  218. </label>
  219. <div class="grid">
  220. <div class="vertical-device-list" id="inverters-list"></div>
  221.  
  222. </div>
  223. </div>
  224. </section><!-- end inverters section -->
  225.  
  226. <!-- templates for device nodes -->
  227. <ul id="device-list-template" >
  228. <!-- Template for offline devices -->
  229. <div class="offline-device-template grid-item">
  230. <div class="device-box" >
  231. <div class="outline-box">
  232. <img class="device-icon" class="offline hidden-phone">
  233. <div class="device-text">
  234. <div class="device-name offline" title=""></div>
  235. <div class="display-name offline" title=""></div>
  236. <div class="device-serial"></div>
  237. <div class="device-status offline"></div>
  238. <div class="device-energy offline"></div>
  239. <div class="device-range-energy offline"></div>
  240. </div>
  241. </div>
  242. </div>
  243. </div>
  244. <div id="estimation" title=""></div>
  245. <!-- Template html node for online devices -->
  246. <div class="online-device-template grid-item ">
  247. <div class=" device-box-online device-box" >
  248. <div class="outline-box">
  249. <img class="device-icon hidden-phone">
  250. <div class="device-text">
  251. <div class="device-name" title=""> </div>
  252. <div class="display-name" title=""> </div>
  253. <div class="device-serial"></div>
  254. <div class="device-status"></div>
  255. <div class="device-energy"></div>
  256. <div class="device-range-energy"></div>
  257. <div class="soc"></div>
  258. </div>
  259. <div class="power-output" title=""></div>
  260. <div class="power-capture" title=""></div>
  261. <div class="chart-color" style="cursor: pointer;"><i class="icon-bar-chart icon-2x"></i></div>
  262. </div>
  263. </div>
  264. </div>
  265.  
  266. <!-- Template html node for PV Aggregate Data -->
  267. <div class="PV-Aggregate-template grid-item ">
  268. <div class="device-box-online device-box PV-aggregate-box" id="accordian-toggle" style="display: none" >
  269. <div class="outline-box">
  270. <img class="device-icon hidden-phone"></img>
  271. <div class="device-text">
  272. <div class="device-name" title=""></div>
  273. <div class="display-name" title=""></div>
  274. <div class="device-number"></div>
  275. <div class="device-expand">Click to see all devices</div>
  276. <div class="device-energy"></div>
  277. <div class="device-range-energy"></div>
  278. </div>
  279. <div class="power-output" title=""></div>
  280. <div class="power-capture" title=""></div>
  281. <div class="chart-color" style="cursor: pointer;"><i class="icon-bar-chart icon-2x" style="color:#F6A708"></i></div>
  282.  
  283. <div id="accordian-panel" class="accordian-collapsed">
  284. <!-- PV-devices go in here -->
  285. </div>
  286. </div>
  287. </div>
  288. </div>
  289. <div class="PV-device-template device-text accordian-hidden" style="display: none">
  290. <div class="device-name hidden"></div>
  291. <div class="device-serial"></div>
  292. <div class="device-status">Status: <span id="neutral"></span></div>
  293. <div class="device-energy">Energy captured: <span id="energy-capture"></span></div>
  294. <div class="device-range-energy">Energy in view: <span class="energy-range-capture"></span></div>
  295. <div class="pv-power-capture" title=""></div>
  296.  
  297. </div>
  298. </ul>
  299. <!-- Hack to be able to toggle bootstrap's data tabs from jquery -->
  300. <a href="#inverters-energy" data-toggle="tab" class="hidden" id="inverter-energy-hack">Energy</a>
  301. <a href="#inverters-power" data-toggle="tab" class="hidden" id="inverter-power-hack">Power</a>
  302.  
  303.  
  304.  
  305.  
  306.  
  307. </div><!-- span12 -->
  308. </div><!-- row-fluid -->
  309. </div><!-- container-fluid -->
  310. </section>
  311. <script src="/assets/main/application-22a2b5d24078c82db43ad60d22fe5ce830e18a28de69ab62ff3ef38b988f56e6.js"></script>
  312.  
  313. <script type="text/javascript">
  314. $('#sources-tabs a').click(function(e) {
  315. e.preventDefault();
  316. $(this).tab('show');
  317. });
  318.  
  319. $('#sources-tabs a:first').tab('show');
  320.  
  321. $('#inverters-tabs a').click(function(e) {
  322. e.preventDefault();
  323. $(this).tab('show');
  324. });
  325.  
  326. $('#inverters-tabs a:first').tab('show');
  327. </script>
  328.  
  329. <script src="/assets/main/dashboard.js" type="text/javascript"></script>
  330.  
  331. <script type="text/javascript">
  332.  
  333. var serials = [];
  334. serials.push("000100075314");
  335. serials.push("0001000052B1");
  336. serials.push("00010012580E");
  337. serials.push("0001000835C8");
  338. serials.push("00010003A3AF");
  339. serials.push("00010003A50F");
  340. serials.push("00010003A1F0");
  341.  
  342. var timezone =
  343. //hack to get user's timezone's offset from UTC as and integer
  344. -5;
  345.  
  346. var buttons = $( "#graphbox" ).width() > 400;
  347.  
  348. dashboard.init(
  349. "1263560",
  350. serials,
  351. timezone,
  352. buttons
  353. );
  354.  
  355. $(window).resize(function() {
  356.  
  357. //redraw the entire graph if we need to change the buttons
  358. if($( "#graphbox" ).width() <= 400 &&
  359. buttons === true)
  360. {
  361. buttons = false;
  362. dashboard.init(
  363. "1263560",
  364. serials,
  365. timezone,
  366. buttons
  367. );
  368. }
  369. else if($( "#graphbox" ).width() > 400 &&
  370. buttons === false)
  371. {
  372. buttons = true;
  373. dashboard.init(
  374. "1263560",
  375. serials,
  376. timezone,
  377. buttons
  378. );
  379. }
  380. });
  381.  
  382. $( "#energy-button" ).click(function() {
  383. $( "#energy-button" ).addClass( "form-bold" );
  384. $( "#power-button" ).removeClass( "form-bold" );
  385. $( "#dc-button" ).removeClass( "form-bold" );
  386.  
  387. $( "#sources" ).addClass( "offscreen" );
  388. $( "#inverters" ).removeClass( "offscreen" );
  389.  
  390. $( "#inverter-energy-hack" ).click();
  391. });
  392. $( "#power-button" ).click(function() {
  393. $( "#power-button" ).addClass( "form-bold" );
  394. $( "#energy-button" ).removeClass( "form-bold" );
  395. $( "#dc-button" ).removeClass( "form-bold" );
  396.  
  397. $( "#sources" ).addClass( "offscreen" );
  398. $( "#inverters" ).removeClass( "offscreen" );
  399.  
  400. $( "#inverter-power-hack" ).click();
  401. });
  402. $( "#dc-button" ).click(function() {
  403. $( "#dc-button" ).addClass( "form-bold" );
  404. $( "#energy-button" ).removeClass( "form-bold" );
  405. $( "#power-button" ).removeClass( "form-bold" );
  406.  
  407. $( "#inverters" ).addClass( "offscreen" );
  408. $( "#sources" ).removeClass( "offscreen" );
  409.  
  410. //$( "#inverter-power-hack" ).click();
  411. });
  412.  
  413. </script>
  414.  
  415. <script type="text/javascript">
  416.  
  417.  
  418. </script>
  419.  
  420.  
  421.  
  422. <script type="text/javascript">
  423. $(function() {
  424. $("#menu-dashboard").addClass('active');
  425. });
  426. </script>
  427. </body>
  428. </html>
  429.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!