share.php 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  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. </style>
  43. <div class=" " >
  44. <div class="item_block">
  45. <h2>隐私设置</h2>
  46. <ul>
  47. <li><input type="radio" name="list" checked />私有</li>
  48. <li><input type="radio" name="list" />公开列出</li>
  49. </ul>
  50. </div>
  51. <div class="item_block">
  52. <h2>分享链接</h2>
  53. <div><button>创建分享链接</button></div>
  54. <div id="share_link">
  55. <button>关闭分享链接</button>
  56. <div style="display:flex;"><span style="max-width:200px;"><input type="input" name="" /></span><button>复制分享链接</button></div>
  57. <select>
  58. <option value="10">查看者</option>
  59. <option value="20">编辑者</option>
  60. </select>
  61. </div>
  62. </div>
  63. <div class="item_block">
  64. <h2>协作</h2>
  65. <div>
  66. <div style="display:flex;">
  67. <span>
  68. <svg class="icon">
  69. <use xlink:href="../studio/svg/icon.svg#ic_add_person"></use>
  70. </svg>
  71. </span>
  72. <span style="max-width:200px;">
  73. <input id="search_user" type="input" name="" placeholder="输入用户名或组名" onkeyup="username_search_keyup(event,this)" />
  74. </span>
  75. <select id="user_type" >
  76. <option value="1">用户</option>
  77. <option value="2">工作组</option>
  78. </select>
  79. </div>
  80. <div id="user_search">
  81. </div>
  82. <div id="user_list_shell">
  83. <div id="user_list">
  84. </div>
  85. <div id="coop_new_tools">
  86. <select id="coop_new_power">
  87. <option value="10">查看者</option>
  88. <option value="20">编辑者</option>
  89. </select>
  90. <button onclick="add_coop()">添加</button>
  91. <button onclick="cancel_coop()">取消</button>
  92. </div>
  93. </div>
  94. </div>
  95. <div>
  96. <h3>有权使用的人</h3>
  97. <div id="coop_list">
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. <script>
  103. $(document).ready(function(){
  104. <?php
  105. if(isset($_GET["id"]) && isset($_GET["type"])){
  106. echo "_res_id = '{$_GET["id"]}'; \n";
  107. echo "_res_type = '{$_GET["type"]}'; \n";
  108. echo "share_load('{$_GET["id"]}','{$_GET["type"]}');";
  109. }
  110. ?>
  111. });
  112. </script>
  113. </body>
  114. </html>