添加 visiblity 发送设置。

README.md

@@ -1,3 +1,7 @@
+## 更新日志
+
+2022.10.24 添加 visiblity 发送设置。
+
 ## 说明
 
 Chrome 应用商店：<https://chrome.google.com/webstore/detail/memos-bber/cbhjebjfccgchgbmfbobjmebjjckgofe/>

css/main.css

@@ -107,11 +107,13 @@ input.inputer{border-bottom: 1px solid #ccc;width:75%;}
 
 svg.icon{width:24px;height:24px;}
 #tags,#getlink{margin-right: .5rem;}
-#tags svg,#getlink svg{opacity: 0.6;}
+#tags svg,#getlink svg,#locked svg,#unlock svg{opacity: 0.6;}
-#tags:hover svg,#getlink:hover svg{opacity: 1;cursor: pointer;}
+#tags:hover svg,#getlink:hover svg,#locked:hover svg,#unlock:hover svg{opacity: 1;cursor: pointer;}
 
-#taglist{display: none;}
+#locked{display: none;}
-.tag-list {
+
+#taglist,#visibilitylist{display: none;}
+.tag-list,.visibility-list {
     margin-top: .5rem;
     max-height: 13rem;
     flex-direction: column;
@@ -119,7 +121,7 @@ svg.icon{width:24px;height:24px;}
     justify-content: flex-start;
     font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
 }
-.tag-list>.item-container {
+.tag-list>.item-container,.visibility-list >.item-lock {
     display: inline-block;
     background-color: #666;
     cursor: pointer;
@@ -131,6 +133,9 @@ svg.icon{width:24px;height:24px;}
     margin:0 6px 6px 0;
 }
 
+.visibility-list .item-lock.lock-now{
+    background-color:rgb(22,163,74);
+}
 #blog_info_edit{
     position: absolute;
     right: 1rem;
@@ -143,6 +148,13 @@ svg.icon{width:24px;height:24px;}
     justify-content: center;
 }
 
+
+
+
+
+
+
+
 .tip{
     margin-left: 36%;
     max-width: 640px;

js/oper.js

@@ -37,7 +37,6 @@ $('#saveKey').click(function () {
 })
 
 $('#tags').click(function () {
-  //add("要出入的文本");
   get_info(function (info) {
     if (info.status) {
       var tagUrl = info.apiUrl.replace(/api\/memo/,'api/tag')
@@ -57,6 +56,32 @@ $('#tags').click(function () {
     }
   })
 })
+$('#unlock,#locked').click(function () {
+  get_info(function (info) {
+    var nowlock = info.memo_lock
+    var lockDom = '<span class="item-lock'+ (nowlock == 'PUBLIC' ? ' lock-now' : '')+'" data-type="PUBLIC">公开</span><span class="item-lock'+ (nowlock == 'PRIVATE' ? ' lock-now' : '')+'" data-type="PRIVATE">仅自己</span><span class="item-lock'+ (nowlock == 'PROTECTED' ? ' lock-now' : '')+'" data-type="PROTECTED">登录可见</span>'
+    $("#visibilitylist").html(lockDom).slideToggle(500)
+  })
+})
+$(document).on("click",".item-lock",function () {
+    _this = $(this)[0].dataset.type
+    if(_this !== "PUBLIC"){
+      $('#locked').show()
+      $('#unlock').hide()
+    }else{
+      $('#locked').hide()
+      $('#unlock').show()
+    }
+    chrome.storage.sync.set(
+      {memo_lock: _this},
+      function () {
+        $.message({
+          message: '设置成功，当前为： '+ _this
+        })
+        $('#visibilitylist').hide()
+      }
+    )
+})
 
 $(document).on("click",".item-container",function () {
   var tagHtml = $(this).text()+" "
@@ -96,6 +121,7 @@ function get_info(callback) {
   chrome.storage.sync.get(
     {
       apiUrl: '',
+      memo_lock: 'Public',
       open_action: '',
       open_content: ''
     },
@@ -109,6 +135,7 @@ function get_info(callback) {
       }
       returnObject.status = flag
       returnObject.apiUrl = items.apiUrl
+      returnObject.memo_lock = items.memo_lock
       returnObject.open_content = items.open_content
       returnObject.open_action = items.open_action
       if (callback) callback(returnObject)
@@ -129,13 +156,17 @@ function sendText() {
   get_info(function (info) {
     if (info.status) {
       //信息满足了
+      console.log(info.memo_lock)
       $.message({message: '发送中～～'})
       //$("#content_submit_text").attr('disabled','disabled');
       let content = $('#content').val()
       $.ajax({
         url:info.apiUrl,
         type:"POST",
-        data:JSON.stringify({'content': content}),
+        data:JSON.stringify({
+          'content': content,
+          'visibility': info.memo_lock
+        }),
         contentType:"application/json;",
         dataType:"json",
         success: function(result){

manifest.json

@@ -1,7 +1,7 @@
 {
    "manifest_version": 3,
    "name": "__MSG_extName__",
-   "version": "2022.10.12",
+   "version": "2022.10.24",
    "action": {
       "default_popup": "popup.html",
       "default_icon": "assets/logo_24x24.png",

popup.html

@@ -12,7 +12,6 @@
   </head>
   <body class="body">
     <div class="title">MEMOS</div>
-
     <div id="blog_info_edit"><svg t="1665246316837" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2597" width="32" height="32"><path d="M913.94086 431.828053c-4.878101-25.783223-20.693298-42.455951-40.947598-42.455951l-3.511987 0c-54.731532 0-99.248422-44.515866-99.248422-99.262748 0-17.294898 8.299013-37.015032 8.619308-37.798884 10.097986-22.722514 2.349511-50.567699-18.078751-64.859193l-102.701057-57.183374-1.509377-0.738827c-20.545942-8.909927-48.667419-3.207042-63.987337 12.753465-11.086499 11.434423-49.306986 44.037982-78.471213 44.037982-29.543873 0-67.849294-33.257451-78.992075-44.908816-15.293311-16.077164-43.12417-22.112624-63.902402-13.218046l-106.35733 58.272171-1.596358 1.016143c-20.430308 14.234189-28.207435 42.078351-18.165732 64.713884 0.346901 0.827855 8.676613 20.387329 8.676613 37.914518 0 54.746882-44.51689 99.262748-99.247398 99.262748l-4.149507 0c-19.617803 0-35.434024 16.671705-40.309054 42.455951-0.363274 1.814322-8.590656 45.446052-8.590656 80.429821 0 34.938744 8.227382 78.555124 8.590656 80.355119 4.875031 25.799596 20.691251 42.48665 40.946574 42.48665l3.511987 0c54.730509 0 99.247398 44.51689 99.247398 99.247398 0 17.411555-8.328689 37.058011-8.647961 37.812187-10.069333 22.766516-2.349511 50.567699 18.021445 64.787562l100.756775 56.531528 1.538029 0.696872c20.836561 9.17087 49.01432 3.191692 64.250326-13.464663 14.07353-15.207353 52.207036-46.782489 80.20981-46.782489 30.354332 0 69.445652 35.347043 80.706113 47.76691 10.387581 11.376095 26.349111 18.22713 42.687218 18.22713 7.631818 0 14.857383-1.511423 21.474081-4.354168l104.4724-57.574277 1.538029-0.989537c20.428262-14.276145 28.206412-42.077328 18.138102-64.727187-0.348947-0.842181-8.677637-20.402679-8.677637-37.928844 0-54.730509 44.51689-99.247398 99.248422-99.247398l4.093225 0c19.644409 0 35.488259-16.687054 40.365336-42.48665 0.347924-1.799996 8.588609-45.416376 8.588609-80.355119C922.529469 477.274104 914.288784 433.642374 913.94086 431.828053M862.982258 512.257873c0 22.605857-4.498454 51.655474-6.559393 63.785745-82.09781 6.732331-145.738245 75.335802-145.738245 158.303422 0 23.419386 7.430226 45.851281 11.377118 56.169277l-89.12076 49.216935c-4.38282-4.584412-17.325597-17.644869-34.939767-30.762631-30.93557-22.925129-60.595077-34.635845-88.106664-34.635845-27.278273 0-56.703443 11.420097-87.493703 34.05563-17.528212 12.768815-30.296003 25.479301-34.765805 30.18037l-85.724407-47.997154c4.179183-10.839883 11.405771-32.982182 11.405771-56.226582 0-82.96762-63.640436-151.571091-145.70857-158.303422-2.089591-12.130272-6.588045-41.178865-6.588045-63.785745 0-22.650883 4.498454-51.713802 6.588045-63.844074 82.068134-6.718005 145.70857-75.335802 145.70857-158.303422 0-23.288402-7.429203-45.792952-11.376095-56.095599l91.325985-50.190099c3.975545 3.976568 17.005302 16.730033 34.82311 29.411867 30.355355 21.663392 59.260685 32.633235 86.016049 32.633235 26.494421 0 55.19509-10.766205 85.346807-32.009018 17.963117-12.623505 30.964222-25.203008 34.736129-28.757974l87.900979 48.825009c-3.975545 10.244318-11.405771 32.676214-11.405771 56.18258 0 82.96762 63.640436 151.585417 145.738245 158.303422C858.483804 460.5717 862.982258 489.7523 862.982258 512.257873" p-id="2598"></path><path d="M510.215866 365.633445c-80.530105 0-146.056494 65.527412-146.056494 146.057517 0 80.543408 65.527412 146.043191 146.056494 146.043191 80.530105 0 146.057517-65.499783 146.057517-146.043191C656.273383 431.160857 590.74597 365.633445 510.215866 365.633445M596.725148 511.690962c0 47.693232-38.799678 86.491887-86.509283 86.491887-47.708582 0-86.479607-38.798655-86.479607-86.491887 0-47.665603 38.771025-86.479607 86.479607-86.479607C557.925471 425.212378 596.725148 464.025359 596.725148 511.690962" p-id="2599"></path></svg></div>
     <div id="blog_info" class="">
         <input
@@ -43,16 +42,17 @@
     <div class="common-tools-container">
       <div id="tags"><svg t="1665297587288" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="692" width="32" height="32"><path d="M128 341.333333m42.666667 0l682.666666 0q42.666667 0 42.666667 42.666667l0 0q0 42.666667-42.666667 42.666667l-682.666666 0q-42.666667 0-42.666667-42.666667l0 0q0-42.666667 42.666667-42.666667Z" fill="#666666" p-id="693"></path><path d="M422.613333 85.333333H426.666667a38.613333 38.613333 0 0 1 38.4 42.453334L387.84 900.266667a42.666667 42.666667 0 0 1-42.453333 38.4H341.333333a38.613333 38.613333 0 0 1-38.4-42.453334L380.16 123.733333a42.666667 42.666667 0 0 1 42.453333-38.4zM678.613333 85.333333H682.666667a38.613333 38.613333 0 0 1 38.4 42.453334L643.84 900.266667a42.666667 42.666667 0 0 1-42.453333 38.4H597.333333a38.613333 38.613333 0 0 1-38.4-42.453334L636.16 123.733333a42.666667 42.666667 0 0 1 42.453333-38.4z" fill="#666666" p-id="694"></path><path d="M128 597.333333m42.666667 0l682.666666 0q42.666667 0 42.666667 42.666667l0 0q0 42.666667-42.666667 42.666667l-682.666666 0q-42.666667 0-42.666667-42.666667l0 0q0-42.666667 42.666667-42.666667Z" fill="#666666" p-id="695"></path></svg></div>
       <div id="getlink"><svg t="1665404941848" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5788" width="32" height="32"><path d="M599.552 696.832l-1.024 1.024c-1.024 1.024-61.952 50.176-93.696 75.776-41.472 33.28-93.184 48.64-145.92 43.008s-100.352-31.232-133.632-72.704c-69.12-84.992-55.808-210.944 29.696-279.552l99.328-80.896-46.08-57.344-99.328 80.896c-116.736 94.72-134.656 266.752-39.936 383.488 45.568 56.32 111.104 91.648 183.296 99.328 9.728 1.024 19.456 1.536 29.184 1.536 62.464 0 121.856-20.992 171.008-60.928l94.208-76.288-45.568-56.32-1.536-1.024zM856.064 232.96c-94.208-116.224-266.24-134.656-383.488-39.936l-90.112 73.216 46.08 57.344 90.112-73.216c84.992-69.12 210.944-55.808 279.552 29.696 69.12 85.504 55.808 210.944-29.696 279.552l-95.744 77.312-1.024 1.024 46.08 57.344 96.768-78.336c56.832-46.08 92.16-111.104 99.84-183.808 8.192-72.192-12.8-143.36-58.368-200.192z" p-id="5789" fill="#666666" ></path><path d="M388.096 667.648l305.664-254.464 1.024-1.024-47.616-56.32-305.664 254.976-1.024 0.512z" p-id="5790" fill="#666666" ></path></svg></div>
+      <div id="unlock"><svg t="1666618612716" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6901" width="32" height="32"><path d="M725.333333 426.666667H298.666667a128 128 0 0 0-128 128v256a128 128 0 0 0 128 128h426.666666a128 128 0 0 0 128-128v-256a128 128 0 0 0-128-128zM298.666667 512h426.666666a42.666667 42.666667 0 0 1 42.666667 42.666667v256a42.666667 42.666667 0 0 1-42.666667 42.666666H298.666667a42.666667 42.666667 0 0 1-42.666667-42.666666v-256a42.666667 42.666667 0 0 1 42.666667-42.666667z" fill="#666666" p-id="6902"></path><path d="M512 597.333333a85.333333 85.333333 0 1 0 0 170.666667 85.333333 85.333333 0 0 0 0-170.666667zM512 42.666667a213.333333 213.333333 0 0 1 213.333333 213.333333 42.666667 42.666667 0 0 1-85.034666 4.992L640 256a128 128 0 0 0-255.786667-7.509333L384 256v213.333333a42.666667 42.666667 0 0 1-85.034667 4.992L298.666667 469.333333V256a213.333333 213.333333 0 0 1 213.333333-213.333333z" fill="#666666" p-id="6903"></path></svg></div>
+      <div id="locked"><svg t="1666618729299" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1147" width="32" height="32"><path d="M725.333333 426.666667H298.666667a128 128 0 0 0-128 128v256a128 128 0 0 0 128 128h426.666666a128 128 0 0 0 128-128v-256a128 128 0 0 0-128-128zM298.666667 512h426.666666a42.666667 42.666667 0 0 1 42.666667 42.666667v256a42.666667 42.666667 0 0 1-42.666667 42.666666H298.666667a42.666667 42.666667 0 0 1-42.666667-42.666666v-256a42.666667 42.666667 0 0 1 42.666667-42.666667z" fill="#666666" p-id="1148"></path><path d="M512 597.333333a85.333333 85.333333 0 1 0 0 170.666667 85.333333 85.333333 0 0 0 0-170.666667zM512 85.333333a213.333333 213.333333 0 0 1 213.12 204.074667L725.333333 298.666667v170.666666a42.666667 42.666667 0 0 1-85.034666 4.992L640 469.333333V298.666667a128 128 0 0 0-255.786667-7.509334L384 298.666667v170.666666a42.666667 42.666667 0 0 1-85.034667 4.992L298.666667 469.333333V298.666667a213.333333 213.333333 0 0 1 213.333333-213.333334z" fill="#666666" p-id="1149"></path></svg></div>
     </div>
     <div class="btns-container" type="submit" name="submit" id="submit">
       <button id="content_submit_text" class="action-btn confirm-btn">记下<img class="icon-img" src="../assets/logo_24x24.png"></button>
     </div>
   </div>
   <div class="tag-list" id="taglist"></div>
-  
+  <div class="visibility-list" id="visibilitylist"></div>
   <script src="../js/jquery.min.js"></script>
   <script src="../js/message.js"></script>
   <script src="../js/oper.js"></script>
-
   </body>
 </html>