admin-menu-dashboard.html.php 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322
  1. <!-- Application Root Element -->
  2. <div class="wrap">
  3. <div id="ninja-forms-dashboard"></div>
  4. </div>
  5. <!-- Dashboard -->
  6. <script id="tmpl-nf-dashboard" type="text/template">
  7. <header class="topbar">
  8. <div class="app-title">
  9. <strong><?php _e( 'Ninja Forms Dashboard', 'ninja-forms' ); ?></strong>
  10. </div>
  11. </header>
  12. <div class="notices"></div>
  13. <div class="promotions"></div>
  14. <nav class="sections">
  15. <ul>
  16. {{{ data.renderNav() }}}
  17. </ul>
  18. </nav>
  19. <main class="content"></main>
  20. </script>
  21. <!-- OAuth -->
  22. <script id="tmpl-nf-notices-oauth" type="text/template">
  23. <# if( null !== data.connected ) { #>
  24. <# if( ! data.connected ){ #>
  25. <!-- <a href="{{{ data.connect_url }}}" class="nf-oauth--connect">
  26. Connect to My.NinjaForms.com
  27. </a> -->
  28. <# } else { #>
  29. <div class="nf-oauth--connected">
  30. Connected to My.NinjaForms.com &nbsp; <span style="cursor:pointer;" onclick="Backbone.Radio.channel( 'dashboard' ).request( 'oauth:learn-more' );">Learn More</span>
  31. <span class="js--disconnect" style="float:right;cursor:pointer;">
  32. <span class="dashicons dashicons-no"></span>
  33. </span>
  34. </div>
  35. <# } #>
  36. <# } else { #>
  37. <div class="nf-oauth--checking">
  38. Checking connection...
  39. </div>
  40. <# } #>
  41. </script>
  42. <!-- Promotion -->
  43. <script id="tmpl-nf-promotion" type="text/template">
  44. <div
  45. class="promotion--wrapper"
  46. <# if( data.script ){ #>
  47. onclick="{{{data.script}}}"
  48. <# } #>
  49. >
  50. <div class="promotion--{{{ data.id }}}">
  51. {{{ data.content }}}
  52. </div>
  53. </div>
  54. </script>
  55. <!-- Section: Widgets -->
  56. <script id="tmpl-nf-widgets" type="text/template">
  57. <div class="widget widget-forms"></div>
  58. </script>
  59. <!-- Section: Services -->
  60. <script id="tmpl-nf-services" type="text/template">
  61. <div class="services"></div>
  62. </script>
  63. <script id="tmpl-nf-service" type="text/template">
  64. <div class="nf-box-inside" style="padding:10px 20px;">
  65. <h2>{{{ data.name }}}</h2>
  66. <div class="nf-extend-content">
  67. <p>{{{ data.description }}}</p>
  68. <div class="nf-extend-buttons">
  69. <# if( data.is_connected ){ #>
  70. <# if( null !== data.enabled){ #>
  71. <div style="float: left;">
  72. <input id="nfServiceTransactionalEmail" class="nf-toggle setting" {{{ ( data.enabled ) ? 'checked="checked"' : '' }}} {{{ ( data.isUpdating ) ? 'disabled="disabled"' : '' }}} type="checkbox">
  73. <label for="nfServiceTransactionalEmail"></label>
  74. </div>
  75. <# } #>
  76. <# if( data.serviceLink ){ #>
  77. <a
  78. href="{{{ data.serviceLink.href }}}"
  79. class="{{{data.serviceLink.classes}}}"
  80. <# if( data.serviceLink.target ) { #>target="{{{ data.serviceLink.target }}}"<# } #>
  81. style="float:right;">{{{data.serviceLink.text}}}</a>
  82. <# } #>
  83. <# } #>
  84. <# if( data.learnMore ) { #>
  85. <button class="nf-button secondary js--learn-more" style="float:left;">Learn More</button>
  86. <# } #>
  87. <# if( ( ! data.is_connected ) || ( data.slug && data.installPath ) ){ #>
  88. <# if( ! data.is_installing ){ #>
  89. <a href="#services" class="nf-button primary js--install" style="float:right;">
  90. <# if( data.setupButtonText ){ #>
  91. {{{ data.setupButtonText }}}
  92. <# } else { #>
  93. <?php echo __( 'Setup', 'ninja-forms' ); ?>
  94. <# } #>
  95. </a>
  96. <# } else { #>
  97. <a href="#services" class="nf-button primary" style="float:right;" disabled>
  98. <span class="dashicons dashicons-update dashicons-update-spin"></span>
  99. </a>
  100. <# } #>
  101. <# } #>
  102. </div>
  103. </div>
  104. </div>
  105. </script>
  106. <!-- Section: Apps -->
  107. <script id="tmpl-nf-apps" type="text/template">
  108. <!-- TODO: Create static template -->
  109. <?php
  110. Ninja_Forms()->menus['add-ons']->display();
  111. ?>
  112. </script>
  113. <!-- Section: Memberships -->
  114. <script id="tmpl-nf-memberships" type="text/template">
  115. <div class="widget widget-memberships">
  116. <div class="pricing-container">
  117. <div class="pricing-block widget">
  118. <div class="pricing-header">
  119. <div class="pricing-title"><?php _e( 'Agency', 'ninja-forms' ); ?></div>
  120. <div class="pricing-price">$499</div>
  121. <div class="pricing-savings"><?php _e( 'Save', 'ninja-forms' ); ?> $2000+</div>
  122. <div class="pricing-cta"><a target="_blank" href="https://ninjaforms.com/checkout/?edd_action=add_to_cart&download_id=203757&utm_medium=plugin&utm_source=plugin-dashboard&utm_campaign=Ninja+Forms+Memberships&utm_content=Agency+Membership" class="nf-button primary"><?php _e( 'Buy Now', 'ninja-forms' ); ?></a></div>
  123. </div>
  124. <div class="pricing-body">
  125. <div>
  126. <i class="fa fa-users" aria-hidden="true"></i>
  127. <span class="pricing-body-title"><?php _e( 'Unlimited Sites', 'ninja-forms' ); ?></span>
  128. <span><?php _e( 'Updates & Support', 'ninja-forms' ); ?></span>
  129. </div>
  130. <div>
  131. <i class="fa fa-money" aria-hidden="true"></i>
  132. <span class="pricing-body-title"><?php _e( '50% off recurring renewals', 'ninja-forms' ); ?></span>
  133. <span><?php _e( 'Renews at $249.50/year', 'ninja-forms' ); ?></span>
  134. </div>
  135. <div>
  136. <i class="fa fa-rocket" aria-hidden="true"></i>
  137. <span class="pricing-body-title"><?php _e( 'Fastest Support', 'ninja-forms' ); ?></span>
  138. <span><?php _e( '1 Year of Updates & Support', 'ninja-forms' ); ?></span>
  139. </div>
  140. <div>
  141. <i class="fa fa-trophy" aria-hidden="true"></i>
  142. <span class="pricing-body-title"><?php _e( 'All add-ons included!', 'ninja-forms' ); ?></span>
  143. <ul>
  144. <li><?php _e( 'Builder PRO Pack', 'ninja-forms' ); ?></li>
  145. <li><?php _e( 'PDF Form Submissions', 'ninja-forms' ); ?></li>
  146. <li><?php _e( 'Zapier', 'ninja-forms' ); ?></li>
  147. <li><?php _e( 'Newsletters (MailChimp, etc.)', 'ninja-forms' ); ?></li>
  148. <li><?php _e( 'CRMs (Saleforce, etc.)', 'ninja-forms' ); ?></li>
  149. <li><?php _e( 'Payments (PayPal, etc.)', 'ninja-forms' ); ?></li>
  150. <li><?php _e( 'And so much more...', 'ninja-forms' ); ?></li>
  151. </ul>
  152. </div>
  153. </div>
  154. </div>
  155. <div class="pricing-block widget highlight">
  156. <!-- <div class="callout">
  157. Most Popular
  158. </div> -->
  159. <div class="pricing-header">
  160. <div class="pricing-title"><?php _e( 'Professional', 'ninja-forms' ); ?></div>
  161. <div class="pricing-price">$199</div>
  162. <div class="pricing-savings"><?php _e( 'Save $197', 'ninja-forms' ); ?></div>
  163. <div class="pricing-cta"><a target="_blank" href="https://ninjaforms.com/checkout/?edd_action=add_to_cart&download_id=471355&utm_medium=plugin&utm_source=plugin-dashboard&utm_campaign=Ninja+Forms+Memberships&utm_content=Professional+Membership" class="nf-button primary"><?php _e( 'Buy Now', 'ninja-forms' ); ?></a></div>
  164. </div>
  165. <div class="pricing-body">
  166. <div>
  167. <i class="fa fa-users" aria-hidden="true"></i>
  168. <span class="pricing-body-title"><?php _e( '20 Sites', 'ninja-forms' ); ?></span>
  169. <span><?php _e( 'Updates & Support', 'ninja-forms' ); ?></span>
  170. </div>
  171. <div>
  172. <i class="fa fa-money" aria-hidden="true"></i>
  173. <span class="pricing-body-title"><?php _e( '50% off recurring renewals', 'ninja-forms' ); ?></span>
  174. <span><?php _e( 'Renews at $99.50/year', 'ninja-forms' ); ?></span>
  175. </div>
  176. <div>
  177. <i class="fa fa-plane" aria-hidden="true"></i>
  178. <span class="pricing-body-title"><?php _e( 'Faster Support', 'ninja-forms' ); ?></span>
  179. </div>
  180. <div>
  181. <i class="fa fa-wrench" aria-hidden="true"></i>
  182. <span class="pricing-body-title"><?php _e( 'Builder Pro Pack', 'ninja-forms' ); ?></span>
  183. <span><?php _e( 'Layout & Styles, Multi-Part Forms, Conditional Logic, File Uploads', 'ninja-forms' ); ?></span>
  184. </div>
  185. <div>
  186. <i class="fa fa-percent" aria-hidden="true"></i>
  187. <span>Plus <strong>40% off</strong><br /><?php _e( 'Additional Add-Ons', 'ninja-forms' ); ?></span>
  188. </div>
  189. </div>
  190. </div>
  191. <div class="pricing-block widget">
  192. <div class="pricing-header">
  193. <div class="pricing-title"><?php _e( 'Personal', 'ninja-forms' ); ?></div>
  194. <div class="pricing-price">$99</div>
  195. <div class="pricing-savings"><?php _e( 'Save $57', 'ninja-forms' ); ?></div>
  196. <div class="pricing-cta"><a target="_blank" href="https://ninjaforms.com/checkout/?edd_action=add_to_cart&download_id=471356&utm_medium=plugin&utm_source=plugin-dashboard&utm_campaign=Ninja+Forms+Memberships&utm_content=Personal+Membership" class="nf-button primary"><?php _e( 'Buy Now', 'ninja-forms' ); ?></a></div>
  197. </div>
  198. <div class="pricing-body">
  199. <div>
  200. <i class="fa fa-user" aria-hidden="true"></i>
  201. <span class="pricing-body-title"><?php _e( '1 Site', 'ninja-forms' ); ?></span>
  202. <span><?php _e( 'Updates & Support', 'ninja-forms' ); ?></span>
  203. </div>
  204. <div>
  205. <i class="fa fa-money" aria-hidden="true"></i>
  206. <span class="pricing-body-title"><?php _e( '50% off recurring renewals', 'ninja-forms' ); ?></span>
  207. <span><?php _e( 'Renews at $49.50/year', 'ninja-forms' ); ?></span>
  208. </div>
  209. <div>
  210. <i class="fa fa-car" aria-hidden="true"></i>
  211. <span class="pricing-body-title"><?php _e( 'Fast Support', 'ninja-forms' ); ?></span>
  212. </div>
  213. <div>
  214. <i class="fa fa-wrench" aria-hidden="true"></i>
  215. <span class="pricing-body-title"><?php _e( 'Builder Pro Pack', 'ninja-forms' ); ?></span>
  216. <span><?php _e( 'Layout & Styles, Multi-Part Forms, Conditional Logic, File Uploads', 'ninja-forms' ); ?></span>
  217. </div>
  218. <div>
  219. <i class="fa fa-percent" aria-hidden="true"></i>
  220. <span>Plus <strong>20% off</strong><br /><?php _e( 'Additional Add-Ons', 'ninja-forms' ); ?></span>
  221. </div>
  222. </div>
  223. </div>
  224. </div>
  225. </div>
  226. <div class="widget widget-plan-notice">
  227. <p class="widget-title"><?php _e( 'That sounds amazing! What else comes with Ninja Forms?', 'ninja-forms' ); ?></p>
  228. <a href="https://ninjaforms.com/features/?utm_medium=plugin&utm_source=plugin-dashboard&utm_campaign=Ninja+Forms+Memberships&utm_content=Features" target="_blank" class="nf-button primary feature-list-link"><?php _e( 'We\'re glad you asked! Checkout our full list of features!', 'ninja-forms' ); ?> <i class="fa fa-chevron-circle-right" aria-hidden="true"></i></a>
  229. <div><em><?php _e( 'All plans include 50% discount on automatic renewals, and a 14 day money back guarantee.', 'ninja-forms' ); ?></em></div>
  230. <div><?php _e( 'Requires a current active license and subject to our', 'ninja-forms' ); ?> <a target="_blank" href="https://ninjaforms.com/terms-conditions/?utm_medium=plugin&utm_source=plugin-dashboard&utm_campaign=Ninja+Forms+Memberships&utm_content=Terms+Conditions"><?php _e( 'Terms & Conditions', 'ninja-forms' ); ?></a>.</div>
  231. </div>
  232. </script>
  233. <!-- Widget: Forms -->
  234. <script id="tmpl-nf-widget-forms" type="text/template">
  235. <header>
  236. <div class="action">
  237. <button class="add nf-button primary"><?php _e( 'Add New', 'ninja-forms' ); ?></button>
  238. <button class="cancel nf-button secondary"><?php _e( 'Cancel', 'ninja-forms' ); ?></button>
  239. </div>
  240. <div class="filter nf-search"></div>
  241. </header>
  242. <main class="content"></main>
  243. </script>
  244. <!-- Widget: Forms - Filter -->
  245. <script id="tmpl-nf-widget-forms-filter" type="text/template">
  246. <input class="nf-filter" type="search" placeholder="<?php _e( 'Search Forms', 'ninja-forms' ); ?>">
  247. </script>
  248. <!-- Widget: Forms - Table -->
  249. <script id="tmpl-nf-widget-forms-table" type="text/template">
  250. <thead>
  251. <th class="sortable th-title" data-sort="title"><?php _e( 'Title', 'ninja-forms' ); ?></th>
  252. <th class="th-shortcode"><?php _e( 'Shortcode', 'ninja-forms' ); ?></th>
  253. <th class="sortable th-created" data-sort="created_at"><?php _e( 'Date Created', 'ninja-forms' ); ?></th>
  254. <th></th>
  255. </thead>
  256. <tbody class="content">
  257. <?php _e( 'Loading Forms...', 'ninja-forms' ); ?>
  258. </tbody>
  259. <tfoot>
  260. <tr>
  261. <td colspan="4" class="action2">
  262. <button class="more"><?php _e( 'More', 'ninja-forms' ); ?></button>
  263. <button class="less"><?php _e( 'Less', 'ninja-forms' ); ?></button>
  264. </td>
  265. </tr>
  266. </tfoot>
  267. </script>
  268. <script id="tmpl-nf-widget-forms-table-row" type="text/template">
  269. <td class="">
  270. <span class="title">
  271. <a href="admin.php?page=ninja-forms&form_id={{{ data.id }}}">{{{ data.title }}}</a>
  272. </span>
  273. <ul class="form-row-actions">
  274. <li><a href="admin.php?page=ninja-forms&form_id={{{ data.id }}}"><?php _e( 'Edit', 'ninja-forms' ); ?></a></li>
  275. <li><a class="duplicate"><?php _e( 'Duplicate', 'ninja-forms' ); ?></a></li>
  276. <li><a href="<?php print( get_home_url() ); ?>/?nf_preview_form={{{ data.id }}}" target="_blank"><?php _e( 'Preview Form', 'ninja-forms' ); ?></a></li>
  277. <li><a href="edit.php?post_status=all&post_type=nf_sub&form_id={{{ data.id }}}" target="_blank"><?php _e( 'View Submissions', 'ninja-forms' ); ?></a></li>
  278. <li><a class="delete"><?php _e( 'Delete', 'ninja-forms' ); ?></a></li>
  279. </ul>
  280. </td>
  281. <td>
  282. {{{ data.shortcode }}}
  283. </td>
  284. <td>
  285. {{{ data.created_at }}}
  286. </td>
  287. <td><div class="nf-item-controls">
  288. <div class="nf-item-edit nf-item-control"><a title="Edit"><i class="nf-edit-settings fa fa-cog" aria-hidden="true"></i></div></div>
  289. </div></div></td>
  290. </script>
  291. <script id="tmpl-nf-widget-forms-table-empty" type="text/template">
  292. <td colspan="4"><?php _e( 'No Forms', 'ninja-forms' ); ?></td>
  293. </script>
  294. <script id="tmpl-nf-widget-forms-table-loading" type="text/template">
  295. <td colspan="4"><?php _e( 'Loading Forms', 'ninja-forms' ); ?></td>
  296. </script>
  297. <!-- Widget: Forms - New Forms Templates -->
  298. <script id="tmpl-nf-widget-forms-template" type="text/template">
  299. <div class="template {{{ data.type }}}">
  300. <a href="admin.php?page=ninja-forms&form_id={{{ data.id }}}">
  301. <strong class="title">{{{ data.title }}}</strong>
  302. <div class="desc">{{{ data.desc }}}</div>
  303. </a>
  304. </div>
  305. </script>
  306. <!-- Content Template -->
  307. <script id="tmpl-nf-content" type="text/template">
  308. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aliquid cupiditate ducimus fugit illo itaque maxime nihil perferendis praesentium voluptates. Aperiam culpa delectus distinctio illo ipsum officia, officiis pariatur quasi.</p>
  309. </script>