API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 18th, 2020
271
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.30 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. $pagename = "Vultr";
  3. include 'header.php';
  4. ?>
  5.  
  6.  
  7. <div class="app-content">
  8. <div class="container">
  9.  
  10. <!-- Page-header opened -->
  11. <div class="page-header page-header-providers mb-0 p-0"></div>
  12. <!-- Page-header closed -->
  13.  
  14. <!-- stat items -->
  15. <div class="card">
  16. <div class="card-status bg-blue br-tr-7 br-tl-7"></div>
  17. <div class="card-header">
  18. <div class="card-title ml-auto"><i class="fab fa-vuejs mr-2"></i>Vultr Dashboard</div>
  19. <div class="card-options">
  20. <a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
  21. </div>
  22. </div>
  23. <div class="card-body-stats">
  24. <div class="row mr-0 ml-0">
  25. <!-- Displays pricing/hour after user lists $.0075 / hr -->
  26. <div class="col-xl-2 col-lg-6 col-sm-6 pr-0 pl-0 border-right">
  27. <div class="card-body-stats text-center">
  28. <p class="mb-1 text-primary">Pricing/Hour<i class="fas fa-money-check ml-1"></i></p>
  29. <h2 class="mb-1">$1.67</h2>
  30. </div>
  31. </div>
  32. <!-- displays total proxies active once user lists -->
  33. <div class="col-xl-2 col-lg-6 col-sm-6 pr-0 pl-0 border-right">
  34. <div class="card-body-stats text-center">
  35. <p class="mb-1 text-primary">Proxies Active<i class="fas fa-network-wired ml-1"></i></p>
  36. <h2 class="mb-1">159</h2>
  37.  
  38. </div>
  39. </div>
  40. <!-- static -->
  41. <div class="col-xl-2 col-lg-6 col-sm-6 pr-0 pl-0 border-right">
  42. <div class="card-body-stats text-center">
  43. <p class="mb-1 text-primary">Total Locations<i class="fas fa-globe ml-1"></i></p>
  44. <h2 class="mb-1">16</h2>
  45. </div>
  46. </div>
  47. <!-- displays selected auth method selected-->
  48. <div class="col-xl-2 col-lg-6 col-sm-6 pr-0 pl-0 border-right">
  49. <div class="card-body-stats text-center">
  50. <p class="mb-1 text-primary">Authentication<i class="fas fa-user-lock ml-1"></i></p>
  51. <h3 class="mb-1">User:Pass</h3>
  52. </div>
  53. </div>
  54. <!-- displays proxy port selected -->
  55. <div class="col-xl-2 col-lg-6 col-sm-6 pr-0 pl-0 border-right">
  56. <div class="card-body-stats text-center">
  57. <p class="mb-1 text-primary">Proxy Port<i class="fas fa-server ml-1"></i></p>
  58. <h2 class="mb-1">3128</h2>
  59. </div>
  60. </div>
  61. <!-- dispays if user has completed API settings -->
  62. <div class="col-xl-2 col-lg-6 col-sm-6 pr-0 pl-0">
  63. <div class="card-body-stats text-center">
  64. <p class="mb-1 text-primary">API Settings<i class="fas fa-cogs ml-1"></i></p>
  65. <h3 class="mb-1">Completed</h3>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71.  
  72. <!-- row opened -->
  73. <div class="row">
  74. <div class="col-xl-6">
  75. <!-- START: create proxies -->
  76. <div class="card">
  77. <div class="card-status bg-blue br-tr-7 br-tl-7"></div>
  78. <div class="card-header">
  79. <h3 class="card-title">Create Proxies<i class="fas fa-plus ml-2"></i></h3>
  80. <div class="card-options">
  81. <a href="#" class="card-options-fullscreen" data-toggle="card-fullscreen"><i class="fe fe-maximize"></i></a>
  82. </div>
  83. </div>
  84. <div class="card-body">
  85. <div class="form-group ">
  86. <label class="form-label">Proxy Quantity</label>
  87. <input class="form-control" type="number" placeholder="Quantity..." required>
  88. </div>
  89. <div class="form-group">
  90. <label for="countries" class="form-label">Proxy Location</label>
  91. <select class="form-control select2-show-search" id="location" name="location">
  92. <option value="" disabled selected hidden>Location...</option>
  93. <optgroup label="North America">
  94. <option value="6" id="US">Atlanta, Georgia</option>
  95. <option value="2" id="US">Chicago, Illinois</option>
  96. <option value="3" id="US">Dallas, Texas</option>
  97. <option value="5" id="US">Los Angeles, California</option>
  98. <option value="39" id="US">Miami, Florida</option>
  99. <option value="1" id="US">New Jersey, New York</option>
  100. <option value="4" id="US">Seattle, Washington</option>
  101. <option value="12" id="US">Silicon Valley, California</option>
  102. <option value="22" id="CA">Canada</option>
  103. </optgroup>
  104. <optgroup label="Europe">
  105. <option value="8" id="GB">London, England</option>
  106. <option value="7" id="NL">Amsterdam, Netherlands</option>
  107. <option value="24" id ="FR">Paris, France</option>
  108. <option value="9" id="DE">Frankfurt, Germany</option>
  109. </optgroup>
  110. <optgroup label="Asia">
  111. <option value="25" id="JP">Tokyo, Japan</option>
  112. <option value="40" id="SG">Singapore</option>
  113. </optgroup>
  114. <optgroup label="Australia">
  115. <option value="19" id="AU">Sydney, Australia</option>
  116. </optgroup>
  117. </select>
  118. </div>
  119. <button class="btn btn-primary btn-block waves-effect waves-light mt-5 ml-auto mr-auto" style="width:50%;" type="submit">Create Proxies<i class="fas fa-plus ml-2"></i></button>
  120. </form>
  121. </div>
  122. </div>
  123. <!-- END: Create proxies -->
  124.  
  125. <!-- START: auth settings -->
  126. <div class="card">
  127. <div class="card-status bg-blue br-tr-7 br-tl-7"></div>
  128. <div class="card-header">
  129. <div class="card-title">Proxy Authentication Settings<i class="fas fa-user-cog ml-2"></i> </div>
  130. <div class="card-options">
  131. <a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
  132. <a href="#" class="card-options-fullscreen" data-toggle="card-fullscreen"><i class="fe fe-maximize"></i></a>
  133. </div>
  134. </div>
  135. <div class="card-body">
  136. <div class="row">
  137. <div class="col-md-5">
  138. <div class="form-group">
  139. <label class="form-label mb-2">Authentication Type</label>
  140. <label class="custom-switch mb-3">
  141. <input type="checkbox" name="custom-switch-checkbox" class="custom-switch-input">
  142. <span class="custom-switch-indicator"></span>
  143. <span class="custom-switch-description">No Authentication</span>
  144. </label>
  145. </div>
  146. <div class="form-group mt-4">
  147. <label class="form-label mb-0">Proxy Port</label>
  148. <input type="text" class="form-control" name="example-text-input" value="3128" placeholder="Proxy Port">
  149. </div>
  150.  
  151. </div>
  152. <div class="col-md-7">
  153. <div class="form-group">
  154. <label class="form-label mb-0">Proxy Username</label>
  155. <input type="text" class="form-control" name="example-text-input" placeholder="Proxy Username">
  156. </div>
  157. <div class="form-group">
  158. <label class="form-label mb-0">Proxy Password</label>
  159. <input type="text" class="form-control" name="example-text-input" placeholder="Proxy Password">
  160. </div>
  161.  
  162. </div>
  163. <div class="col-md-12">
  164. <div class="mt-4 text-center">
  165. <button class="btn btn-primary btn-sm waves-effect waves-light mr-1" type="submit">Save Auth Settings</button>
  166. <button class="btn btn-primary btn-sm waves-effect waves-light ml-1" type="submit" id='noti-confirm-clearauth'>Clear Auth Settings</button>
  167. </div>
  168. </div>
  169. </form>
  170. </div>
  171. </div>
  172. </div>
  173. <!-- END: auth settings -->
  174.  
  175. <!-- START: API settings -->
  176. <div class="card card-collapsed">
  177. <div class="card-status bg-blue br-tr-7 br-tl-7"></div>
  178. <div class="card-header">
  179. <div class="card-title">API Settings<i class="fa fa-cog ml-2"></i></div>
  180. <div class="card-options">
  181. <a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
  182. <a href="#" class="card-options-fullscreen" data-toggle="card-fullscreen"><i class="fe fe-maximize"></i></a>
  183. </div>
  184. </div>
  185. <div class="card-body">
  186. <div class="form-group">
  187. <label class="form-label">API Key</label>
  188. <div class="row gutters-sm">
  189. <div class="col">
  190. <input class="form-control" type="text" placeholder="API Key" required>
  191. </div>
  192. <span class="col-auto align-self-center p-0">
  193. <span class="form-help" data-toggle="popover" data-placement="top" data-content="<p>ZIP Code must be US or CDN format. You can use an extended ZIP+4 code to determine address more accurately.</p>
  194. <p class='mb-0'><a href=''>Example can be found HERE</a></p>
  195. " data-original-title="" title="sfda">?</span>
  196. </span>
  197. </div>
  198. </div>
  199. <div class="col-md-12">
  200. <div class="form-footer mt-2 text-center">
  201. <button class="btn btn-primary btn-sm waves-effect waves-light mr-1" type="submit">Save API Settings</button>
  202. <button class="btn btn-primary btn-sm waves-effect waves-light ml-1" type="submit" id='noti-confirm-clearapi'>Clear API Settings</button>
  203. </div>
  204. </div>
  205. </form>
  206. </div>
  207. </div>
  208. <!-- END: API settings -->
  209. </div>
  210. <!-- row closed -->
  211.  
  212. <!-- START: Export proxies -->
  213. <div class="col-xl-6">
  214. <div class="card">
  215. <div class="card-status bg-blue br-tr-7 br-tl-7"></div>
  216. <div class="card-header">
  217. <h3 class="card-title">Export Proxies<i class="fas fa-download ml-2"></i></h3>
  218. <div class="card-options">
  219. <a href="#" class="card-options-fullscreen" data-toggle="card-fullscreen"><i class="fe fe-maximize"></i></a>
  220. </div>
  221. </div>
  222. <div class="card-body">
  223. <div class="row">
  224. <div class="col-md-9 mx-auto">
  225. <div class="form-group">
  226. <div class="row gutters-sm">
  227. <div class="col">
  228. <input style="text-align:center;" type="text" class="form-control" placeholder="port:user:pass">
  229. </div>
  230. <span class="col-auto align-self-center p-0">
  231. <span class="form-help" data-toggle="popover" data-placement="right" data-content="<p>Before clicking list enter your port, username and password you selected during setup.</p>
  232. <p class='mb-0'><p>Example:</p><p>Entering <b>:3128:proxy:guru</b> will list your proxies in this format: <b>192.168.1.1:3128:proxy:guru</b></p><p> Entering <b>:3128</b> will list your proxies in this format: <b>192.168.1.1:3128</b></p>
  233. " data-original-title="" title="Help">?</span>
  234. </span>
  235. </div>
  236. </div>
  237.  
  238. <div class="mt-2 mb-2 text-center">
  239. <button class="btn btn-primary btn-sm waves-effect waves-light mr-1 mb-2" type="submit">List Proxies<i class="fas fa-list ml-1"></i></button>
  240. <!-- display these after user clicks list -->
  241. <button class="btn btn-primary btn-sm waves-effect waves-light mb-2" type="submit" id='noti-copy'>Copy Proxies<i class="fas fa-copy ml-1"></i></button>
  242. <button class="btn btn-primary btn-sm waves-effect waves-light ml-1 mb-2" type="submit" id='noti-confirm-delete'>Delete Proxies<i class="fas fa-trash-alt ml-1"></i></button>
  243. </div>
  244. </div>
  245. </form>
  246. </div>
  247. <div class="table-responsive">
  248. <table id="copy-proxies" class="table table-bordered text-nowrap">
  249. <thead>
  250. <tr>
  251. <th class="wd-25p border-bottom-0">Proxies</th>
  252. </tr>
  253. </thead>
  254. <tbody>
  255. <tr>
  256. <td>192.168.1.1:3128:username:password</td>
  257. </tr>
  258. <tr>
  259. <td>192.168.1.1:3128:username:password</td>
  260. </tr>
  261. <tr>
  262. <td>192.168.1.1:3128:username:password</td>
  263. </tr>
  264. <tr>
  265. <td>192.168.1.1:3128:username:password</td>
  266. </tr>
  267. <tr>
  268. <td>192.168.1.1:3128:username:password</td>
  269. </tr>
  270. <tr>
  271. <td>192.168.1.1:3128:username:password</td>
  272. </tr>
  273. <tr>
  274. <td>192.168.1.1:3128:username:password</td>
  275. </tr>
  276. <tr>
  277. <td>192.168.1.1:3128:username:password</td>
  278. </tr>
  279. <tr>
  280. <td>192.168.1.1:3128:username:password</td>
  281. </tr>
  282. <tr>
  283. <td>192.168.1.1:3128:username:password</td>
  284. </tr>
  285. <tr>
  286. <td>192.168.1.1:3128:username:password</td>
  287. </tr>
  288. <tr>
  289. <td>192.168.1.1:3128:username:password</td>
  290. </tr>
  291. <tr>
  292. <td>192.168.1.1:3128:username:password</td>
  293. </tr>
  294. <tr>
  295. <td>192.168.1.1:3128:username:password</td>
  296. </tr>
  297. </tbody>
  298. </table>
  299. </div>
  300. </div>
  301. </div>
  302. </div>
  303. <!-- END: export proxies -->
  304. </div>
  305. <!-- row closed -->
  306.  
  307.  
  308. </div>
  309. </div>
  310.  
  311. <?php
  312. include 'footer.php';
  313. ?>
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!