Advertisement
Guest User

Untitled

a guest
Jul 15th, 2016
140
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.98 KB | None | 0 0
  1.  
  2. <div class="modal-wraper" ng-show="modalState">
  3.  
  4. <div class="bp-modal-payment share-link-form">
  5.  
  6. <header class="bp-form-header">
  7. <div class="modal-form-wrp">
  8. <span class="close-btn" ng-click="closeModal()"></span>
  9. <h2>
  10. Share Link
  11. </h2>
  12. </div>
  13. </header>
  14. <!-- Modal header Ends -->
  15. <div class="Share-link-wraper">
  16. <div class="sl-success-message" ng-show="sharedSuccess">
  17. <span class="cross-btn" ng-click="hideToolTip('sharedSuccess', $event)"></span>
  18. <ul>
  19. <li>
  20. <span class="ico-ask"></span> <span class="sl-bullet"></span> <a href="#">{{gridName}}</a> has been shared successfully.
  21. </li>
  22. <li>
  23. <span class="sl-bullet"></span>It's saved in "
  24. <a href="#">Shared Grid </a>" Tab.
  25. </li>
  26. <li class="hide">
  27. <span class="sl-bullet"></span>Link is copied to clipboard
  28. </li>
  29. </ul>
  30. <div class="tooltip-arrow-lb"></div>
  31. </div>
  32. <div class="share-grid-name">
  33. <!-- share link success message -->
  34. <label for="grid-name">Grid Name</label>
  35. <div class="bp-tooltip" ng-show="showToolTipGrid">
  36. <span class="cross-btn" ng-click="hideToolTip('showToolTipGrid')"></span>
  37. <p>
  38. Please enter or edit the Grid Name / File Name that you would like.
  39. </p>
  40. <div class="tooltip-arrow-lb"></div>
  41. </div>
  42. <!-- share link name tooltip -->
  43. <input id="grid-name" type="text" ng-model="gridName" ng-focus="showToolTip('showToolTipGrid')"value="work">
  44. <span class="share-link-extension">.grid</span>
  45. </div>
  46. <!-- share grid name -->
  47. <div class="share-link-selection" ng-class="{'sls-private':share.type === 'Private','sls-public' :share.type === 'Public', 'sls-unlisted' : share.type === 'Unlisted'}">
  48. <h2>
  49. Set Permissions
  50. </h2>
  51. <div class="file-type-container">
  52. <div class="custom-radio">
  53. <input id="xls" name="shareType" value="Private" ng-model="share.type" type="radio"> <span class="rc" ng-class="{show:share.type === 'Private'}"></span>
  54. </div>
  55. <label for="xls">Private</label>
  56. </div>
  57. <div class="file-type-container">
  58. <div class="custom-radio">
  59. <input id="file-xml" name="shareType" value="Public" type="radio" ng-model="share.type">
  60. <span class="rc" ng-class="{show:share.type === 'Public'}"></span>
  61. </div>
  62. <label for="file-xml">Public</label>
  63. </div>
  64. <div class="file-type-container">
  65. <div class="custom-radio">
  66. <input id="file-csv" name="shareType" value="Unlisted" type="radio" ng-model="share.type">
  67. <span class="rc" ng-class="{show:share.type === 'Unlisted'}"></span>
  68. </div>
  69. <label for="file-csv">Unlisted</label>
  70. </div>
  71. <!-- share link radio buttons -->
  72. <div class="sl-login-info">
  73. <p ng-show="share.type==='Private'">
  74. Users will need to create an account and login to BigParser to see the Grid.
  75. </p>
  76. <p ng-show="share.type==='Public'">
  77. Anyone can view this Grid and it will be listed on your Profile page.
  78. </p>
  79. <p ng-show="share.type==='Unlisted'">
  80. Anyone with the URL can view this Grid even without logging in.
  81. </p>
  82. </div>
  83. </div>
  84. <!-- share link login message -->
  85. <div class="sl-copy-email">
  86. <h2>
  87. Copy or Email URL
  88. </h2>
  89. <div class="share-email-copy">
  90. <input type="text" id="share-email-copy" ng-model="shareTokenUrl" readonly>
  91. <div class="sle-opts" clipboard text="shareTokenUrl" on-copied="success()" on-error="fail(err)" >
  92. <a class="ico-sgc" href="javascript:void(0)"></a>
  93. </div>
  94. <div class="bp-tooltip" ng-show="showClipboardTooltip">
  95. <span class="cross-btn" ng-click="hideToolTip('showClipboardTooltip')"></span>
  96. <p>
  97. {{copyModal}}
  98. </p>
  99. <div class="tooltip-arrow-rb"></div>
  100. </div>
  101. </div>
  102. <div class="share-email">
  103. <div class="bp-tooltip hide">
  104. <p>
  105. Press Enter after typing in the Email Address
  106. </p>
  107. <div class="tooltip-arrow-rb"></div>
  108. </div>
  109. <!-- share link add email tooltip -->
  110. <form ng-class="{'error':emailMandatoryErr}" name="email" ng-submit="addEmailAddressTolist(newEmailAddress,emailAddressList.length)">
  111. <input autocomplete="off" placeholder="{{(share.type === 'Private' ? 'Enter email to share' : 'Notify via email')}}" type="text" name="email" ng-model="newEmailAddress">
  112. </form>
  113. <div class="sle-opts-u hide">
  114. <a class="pop-launch bp-pop-launch ico-datasource" href="javascript:void(0);">
  115. </a>
  116. </div>
  117. <!-- share link email field options -->
  118. <div class="sle-filter" id="emailLabelList" ng-show="emailAddressList.length > 0">
  119. <div class="filter-result" ng-class="{'invalid-email': !objEmail.valid}" ng-repeat="objEmail in emailAddressList">
  120. <span>{{objEmail.email}}</span> <span class="close-filter" ng-click="deleteEmailFromList($index)"></span>
  121. </div>
  122. <div class="sle-more-filters hide">
  123. <a href="#">+4 more</a>
  124. <div class="sle-opts">
  125. <a class="pop-launch bp-pop-launch down-arrow" href="javascript:void(0);"></a>
  126. </div>
  127. <div class="pop-over bp-popup sle-filter-dropdown">
  128. <div class="arrow-center"></div>
  129. <div class="cad-part1">
  130. <div class="pop-over-head">
  131. <div class="sg-head">
  132. <h2>
  133. Selected Contacts(6)
  134. </h2>
  135. </div>
  136. <!-- head -->
  137. <div class="sg-search">
  138. <input type="text">
  139. <span class="sg-search-ico"></span>
  140. </div>
  141. <!-- Search -->
  142. <div class="sg-opts-wrap">
  143. <div class="sg-opts">
  144. <div class="custom-checkbox">
  145. <input class="cc" id="sg-multiselect" type="checkbox">
  146. </div>
  147. <label for="sg-multiselect">Multiselect</label>
  148. </div>
  149. <div class="sg-opts">
  150. <div class="custom-checkbox">
  151. <input class="cc" id="sg-selectall" type="checkbox">
  152. </div>
  153. <label for="sg-selectall">Select All</label>
  154. </div>
  155. </div>
  156. <!-- Bulk Selection -->
  157. </div>
  158. <!-- Header -->
  159. <div class="cad-menu">
  160. <ul>
  161. <li>
  162. <div class="custom-checkbox">
  163. <input class="cc" id="sg-selectall" type="checkbox">
  164. </div>
  165. <label>adityawatal@yahoo.com</label>
  166. </li>
  167. </ul>
  168. </div>
  169. <!-- cad menu -->
  170. <div class="pop-over-footer">
  171. <div class="bp-action-btn">
  172. <input class="submit-btn act-part2" type="submit" value="Done">
  173. <a class="cancel-btn" href="#">Cancel</a>
  174. </div>
  175. </div>
  176. <!-- Footer -->
  177. </div>
  178. <!-- cad part1 -->
  179. </div>
  180. <!-- Email Filter Dropdown -->
  181. </div>
  182. <!-- share link More Filter wrapper -->
  183. </div>
  184. <!-- share link Email filter Wrapper -->
  185. <div class="sl-email-suggestion hide">
  186. <div class="sg-opts-wrap">
  187. <div class="sg-opts">
  188. <div class="custom-checkbox">
  189. <input class="cc" id="sg-multiselect" ng-click="changeSelectionType('emailMultiCheck')" type="checkbox" ng-class="{'checked':emailMultiCheck}">
  190. </div>
  191. <label for="sg-multiselect">Multiselect</label>
  192. </div>
  193. <div class="sg-opts">
  194. <div class="custom-checkbox">
  195. <input class="cc" id="sg-selectall" ng-click="changeSelectionType('emailSelectAllCheck')" type="checkbox" ng-class="{'checked':emailSelectAllCheck}">
  196. </div>
  197. <label for="sg-selectall">Select All</label>
  198. </div>
  199. </div>
  200. <!-- Bulk Selection -->
  201. <div class="suggestion-menu">
  202. <ul>
  203. <li>
  204. <div class="custom-checkbox">
  205. <input class="cc" id="sg-selectall" type="checkbox">
  206. </div>
  207. <span><strong>ad</strong>ityawatal@yahoo.com</span>
  208. </li>
  209. <li>
  210. <div class="custom-checkbox">
  211. <input class="cc" id="sg-selectall" type="checkbox">
  212. </div>
  213. <span><strong>ad</strong>ityawatal@yahoo.com</span>
  214. </li>
  215. <li>
  216. <div class="custom-checkbox">
  217. <input class="cc" id="sg-selectall" type="checkbox">
  218. </div>
  219. <span><strong>ad</strong>ityawatal@yahoo.com</span>
  220. </li>
  221. <li>
  222. <div class="custom-checkbox">
  223. <input class="cc" id="sg-selectall" type="checkbox">
  224. </div>
  225. <span><strong>ad</strong>ityawatal@yahoo.com</span>
  226. </li>
  227. <li>
  228. <div class="custom-checkbox">
  229. <input class="cc" id="sg-selectall" type="checkbox">
  230. </div>
  231. <span><strong>ad</strong>ityawatal@yahoo.com</span>
  232. </li>
  233. <li>
  234. <div class="custom-checkbox">
  235. <input class="cc" id="sg-selectall" type="checkbox">
  236. </div>
  237. <span><strong>ad</strong>ityawatal@yahoo.com</span>
  238. </li>
  239. </ul>
  240. </div>
  241. <!-- suggestion menu-->
  242. </div>
  243. <!-- share link Email Suggestion-->
  244. <div class="pop-over bp-popup sle-dropdown hide">
  245. <div class="arrow-center"></div>
  246. <div class="cad-part1">
  247. <div class="pop-over-head">
  248. <div class="sg-head">
  249. <h2>
  250. Data Source
  251. </h2>
  252. </div>
  253. <!-- heading -->
  254. <div class="sg-search">
  255. <div class="sl-dropdown-filters">
  256. <div class="filter-result">
  257. <span>Email</span>
  258. <span class="close-filter"></span>
  259. </div>
  260. </div>
  261. <input type="text">
  262. <span class="sg-search-ico"></span>
  263. </div>
  264. <!-- Search and filters-->
  265. <div class="sg-opts-wrap">
  266. <div class="sg-opts">
  267. <div class="custom-checkbox">
  268. <input class="cc" id="sg-multiselect" type="checkbox">
  269. </div>
  270. <label for="sg-multiselect">Multiselect</label>
  271. </div>
  272. <div class="sg-opts">
  273. <div class="custom-checkbox">
  274. <input class="cc" id="sg-selectall" type="checkbox">
  275. </div>
  276. <label for="sg-selectall">Select All</label>
  277. </div>
  278. </div>
  279. <!-- Bulk Selection -->
  280. </div>
  281. <!-- header -->
  282. <div class="cad-menu">
  283. <ul>
  284. <li>
  285. <div class="custom-checkbox">
  286. <input class="cc" id="sg-selectall" type="checkbox">
  287. </div>
  288. <label><strong>android1.grid</strong></label>
  289. </li>
  290. <li>
  291. <div class="custom-checkbox">
  292. <input class="cc" id="sg-selectall" type="checkbox">
  293. </div>
  294. <label>Email Contact List</label>
  295. </li>
  296. <li>
  297. <div class="custom-checkbox">
  298. <input class="cc" id="sg-selectall" type="checkbox">
  299. </div>
  300. <label>work phone</label>
  301. </li>
  302. <li>
  303. <div class="custom-checkbox">
  304. <input class="cc" id="sg-selectall" type="checkbox">
  305. </div>
  306. <label><strong>android2.grid</strong></label>
  307. </li>
  308. <li>
  309. <div class="custom-checkbox">
  310. <input class="cc" id="sg-selectall" type="checkbox">
  311. </div>
  312. <label>call work</label>
  313. </li>
  314. <li>
  315. <div class="custom-checkbox">
  316. <input class="cc" id="sg-selectall" type="checkbox">
  317. </div>
  318. <label>work phone</label>
  319. </li>
  320. </ul>
  321. </div>
  322. <!-- cad menu -->
  323. <div class="pop-over-footer">
  324. <div class="bp-action-btn">
  325. <input class="submit-btn act-part2" type="submit" value="Done">
  326. <a class="cancel-btn" href="#">Cancel</a>
  327. </div>
  328. </div>
  329. <!-- Footer -->
  330. </div>
  331. <!-- cad part1 -->
  332. </div>
  333. <!-- Data Source Dropdown -->
  334. </div>
  335. <div class="sl-edit-email">
  336. <a class="edit-email-content" ng-click="toggleEnableEmailContent()" href="javascript:void(0)">Edit Email
  337. Content</a> <span>(Customize and Personalize the content of
  338. your email)</span>
  339. </div><!-- share link copy or email url edit email content -->
  340.  
  341. <div class="email-expand" ng-show="enableEmailContent">
  342. <input placeholder="Subject" ng-model="emailSubject" type="text">
  343. <textarea placeholder="Message" ng-model="emailBody"></textarea>
  344. </div><!-- share link copy or email url edit email content options -->
  345. </div>
  346. <!-- Share link copy link field -->
  347. <div class="sl-column-hide">
  348. <h2>
  349. Hide Columns
  350. <div class="info-icon" ng-click="showToolTip('showHideColToolTip')">
  351. <div class="bp-tooltip" ng-show="showHideColToolTip">
  352. <span class="cross-btn" ng-click="hideToolTip('showHideColToolTip',$event)"></span>
  353. <p>This feature is in alpha and will be released in a Few Weeks</p>
  354. <div class="tooltip-arrow-lb"></div>
  355. </div>
  356. </div>
  357. </h2>
  358. <div class="share-column-hide">
  359. <div class="bp-tooltip" ng-show="showToolTipColumn">
  360. <span class="cross-btn" ng-click="hideToolTip('showToolTipColumn')"></span>
  361. <p>
  362. Add any columns that you don't want to share.
  363. </p>
  364. <div class="tooltip-arrow-lb"></div>
  365. </div>
  366.  
  367.  
  368.  
  369. <!-- share link column hide tooltip -->
  370. <input placeholder="Select column to hide" type="text">
  371. <div class="sle-opts">
  372. <a class="pop-launch bp-pop-launch ico-sl-hide" href="javascript:void(0);" ng-click="openHeadersDropDown()"></a>
  373. </div>
  374. <!-- share link column hide field options -->
  375. <div class="pop-over bp-popup slc-hide-dropdown" ng-show="showHeadersDropDown">
  376. <div class="arrow-center"></div>
  377. <div class="cad-part1">
  378. <div class="pop-over-head">
  379. <div class="sg-search">
  380. <input type="text" ng-model="searchCol">
  381. <span class="sg-search-ico"></span>
  382. </div>
  383. <!-- Search -->
  384. <div class="sg-opts-wrap">
  385. <div class="sg-opts">
  386. <div class="custom-checkbox" ng-click="changeSelectionType('emailMultiCheck')" ng-class="{'checked':emailMultiCheck}">
  387. <input class="cc" id="sg-multiselect" type="checkbox">
  388. </div>
  389. <label for="sg-multiselect">Multiselect</label>
  390. </div>
  391. <div class="sg-opts">
  392. <div class="custom-checkbox" ng-click="changeSelectionType('emailSelectAllCheck')" ng-class="{'checked':emailSelectAllCheck}">
  393. <input class="cc" id="sg-multiselect" type="checkbox">
  394. </div>
  395. <label for="sg-selectall">Select All</label>
  396. </div>
  397. </div>
  398. <!-- Bulk Selection -->
  399. </div>
  400. <!-- Header -->
  401. <div class="cad-menu enable_scroll">
  402. <ul>
  403. <li ng-repeat="col in allColumns | filter: searchCol track by $index">
  404. <div class="custom-checkbox" ng-click="updateColToHideList(col)" ng-class="{'checked':columnToHide.indexOf(col) >=0 }">
  405. <input class="cc" id="sg-selectall" type="checkbox">
  406. </div>
  407. <label>{{col}}</label>
  408. </li>
  409. </ul>
  410. </div>
  411. <!-- cad menu -->
  412. <div class="pop-over-footer">
  413. <div class="bp-action-btn">
  414. <input class="submit-btn act-part2" type="submit" ng-click="closeHeadersDropDown()" value="Done">
  415. <a class="cancel-btn" href="javascript:void(0)" ng-click="closeHeadersDropDown()">Cancel</a>
  416. </div>
  417. </div>
  418. <!-- Footer -->
  419. </div>
  420. <!-- cad part1 -->
  421. </div>
  422. <!-- Column hide Dropdown -->
  423. <div class="sle-filter" ng-show="columnToHide.length > 0">
  424. <div class="filter-result" ng-click="deleteColFromList($index)" ng-repeat="colHide in columnToHide">
  425. <span>{{colHide}}</span>
  426. <span class="close-filter"></span>
  427. </div>
  428. </div>
  429. </div>
  430. <div class="hide-custom-opt hide">
  431. <a href="#">What will user's see?</a>
  432. <div class="hc-user-see">
  433. <!--tooltip-->
  434. <div class="bp-tooltip hide">
  435. <span class="cross-btn"></span>
  436. <p>
  437. To share only some of the rows, please apply a search filter to one or more columns and then you can uncheck this box. Once you uncheck the box the receiver can only see the filtered rows, even if they remove the filter, they won't be able to see the other rows.
  438. </p>
  439. <div class="tooltip-arrow-lb">
  440. </div>
  441. </div>
  442. <!--tooltip-->
  443. <p>
  444. Users will see all 34 Rows <a href="#">What's this?</a>
  445. </p>
  446. <div class="hc-allow">
  447. <div class="custom-checkbox checked-gray">
  448. <input class="cc" id="sg-multiselect" type="checkbox">
  449. </div>
  450. <span>Allow Users to view all Rows</span>
  451. </div>
  452. <!-- share link Row hide Allow -->
  453. </div>
  454. <!--p>
  455. Control what user's can see? <a href="#">More
  456. Options</a>
  457. </p-->
  458. </div>
  459. <!-- share link column hide filter -->
  460. <div class="sl-ch-suggestion hide">
  461. <div class="sg-opts-wrap">
  462. <div class="sg-opts">
  463. <div class="custom-checkbox">
  464. <input class="cc" id="sg-multiselect" type="checkbox">
  465. </div>
  466. <label for="sg-multiselect">Multiselect</label>
  467. </div>
  468. <div class="sg-opts">
  469. <div class="custom-checkbox">
  470. <input class="cc" id="sg-selectall" type="checkbox">
  471. </div>
  472. <label for="sg-selectall">Select All</label>
  473. </div>
  474. </div>
  475. <!-- Bulk Selection -->
  476. <div class="suggestion-menu">
  477. <ul>
  478. <li>
  479. <div class="custom-checkbox">
  480. <input class="cc" id="sg-selectall" type="checkbox">
  481. </div><span>Grid <strong>Name</strong></span>
  482. </li>
  483. <li>
  484. <div class="custom-checkbox">
  485. <input class="cc" id="sg-selectall" type="checkbox">
  486. </div><span>First <strong>Name</strong></span>
  487. </li>
  488. <li>
  489. <div class="custom-checkbox">
  490. <input class="cc" id="sg-selectall" type="checkbox">
  491. </div><span>Last <strong>Name</strong></span>
  492. </li>
  493. </ul>
  494. </div>
  495. <!-- suggestion menu -->
  496. </div>
  497. <!-- Column Hide Suggestion-->
  498. </div>
  499.  
  500.  
  501. <!-- Hide Sheets -->
  502.  
  503. <div class="sl-column-hide">
  504. <h2>Hide Sheets
  505. <span class="info-icon" ng-click="showToolTip('showHideSheetToolTip')">
  506. <div class="bp-tooltip" ng-show="showHideSheetToolTip">
  507. <span class="cross-btn" ng-click="hideToolTip('showHideSheetToolTip',$event)"></span>
  508. <p>This feature is in alpha and will be released in a Few Weeks </p>
  509. <div class="tooltip-arrow-lb"></div>
  510. </div>
  511. </span>
  512. </h2>
  513. <div class="share-column-hide">
  514. <div class="bp-tooltip" ng-show="showToolTipColumn">
  515. <span class="cross-btn" ng-click="hideToolTip('showToolTipColumn')"></span>
  516. <p>
  517. Add any Sheet that you don't want to share.
  518. </p>
  519. <div class="tooltip-arrow-lb"></div>
  520. </div>
  521. <!-- share link column hide tooltip -->
  522. <input placeholder="Select Sheet to hide" type="text">
  523. <div class="sle-opts">
  524. <a class="pop-launch bp-pop-launch ico-sl-hide" href="javascript:void(0);" ng-click="openSheetDropDown()"></a>
  525. </div>
  526. <!-- share link column hide field options -->
  527. <div class="pop-over bp-popup slc-hide-dropdown" ng-show="showSheetDropDown" >
  528. <div class="arrow-center"></div>
  529. <div class="cad-part1">
  530. <div class="pop-over-head">
  531. <div class="sg-search">
  532. <input type="text" ng-model="searchSheet">
  533. <span class="sg-search-ico"></span>
  534. </div>
  535. <!-- Search -->
  536. <div class="sg-opts-wrap">
  537. <div class="sg-opts">
  538. <div class="custom-checkbox" ng-click="multiselect()" ng-class="{'checked':multiCheck}">
  539. <input class="cc" id="sg-multiselect" type="checkbox">
  540. </div>
  541. <label for="sg-multiselect">Multiselect</label>
  542. </div>
  543. <div class="sg-opts">
  544. <div class="custom-checkbox" ng-click="selectAll()" ng-class="{'checked':selectAllCheckbox}">
  545. <input class="cc" id="sg-multiselect" type="checkbox">
  546. </div>
  547. <label for="sg-selectall">Select All</label>
  548. </div>
  549. </div>
  550. <!-- Bulk Selection -->
  551. </div>
  552. <!-- Header -->
  553. <div class="cad-menu enable_scroll">
  554. <ul>
  555. <li ng-repeat="sheet in gridcollection | filter: searchSheet track by $index">
  556. <div class="custom-checkbox" ng-click="sheet.checked = !sheet.checked;" ng-class="{'checked': sheet.checked }">
  557. <input class="cc" id="sg-selectall" type="checkbox">
  558. </div>
  559. <label>{{sheet.name}}</label>
  560. </li>
  561. </ul>
  562. </div>
  563. <!-- cad menu -->
  564. <div class="pop-over-footer">
  565. <div class="bp-action-btn">
  566. <input class="submit-btn act-part2" type="submit" ng-click="doneHideSheetDpDn()" value="Done">
  567. <a class="cancel-btn" href="javascript:void(0)" ng-click="cancelHideSheetDpDwn()">Cancel</a>
  568. </div>
  569. </div>
  570. <!-- Footer -->
  571. </div>
  572. <!-- cad part1 -->
  573. </div>
  574. <!-- Column hide Dropdown -->
  575. <div class="sle-filter" ng-show="sheetToHide.length">
  576. <div class="filter-result" ng-click="deleteSheetFromList($index)" ng-repeat="sheet in sheetToHide track by $index">
  577. <span>{{sheet.sheetName}}</span>
  578. <span class="close-filter"></span>
  579. </div>
  580. </div>
  581. </div>
  582. <div class="hide-custom-opt hide">
  583. <a href="#">What will user's see?</a>
  584. <div class="hc-user-see">
  585. <!--tooltip-->
  586. <div class="bp-tooltip hide">
  587. <span class="cross-btn"></span>
  588. <p>
  589. To share only some of the rows, please apply a search filter to one or more columns and then you can uncheck this box. Once you uncheck the box the receiver can only see the filtered rows, even if they remove the filter, they won't be able to see the other rows.
  590. </p>
  591. <div class="tooltip-arrow-lb">
  592. </div>
  593. </div>
  594. <!--tooltip-->
  595. <p>
  596. Users will see all 34 Rows <a href="#">What's this?</a>
  597. </p>
  598. <div class="hc-allow">
  599. <div class="custom-checkbox checked-gray">
  600. <input class="cc" id="sg-multiselect" type="checkbox">
  601. </div>
  602. <span>Allow Users to view all Rows</span>
  603. </div>
  604. <!-- share link Row hide Allow -->
  605. </div>
  606. <!--p>
  607. Control what user's can see? <a href="#">More
  608. Options</a>
  609. </p-->
  610. </div>
  611. <!-- share link column hide filter -->
  612. <div class="sl-ch-suggestion hide">
  613. <div class="sg-opts-wrap">
  614. <div class="sg-opts">
  615. <div class="custom-checkbox">
  616. <input class="cc" id="sg-multiselect" type="checkbox">
  617. </div>
  618. <label for="sg-multiselect">Multiselect</label>
  619. </div>
  620. <div class="sg-opts">
  621. <div class="custom-checkbox">
  622. <input class="cc" id="sg-selectall" type="checkbox">
  623. </div>
  624. <label for="sg-selectall">Select All</label>
  625. </div>
  626. </div>
  627. <!-- Bulk Selection -->
  628. <div class="suggestion-menu">
  629. <ul>
  630. <li>
  631. <div class="custom-checkbox">
  632. <input class="cc" id="sg-selectall" type="checkbox">
  633. </div><span>Grid <strong>Name</strong></span>
  634. </li>
  635. <li>
  636. <div class="custom-checkbox">
  637. <input class="cc" id="sg-selectall" type="checkbox">
  638. </div><span>First <strong>Name</strong></span>
  639. </li>
  640. <li>
  641. <div class="custom-checkbox">
  642. <input class="cc" id="sg-selectall" type="checkbox">
  643. </div><span>Last <strong>Name</strong></span>
  644. </li>
  645. </ul>
  646. </div>
  647. <!-- suggestion menu -->
  648. </div>
  649. <!-- Column Hide Suggestion-->
  650. </div> <!-- Hide Sheets box ends -->
  651.  
  652. <div class="download-control">
  653. <h2>Allow Download?</h2>
  654. <switch id="enabled" name="enabled" ng-model="downloadAccess" on="On" off="Off" class="green"></switch>
  655. <!-- <div class="edit-switch switched-on">
  656. <span class="swtich-btn"></span>
  657. <span class="switch-status">off</span>
  658. </div> -->
  659. <div class="info-icon" ng-click="showToolTip('showDownloadToolTip')">
  660. <div class="bp-tooltip" ng-show="showDownloadToolTip">
  661. <span class="cross-btn" ng-click="hideToolTip('showDownloadToolTip',$event)"></span>
  662. <p>This feature is in alpha and will be released in a Few Weeks</p>
  663. <div class="tooltip-arrow-lb"></div>
  664. </div>
  665. </div>
  666. </div>
  667.  
  668.  
  669. </div>
  670. <!-- share link Column hide options Container -->
  671. <footer class="bp-modal-footer">
  672. <div class="modal-fot-wrp">
  673. <div class="bp-action-btn">
  674. <input class="submit-btn" type="submit" value="Share" ng-click="shareGrid()">
  675. <a class="cancel-btn" ng-click="closeModal()" href="javascript:void(0)">Cancel</a>
  676. </div>
  677. </div>
  678. </footer>
  679. <!-- Modal footer Ends -->
  680. <div class="clearfix"></div>
  681. </div>
  682. <!-- Share Link Form Wrapper -->
  683.  
  684. </div>
  685. <!-- Share Link Form -->
  686. <!-- Share Link Modal Ends -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement