share.php 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  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-bottom: 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-bottom: 1px solid var(--btn-border-color);
  44. width: 270px;
  45. border-radius: 5px;
  46. line-height: 24px;
  47. padding: 0 5px;
  48. display:flex;
  49. justify-content: space-between;
  50. }
  51. #user_list li>.btn_del{
  52. visibility: hidden;
  53. }
  54. #user_list li:hover .btn_del{
  55. visibility: visible;
  56. }
  57. </style>
  58. <div class=" " >
  59. <div class="item_block" style="display:none;">
  60. <h2 id="res_type"></h2>
  61. <div id="res_title">
  62. </div>
  63. </div>
  64. <div class="item_block">
  65. <h2>隐私设置</h2>
  66. <ul>
  67. <li><input type="radio" name="list" checked />私有</li>
  68. <li><input type="radio" name="list" />公开列出</li>
  69. </ul>
  70. </div>
  71. <div class="item_block">
  72. <h2>分享链接</h2>
  73. <div><button>创建分享链接</button></div>
  74. <div id="share_link">
  75. <button>关闭分享链接</button>
  76. <div style="display:flex;"><span style="max-width:200px;"><input type="input" name="" /></span><button>复制分享链接</button></div>
  77. <select>
  78. <option value="10">查看者</option>
  79. <option value="20">编辑者</option>
  80. </select>
  81. </div>
  82. </div>
  83. <div class="item_block">
  84. <h2>协作</h2>
  85. <div>
  86. <div style="display:flex;">
  87. <select id="user_type" >
  88. <option value="1">👤个人</option>
  89. <option value="2">👥工作组</option>
  90. </select>
  91. <!--
  92. <span>
  93. <svg class="icon">
  94. <use xlink:href="../studio/svg/icon.svg#ic_add_person"></use>
  95. </svg>
  96. </span>
  97. -->
  98. <span style="max-width:200px;">
  99. <input id="search_user" type="input" name="" placeholder="🔍输入用户名或组名" onkeyup="username_search_keyup(event,this)" />
  100. </span>
  101. </div>
  102. <div id="user_search">
  103. </div>
  104. <div id="user_list_shell">
  105. <div id="user_list">
  106. </div>
  107. <div id="coop_new_tools">
  108. <select id="coop_new_power">
  109. <option value="10">👁‍🗨查看者</option>
  110. <option value="20">📝编辑者</option>
  111. </select>
  112. <button onclick="add_coop()">添加</button>
  113. <button onclick="cancel_coop()">取消</button>
  114. </div>
  115. </div>
  116. </div>
  117. <div>
  118. <h3>有权使用的人</h3>
  119. <div id="coop_list">
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. <script>
  125. $(document).ready(function(){
  126. <?php
  127. if(isset($_GET["id"]) && isset($_GET["type"])){
  128. echo "_res_id = '{$_GET["id"]}'; \n";
  129. echo "_res_type = '{$_GET["type"]}'; \n";
  130. echo "share_load('{$_GET["id"]}','{$_GET["type"]}');";
  131. }
  132. ?>
  133. });
  134. </script>
  135. </body>
  136. </html>