add lock icon

FAQ.md

@@ -0,0 +1,84 @@
+# Machete家庭相册系统使用FAQ常见问题
+
+
+## 系统配置文件在哪里？
+
+全局配置文件：conf/app.php
+自定义配置文件：runtime/custom_config.json
+
+推荐使用自定义配置文件，以免系统升级后配置被覆盖。
+
+如果是使用docker安装的machete，请自行了解如何修改docker容器里的文件，或者如何把本地文件复制到容器替换。
+
+
+## 怎么开启密码授权访问？
+
+在目录runtime/下创建配置文件：custom_password.json，
+可复制conf/custom_password.json到runtime/目录下进行修改。
+
+也可按下面示例创建：
+```
+{
+    "password_auth": {
+        "enable": true,
+        "default": "",
+        "allow": {
+            "目录1": "hello",
+            "目录2": "world"
+        }
+    }
+}
+```
+
+**配置说明：**
+
+* enable开关设置true则启用，默认为false关闭状态
+* default选项配置全局默认密码，针对所有目录生效
+* allow里配置单个目录的授权密码，如果default配置为空，则只有allow里所设置的目录需要密码授权访问
+
+
+## 怎么修改浏览器地址栏左侧的小图标？
+
+请创建自己的icon文件，命名为favicon.ico，替换根目录下的这个图标即可；
+
+**注意：**
+请清空浏览器缓存后验证新图标，否则可能因为浏览器缓存而看到老的图标。
+
+
+## 怎么关闭网页底部的二维码？
+
+在runtime/custom_config.json中增加配置：
+```
+"showQRImageInFooter": false
+```
+
+
+## 怎么修改底部的版权信息？
+
+请编辑目录下的php文件：
+```
+themes/beauty/views/layout/
+```
+
+找到“尾部网站信息”，按自己的需要修改并保存。
+
+注意本地保存相关文件存档，machete升级系统时会覆盖此目录下的文件。
+
+
+## 相册部署到外网了，点击图片打开有点慢怎么办？
+
+machete家庭相册默认为局域网使用，配置**enableSmallImageForWan**开启查看大图显示缩略图是关闭的，
+如果你的照片文件大小很大，那么在外网打开可能会很慢。
+
+解决办法，为外网点击图片浏览大图开启缩略图功能，
+在自定义配置：runtime/custom_config.json里增加以下配置即可：
+```
+"enableSmallImageForWan": true
+```
+
+
+## 更多问题如何联系？
+
+请查看README.md里的联系方式，
+或者进官方网站查看QQ群：
+https://filesite.io

conf/custom_password.json

@@ -1,6 +1,6 @@
 {
     "password_auth": {
-        "enable": true,
+        "enable": false,
         "default": "helloWorld",
         "allow": {
             "test": "hello",

themes/beauty/views/site/index.php

@@ -6,6 +6,9 @@ $imgExts = !empty(FSC::$app['config']['supportedImageExts']) ? FSC::$app['config
 $videoExts = !empty(FSC::$app['config']['supportedVideoExts']) ? FSC::$app['config']['supportedVideoExts'] : array('mp4', 'mov', 'm3u8');
 $supportedExts = array_merge($imgExts, $videoExts);
 
+//需密码授权的目录显示lock图标
+$authConfig = FSC::$app['config']['password_auth'];
+
 $dir_ext_status = !empty($_COOKIE['dir_ext_status']) ? $_COOKIE['dir_ext_status'] : 'opened';
 ?><!-- 顶部导航栏模块 -->
 <nav class="navbar navbar-default navbar-fixed-top navbarJS">
@@ -195,6 +198,14 @@ eof;
                     }
                 }
 
+                //判断是否需要加密访问的目录
+                $lockIcon = '';
+                if (!empty($authConfig['enable']) && !empty($authConfig['allow'][$dir['directory']])) {
+                    $lockIcon = <<<eof
+<div class="locked_dir"><img src="/img/beauty/lock2-fill.svg" alt="加密目录" width="30"></div>
+eof;
+                }
+
                 $title = !empty($dir['title']) ? $dir['title'] : $dir['directory'];
                 echo <<<eof
                 <div class="im_img_title">
@@ -203,6 +214,7 @@ eof;
                         {$title}
                     </span>
                 </div>
+                {$lockIcon}
             </a>
         </div>
 eof;

www/css/beauty.css

@@ -86,6 +86,8 @@ a:link{text-decoration:none}
 .im_item .btn-set-snap{display:none;position:absolute;top:5px;right:5px;opacity:0.8}
 .im_item:hover .btn-set-snap{display:inline-block}
 
+.locked_dir{position:absolute;right:3px;top:5px}
+
 .web_info{padding:10px 0 42px 0;margin-top:75px;border-top:solid 1px #f5f5f5}
 .web_info p{color:#808080;font-size:13px;margin:5px 0}
 .web_info a{text-decoration: underline;color:#808080}

www/img/beauty/lock2-fill.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="yellow" viewBox="0 0 16 16">
+  <path d="M7 6a1 1 0 0 1 2 0v1H7z"/>
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2m-2 6v1.076c.54.166 1 .597 1 1.224v2.4c0 .816-.781 1.3-1.5 1.3h-3c-.719 0-1.5-.484-1.5-1.3V8.3c0-.627.46-1.058 1-1.224V6a2 2 0 1 1 4 0"/>
+</svg>