share.php 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. <?php
  2. require_once '../studio/index_head.php';
  3. ?>
  4. <body>
  5. <script language="javascript" src="../share/share.js"></script>
  6. <style>
  7. .item_block{
  8. border-top: 1px solid var(--border-line-color);
  9. padding: 0 0 2em 0;
  10. }
  11. #coop_new_tools{
  12. display:none;
  13. }
  14. select{
  15. background-color:unset;
  16. }
  17. input[type="text"], input[type="input"], input[type="password"], textarea{
  18. background-color:unset;
  19. color:unset;
  20. }
  21. #user_search {
  22. border: 1px solid var(--border-line-color);
  23. display: inline-block;
  24. position: absolute;
  25. background-color: var(--drop-bg-color);
  26. }
  27. #user_search_list li{
  28. padding:5px;
  29. }
  30. #user_search_list li:hover{
  31. background-color: var(--link-color);
  32. color: var(--tool-color);
  33. }
  34. .file_list_row:hover {
  35. background-color: var(--link-color);
  36. }
  37. .icon{
  38. fill: var(--main-color);
  39. height: 28px;
  40. width: 28px;
  41. }
  42. #user_list li{
  43. border: 1px solid var(--btn-border-color);
  44. width: 270px;
  45. border-radius: 5px;
  46. line-height: 24px;
  47. padding: 0 5px;
  48. }
  49. #user_list li>.btn_del{
  50. visibility: hidden;
  51. }
  52. #user_list li:hover .btn_del{
  53. visibility: visible;
  54. }
  55. </style>
  56. <div class=" " >
  57. <div class="item_block">
  58. <h2>隐私设置</h2>
  59. <ul>
  60. <li><input type="radio" name="list" checked />私有</li>
  61. <li><input type="radio" name="list" />公开列出</li>
  62. </ul>
  63. </div>
  64. <div class="item_block">
  65. <h2>分享链接</h2>
  66. <div><button>创建分享链接</button></div>
  67. <div id="share_link">
  68. <button>关闭分享链接</button>
  69. <div style="display:flex;"><span style="max-width:200px;"><input type="input" name="" /></span><button>复制分享链接</button></div>
  70. <select>
  71. <option value="10">查看者</option>
  72. <option value="20">编辑者</option>
  73. </select>
  74. </div>
  75. </div>
  76. <div class="item_block">
  77. <h2>协作</h2>
  78. <div>
  79. <div style="display:flex;">
  80. <select id="user_type" >
  81. <option value="1">👤个人</option>
  82. <option value="2">👥工作组</option>
  83. </select>
  84. <!--
  85. <span>
  86. <svg class="icon">
  87. <use xlink:href="../studio/svg/icon.svg#ic_add_person"></use>
  88. </svg>
  89. </span>
  90. -->
  91. <span style="max-width:200px;">
  92. <input id="search_user" type="input" name="" placeholder="输入用户名或组名" onkeyup="username_search_keyup(event,this)" />
  93. </span>
  94. </div>
  95. <div id="user_search">
  96. </div>
  97. <div id="user_list_shell">
  98. <div id="user_list">
  99. </div>
  100. <div id="coop_new_tools">
  101. <select id="coop_new_power">
  102. <option value="10">查看者</option>
  103. <option value="20">编辑者</option>
  104. </select>
  105. <button onclick="add_coop()">添加</button>
  106. <button onclick="cancel_coop()">取消</button>
  107. </div>
  108. </div>
  109. </div>
  110. <div>
  111. <h3>有权使用的人</h3>
  112. <div id="coop_list">
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. <script>
  118. $(document).ready(function(){
  119. <?php
  120. if(isset($_GET["id"]) && isset($_GET["type"])){
  121. echo "_res_id = '{$_GET["id"]}'; \n";
  122. echo "_res_type = '{$_GET["type"]}'; \n";
  123. echo "share_load('{$_GET["id"]}','{$_GET["type"]}');";
  124. }
  125. ?>
  126. });
  127. </script>
  128. </body>
  129. </html>