2 tahun lalu · 9b2d987267
--- a/new_backstage/public/index.html
+++ b/new_backstage/public/index.html
@@ -5,7 +5,7 @@
 
				     <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				     <meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				     <link rel="icon" href="<%= BASE_URL %>favicon.png">
			
 
				-    <title>福州基地数字史馆</title>
			
 
				+    <title>海军福建基地数字史馆</title>
			
 
				   </head>
			
 
				   <body>
			
 
				     <noscript>
			
--- a/new_backstage/public/static/tinymce/themes/mobile/theme.js
+++ b/new_backstage/public/static/tinymce/themes/mobile/theme.js
@@ -7617,7 +7617,7 @@
 
				       };
			
 
				     };
			
 
				     var getBehaviours = function (bData) {
			
 
				-      return bData.list;
			
 
				+      return bdata.records;
			
 
				     };
			
 
				     var getData = function (bData) {
			
 
				       return bData.data;
			
--- a/new_backstage/public/static/tinymce/themes/silver/theme.js
+++ b/new_backstage/public/static/tinymce/themes/silver/theme.js
@@ -2526,7 +2526,7 @@
 
				       };
			
 
				     };
			
 
				     var getBehaviours = function (bData) {
			
 
				-      return bData.list;
			
 
				+      return bdata.list;
			
 
				     };
			
 
				     var getData = function (bData) {
			
 
				       return bData.data;
			
--- a/new_backstage/public/static/tinymce/themes/silver/theme.min.js
+++ b/new_backstage/public/static/tinymce/themes/silver/theme.min.js
@@ -2526,7 +2526,7 @@
 
				       };
			
 
				     };
			
 
				     var getBehaviours = function (bData) {
			
 
				-      return bData.list;
			
 
				+      return bdata.records;
			
 
				     };
			
 
				     var getData = function (bData) {
			
 
				       return bData.data;
			
--- a/new_backstage/public/static/tinymce/tinymce.js
+++ b/new_backstage/public/static/tinymce/tinymce.js
@@ -8107,7 +8107,7 @@
 
				       };
			
 
				       var fireCallbacks = function (name, uid, elements) {
			
 
				         withCallbacks(name, function (data) {
			
 
				-          each(data.listeners, function (f) {
			
 
				+          each(data.recordseners, function (f) {
			
 
				             return f(true, name, {
			
 
				               uid: uid,
			
 
				               nodes: map(elements, function (elem) {
			
@@ -8119,7 +8119,7 @@
 
				       };
			
 
				       var fireNoAnnotation = function (name) {
			
 
				         withCallbacks(name, function (data) {
			
 
				-          each(data.listeners, function (f) {
			
 
				+          each(data.recordseners, function (f) {
			
 
				             return f(false, name);
			
 
				           });
			
 
				         });
			
@@ -8144,7 +8144,7 @@
 
				             });
			
 
				             return {
			
 
				               previous: data.previous,
			
 
				-              listeners: data.listeners
			
 
				+              listeners: data.recordseners
			
 
				             };
			
 
				           });
			
 
				         });
			
@@ -8159,7 +8159,7 @@
 
				         updateCallbacks(name, function (data) {
			
 
				           return {
			
 
				             previous: data.previous,
			
 
				-            listeners: data.listeners.concat([f])
			
 
				+            listeners: data.recordseners.concat([f])
			
 
				           };
			
 
				         });
			
 
				       };
			
--- a/new_backstage/src/assets/font/iconfont.js
+++ b/new_backstage/src/assets/font/iconfont.js
--- a/new_backstage/src/assets/font/iconfont.json
+++ b/new_backstage/src/assets/font/iconfont.json
@@ -1,6 +1,6 @@
 
				 {
			
 
				   "id": "1855608",
			
 
				-  "name": "福州基地数字史馆",
			
 
				+  "name": "海军福建基地数字史馆",
			
 
				   "font_family": "iconfont",
			
 
				   "css_prefix_text": "icon",
			
 
				   "description": "展示界面和管理后台",
			
--- a/new_backstage/src/assets/styles/public.less
+++ b/new_backstage/src/assets/styles/public.less
@@ -185,8 +185,8 @@ input::-webkit-inner-spin-button{
 
				     cursor: pointer;
			
 
				   }
			
 
				   .active{
			
 
				-    color: #B63C25;
			
 
				-    border-bottom: 2px solid #B63C25;
			
 
				+    color: #0194DD;
			
 
				+    border-bottom: 2px solid #0194DD;
			
 
				   }
			
 
				 }
			
 
				 
			
--- a/new_backstage/src/components/editcomponent/usereditdialog.vue
+++ b/new_backstage/src/components/editcomponent/usereditdialog.vue
@@ -47,22 +47,6 @@
 
				           </div>
			
 
				         </div>
			
 
				 
			
 
				-        <div class="formbom">
			
 
				-          <div class="left">
			
 
				-            <el-form-item label="旧密码：" prop="oldPassword">
			
 
				-              <el-input v-model="form.oldPassword"></el-input>
			
 
				-            </el-form-item>
			
 
				-            <el-form-item label="新密码：" prop="newPassword">
			
 
				-              <el-input v-model="form.newPassword"></el-input>
			
 
				-            </el-form-item>
			
 
				-          </div>
			
 
				-
			
 
				-          <div class="right">
			
 
				-            <el-form-item label="确认密码：" prop="confirmPassword">
			
 
				-              <el-input v-model="form.confirmPassword"></el-input>
			
 
				-            </el-form-item>
			
 
				-          </div>
			
 
				-        </div>
			
 
				       </div>
			
 
				     </el-form>
			
 
				     <div slot="footer" class="dialog-footer">
			
@@ -81,10 +65,6 @@ let rule = {
 
				   unit: [{ required: true, message: "请输入单位名称", trigger: "blur" }],
			
 
				   roleId: [{ required: true, message: "请选择用户角色", trigger: "change" }],
			
 
				   realName: [{ required: true, message: "请输入真实姓名", trigger: "blur" }],
			
 
				-  oldPassword: [{ required: true, message: "请输入旧密码", trigger: "blur" }],
			
 
				-  newPassword: [{ required: true, message: "请输入新密码", trigger: "blur" }],
			
 
				-  confirmPassword: [{ required: true, message: "请输入新密码", trigger: "blur" }]
			
 
				-
			
 
				 };
			
 
				 
			
 
				 export default {
			
@@ -107,9 +87,6 @@ export default {
 
				     audit() {
			
 
				       this.$refs.useredit.validate(async (valid)=>{
			
 
				         if (valid) {
			
 
				-          if (this.form.confirmPassword != this.form.newPassword) {
			
 
				-            return this.$alert('两次密码不一致', '提示')
			
 
				-          }
			
 
				 
			
 
				           let params = {
			
 
				             "address": "",
			
@@ -126,7 +103,7 @@ export default {
 
				           this.$alert('编辑成功', '提示', {
			
 
				               confirmButtonText: '确定',
			
 
				               callback: () => {
			
 
				-                this.$$emit('logout')
			
 
				+                this.$emit('logout')
			
 
				               }
			
 
				             })
			
 
				         })
			
--- a/new_backstage/src/components/status/index.vue
+++ b/new_backstage/src/components/status/index.vue
@@ -35,9 +35,9 @@ ul{
 
				     cursor: pointer;
			
 
				   }
			
 
				   .active{
			
 
				-    color: #B63C25;
			
 
				+    color: #0194DD;
			
 
				     padding-bottom: 10px;
			
 
				-    border-bottom: 2px solid #B63C25;
			
 
				+    border-bottom: 2px solid #0194DD;
			
 
				   }
			
 
				 }
			
 
				 </style>
			
--- a/new_backstage/src/components/table/index.vue
+++ b/new_backstage/src/components/table/index.vue
@@ -2,7 +2,7 @@
 
				 <template>
			
 
				   <div class="table" :key="$route.params.type">
			
 
				     <el-table
			
 
				-      :data="table.list"
			
 
				+      :data="table.records"
			
 
				       height="55vh"
			
 
				       class="collection-con"
			
 
				       style="width: 100%"
			
@@ -12,7 +12,7 @@
 
				         :key="idx"
			
 
				         :prop="item.prop"
			
 
				         :label="item.label"
			
 
				-        :width="item.prop === 'thumb' ? 300 : (item.width||'auto')"
			
 
				+        :width="item.prop === 'thumb' ? 200 : (item.width||'auto')"
			
 
				       >
			
 
				         <template slot-scope="scope">
			
 
				 
			
@@ -140,7 +140,8 @@ export default {
 
				       activeSub:"activeSub"
			
 
				     }),
			
 
				     table(){
			
 
				-       this.tableData.list && this.tableData.list.forEach((item, i) => {
			
 
				+      console.log(this.tableData,'this.tableData');
			
 
				+       this.tableData.records && this.tableData.records.forEach((item, i) => {
			
 
				         item["idx"] = i + 1 + this.page.size * (this.page.pageNum-1);
			
 
				         item["display"] = Boolean(item["display"]);
			
 
				         item["isEnabled"] = Boolean(item["isEnabled"]);
			
--- a/new_backstage/src/components/uploadFile/index.vue
+++ b/new_backstage/src/components/uploadFile/index.vue
@@ -35,7 +35,7 @@ export default {
 
				       this.loading = this.$loading(this.loadOption)
			
 
				     },
			
 
				     beforeMultipleUpload(file){
			
 
				-      let typeArr = this.desc.indexOf('4dage')>-1 ? ['.4dage'] : ['avi','mov','rmvb','rm','flv','mp4','3gp']
			
 
				+      let typeArr = this.desc.indexOf('4dage')>-1 ? ['.4dage'] : ['mp4']
			
 
				       let type = this.isTypeBySend(file.name,typeArr);
			
 
				       if (!type) {
			
 
				         this.$message.error('只允许指定文件格式的文件');
			
--- a/new_backstage/src/configue/api.js
+++ b/new_backstage/src/configue/api.js
@@ -114,6 +114,17 @@ export function getSysDetail(type, data, cb) {
 
				   });
			
 
				 }
			
 
				 
			
 
				+
			
 
				+// 修改密码
			
 
				+export const userupdatePwd = (data) => {
			
 
				+  return axios({
			
 
				+    method: 'post',
			
 
				+    url: 'sys/user/updatePwd',
			
 
				+    data
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+
			
 
				 //设置图片封面
			
 
				 export function setCover(data, cb) {
			
 
				   axios({
			
--- a/new_backstage/src/configue/http.js
+++ b/new_backstage/src/configue/http.js
@@ -9,7 +9,7 @@ var isProduction = process.env.NODE_ENV === "production";
 
				 let loading = "";
			
 
				 
			
 
				 // 后端的baseUrl
			
 
				-const serverName = isProduction ? "/" : "http://192.168.0.135:8004/";
			
 
				+const serverName = isProduction ? "/" : "http://project.4dage.com:8019/";
			
 
				 
			
 
				 // 前端域名或IP，没用到。
			
 
				 const serverLocation = window.location.hostname;
			
--- a/new_backstage/src/pages/content/collection/componets/video.vue
+++ b/new_backstage/src/pages/content/collection/componets/video.vue
@@ -13,7 +13,7 @@
 
				     </el-form-item>
			
 
				 
			
 
				     <el-form-item label="视频文件：" prop="filePath">
			
 
				-      <uploadFile :url="fileUrl"  @update="data=>{form.fileName = data.fileName,form.filePath = data.filePath}" :filePath="form.filePath" :desc="'支持AVI、mov、rmvb、rm、FLV、mp4、3GP等格式的视频文件，大小不超过2GB'" />
			
 
				+      <uploadFile :url="fileUrl"  @update="data=>{form.fileName = data.fileName,form.filePath = data.filePath}" :filePath="form.filePath" :desc="'支持MP4格式的视频文件，大小不超过500MB'" />
			
 
				       <video class="svideo" v-if="form.filePath" controls :src="form.filePath">
			
 
				       </video>
			
 
				     </el-form-item>
			
--- a/new_backstage/src/pages/content/scene/data.js
+++ b/new_backstage/src/pages/content/scene/data.js
@@ -5,11 +5,7 @@ let raw = {
 
				       label: "编号",
			
 
				     },
			
 
				     {
			
 
				-      prop: "sceneCode",
			
 
				-      label: "场景",
			
 
				-    },
			
 
				-    {
			
 
				-      prop: "sceneTitle",
			
 
				+      prop: "name",
			
 
				       label: "名称",
			
 
				     },
			
 
				     {
			
--- a/new_backstage/src/pages/content/scene/index.vue
+++ b/new_backstage/src/pages/content/scene/index.vue
@@ -21,8 +21,8 @@
 
				               @click="
			
 
				                 search = {
			
 
				                   inputKey: '',
			
 
				-                  date: '',
			
 
				-                }
			
 
				+                },
			
 
				+                getList()
			
 
				               "
			
 
				               >重置</el-button
			
 
				             >
			
@@ -49,7 +49,7 @@
 
				             <el-table-column slot="operate" label="操作" width="190">
			
 
				               <template slot-scope="scope">
			
 
				                 <span class="o-span" v-if="activeSub['编辑']" @click="openLink(scope.row)">编辑</span>
			
 
				-                <span class="o-span" v-if="activeSub['删除']" @click="delScene(scope.row)">删除</span>
			
 
				+                <span v-else>-</span>
			
 
				               </template>
			
 
				             </el-table-column>
			
 
				           </vtable>
			
@@ -97,13 +97,14 @@ export default {
 
				           pageSize: this.page.size,
			
 
				           searchKey: inputKey,
			
 
				         },
			
 
				-        url: `cms/scene/list`,
			
 
				+        url: `cms/work/list`,
			
 
				       }).then((res) => {
			
 
				+        console.log(res,22222222);
			
 
				         this.list = res.data;
			
 
				       });
			
 
				     },
			
 
				-    openLink(){
			
 
				-      this.$alert('场景链接还没生成')
			
 
				+    openLink(item){
			
 
				+      window.open(`/panorama/edit.html?id=${item.id}`, "_blank");
			
 
				     },
			
 
				     delScene(data){
			
 
				       this.confirm("删除后，信息将无法恢复，是否继续？", () => {
			
@@ -153,7 +154,6 @@ export default {
 
				     }
			
 
				   },
			
 
				   mounted() {
			
 
				-    this.getList();
			
 
				   },
			
 
				 };
			
 
				 </script>
			
--- a/new_backstage/src/pages/layout/aside.vue
+++ b/new_backstage/src/pages/layout/aside.vue
@@ -109,6 +109,8 @@ export default {
 
				         item.routes = route
			
 
				         return route.length>0 && item
			
 
				       })
			
 
				+
			
 
				+      console.log(this.menu,'menu');
			
 
				     }
			
 
				   },
			
 
				   created () {
			
@@ -147,7 +149,7 @@ export default {
 
				   text-align: left;
			
 
				 }
			
 
				 .aside-item div:not(:first-child):hover{
			
 
				-  color: #B63C25;
			
 
				+  color: #0194DD;
			
 
				 }
			
 
				 
			
 
				 .aside-item div:first-child{
			
@@ -172,7 +174,7 @@ export default {
 
				 }
			
 
				 
			
 
				 .aside-item .active{
			
 
				-  background-color: #B63C25;
			
 
				+  background-color: #0194DD;
			
 
				   border-top-right-radius: 80px;
			
 
				   border-bottom-right-radius: 80px;
			
 
				   color: #F2ECDE!important;
			
@@ -184,7 +186,7 @@ export default {
 
				 
			
 
				 
			
 
				 .aside-item .activeFont{
			
 
				-  color: #B63C25;
			
 
				+  color: #0194DD;
			
 
				 }
			
 
				 
			
 
				 
			
--- a/new_backstage/src/pages/layout/head.vue
+++ b/new_backstage/src/pages/layout/head.vue
@@ -1,96 +1,167 @@
 
				 <!--  -->
			
 
				 <template>
			
 
				-<div class='header card'>
			
 
				-  <div class="header-title">
			
 
				-    <img src="@/assets/img/logo.png" alt="">
			
 
				-    <span>福州基地数字史馆</span>
			
 
				-  </div>
			
 
				-  <div class="header-user">
			
 
				-    <div class="avatars" @click="handleAvatar">
			
 
				-      <img v-if="userInfo.img" :src="userInfo.img" alt="">
			
 
				-      <span>{{userInfo.nickName}}</span>
			
 
				+  <div class="header card">
			
 
				+    <div class="header-title">
			
 
				+      <img src="@/assets/img/logo.png" alt="" />
			
 
				+      <span>海军福建基地数字史馆</span>
			
 
				+    </div>
			
 
				+    <div class="header-user" @mouseenter="cut = true" @mouseleave="cut = false">
			
 
				+      <div class="avatars">
			
 
				+        <img v-if="userInfo.img" :src="userInfo.img" alt="" />
			
 
				+        <span>{{ userInfo.nickName }}</span>
			
 
				+      </div>
			
 
				+      <!-- 下箭头 -->
			
 
				+      <div class="pull_down" v-if="cut"></div>
			
 
				+      <div class="pull_up" v-else></div>
			
 
				+      <!-- 鼠标移入箭头出来的ul -->
			
 
				+      <ul class="user_handle" v-show="cut">
			
 
				+        <li @click="handleAvatar">个人信息</li>
			
 
				+        <li @click="isShow = true">修改密码</li>
			
 
				+        <li @click="logoutcomfirm">退出登录</li>
			
 
				+      </ul>
			
 
				+
			
 
				+      <!-- <div @click="logoutcomfirm" class="logout"><img src="@/assets/img/logout.png" alt="">退出</div> -->
			
 
				     </div>
			
 
				-    <div @click="logoutcomfirm" class="logout"><img src="@/assets/img/logout.png" alt="">退出</div>
			
 
				-  </div>
			
 
				 
			
 
				-  <usereditdialog :key="ran" @logout="logout(true)" :form="userInfo" :show="isShowEdit" @close="isShowEdit=false"/>
			
 
				-  
			
 
				-</div>
			
 
				+    <usereditdialog :key="ran" @logout="logout(true)" :form="userInfo" :show="isShowEdit" @close="isShowEdit = false" />
			
 
				+
			
 
				+    <el-dialog title="修改密码" :visible.sync="isShow" @close="btnX()">
			
 
				+      <el-form :model="form" label-width="100px" :rules="rules" ref="ruleForm">
			
 
				+        <el-form-item label="旧密码：" prop="oldPassword">
			
 
				+          <el-input v-model="form.oldPassword" placeholder="请输入" show-password></el-input>
			
 
				+        </el-form-item>
			
 
				+        <el-form-item label="新密码：" prop="newPassword">
			
 
				+          <el-input v-model="form.newPassword" placeholder="请输入" show-password></el-input>
			
 
				+        </el-form-item>
			
 
				+        <el-form-item label="确定新密码：" prop="checkPass">
			
 
				+          <el-input v-model="form.checkPass" placeholder="请输入" show-password></el-input>
			
 
				+        </el-form-item>
			
 
				+      </el-form>
			
 
				+      <div slot="footer" class="dialog-footer">
			
 
				+        <el-button @click="btnX">取 消</el-button>
			
 
				+        <el-button type="primary" @click="btnOk">确 定</el-button>
			
 
				+      </div>
			
 
				+    </el-dialog>
			
 
				+  </div>
			
 
				 </template>
			
 
				 
			
 
				 <script>
			
 
				-import usereditdialog from '@/components/editcomponent/usereditdialog'
			
 
				-import {getSysDetail} from "@/configue/api";
			
 
				+import usereditdialog from "@/components/editcomponent/usereditdialog";
			
 
				+import { getSysDetail,userupdatePwd } from "@/configue/api";
			
 
				+import { encodeStr } from '@/util'
			
 
				+import { Base64 } from 'js-base64'
			
 
				+
			
 
				 
			
 
				 export default {
			
 
				-  components: {usereditdialog},
			
 
				-  data () {
			
 
				-    return {
			
 
				-      isShowEdit:false,
			
 
				-      ran:'',
			
 
				-      userId:'',
			
 
				-      userInfo:{}
			
 
				+  components: { usereditdialog },
			
 
				+  data() {
			
 
				+    const validatePass2 = (rule, value, callback) => {
			
 
				+      if (value !== this.form.newPassword) {
			
 
				+        callback(new Error('两次输入密码不一致!'))
			
 
				+      } else {
			
 
				+        callback()
			
 
				+      }
			
 
				     }
			
 
				+    return {
			
 
				+      isShowEdit: false,
			
 
				+      ran: "",
			
 
				+      userId: "",
			
 
				+      userInfo: {},
			
 
				+      isShow: false,
			
 
				+      cut: false,
			
 
				+      // 修改密码
			
 
				+      form: {
			
 
				+        oldPassword: '',
			
 
				+        newPassword: '',
			
 
				+        checkPass: ''
			
 
				+      },
			
 
				+      rules: {
			
 
				+        checkPass: [{ validator: validatePass2, trigger: 'blur' }],
			
 
				+        oldPassword: [{ required: true, message: '不能为空', trigger: 'blur' }],
			
 
				+        newPassword: [
			
 
				+          { required: true, message: '不能为空', trigger: 'blur' },
			
 
				+          { max: 15, message: '不能超过15个字', trigger: 'blur' }
			
 
				+        ]
			
 
				+      },
			
 
				+    };
			
 
				   },
			
 
				   watch: {
			
 
				-    isShowEdit(){
			
 
				-      this.getDetail()
			
 
				-    }
			
 
				+    isShowEdit() {
			
 
				+      this.getDetail();
			
 
				+    },
			
 
				   },
			
 
				   methods: {
			
 
				-    handleAvatar(){
			
 
				-
			
 
				-      let role =  window.localStorage.getItem("role")
			
 
				-    
			
 
				+    btnX() {
			
 
				+      this.$refs.ruleForm.resetFields();
			
 
				+      this.cut = false;
			
 
				+      this.isShow = false;
			
 
				+      this.form = {
			
 
				+        oldPassword: "",
			
 
				+        newPassword: "",
			
 
				+        checkPass: "",
			
 
				+      };
			
 
				+    },
			
 
				+    // 修改密码点击确定
			
 
				+    async btnOk() {
			
 
				+      await this.$refs.ruleForm.validate();
			
 
				+      try {
			
 
				+        const data = {
			
 
				+          oldPassword: encodeStr(Base64.encode(this.form.oldPassword)),
			
 
				+          newPassword: encodeStr(Base64.encode(this.form.newPassword)),
			
 
				+        };
			
 
				+        await userupdatePwd(data);
			
 
				+        this.logout(true)
			
 
				+      } catch (error) {
			
 
				+        this.$message.error("旧密码错误");
			
 
				+      }
			
 
				+    },
			
 
				+    handleAvatar() {
			
 
				+      let role = window.localStorage.getItem("role");
			
 
				       console.log(this.juese[role]);
			
 
				-      
			
 
				-
			
 
				       if (!this.juese[role]) {
			
 
				-        return
			
 
				+        return;
			
 
				       }
			
 
				-      this.isShowEdit=true
			
 
				-      this.ran=Math.random()
			
 
				+      this.isShowEdit = true;
			
 
				+      this.ran = Math.random();
			
 
				     },
			
 
				-    logoutcomfirm(){
			
 
				-      this.confirm('确定退出登录？',()=>{
			
 
				-        this.logout()
			
 
				-      })
			
 
				+    logoutcomfirm() {
			
 
				+      this.confirm("确定退出登录？", () => {
			
 
				+        this.logout();
			
 
				+      });
			
 
				     },
			
 
				-    getDetail(){
			
 
				-      getSysDetail('user',{id:this.userId},res=>{
			
 
				-          this.userInfo = {...res.data}
			
 
				-      })
			
 
				+    getDetail() {
			
 
				+      getSysDetail("user", { id: this.userId }, (res) => {
			
 
				+        this.userInfo = { ...res.data };
			
 
				+      });
			
 
				     },
			
 
				-    logout (type=null) {
			
 
				+    logout(type = null) {
			
 
				       this.$http({
			
 
				-        method: 'get',
			
 
				-        url: 'admin/logout'
			
 
				-      }).then(res => {
			
 
				+        method: "get",
			
 
				+        url: "admin/logout",
			
 
				+      }).then((res) => {
			
 
				         if (res.code === 0) {
			
 
				-          window.localStorage.setItem('token', '')
			
 
				-          window.localStorage.setItem('role', '')
			
 
				-          this.$alert(type?'修改成功，请重新登录':'退出成功', '提示', {
			
 
				-            confirmButtonText: '确定',
			
 
				+          window.localStorage.setItem("token", "");
			
 
				+          window.localStorage.setItem("role", "");
			
 
				+          this.$alert(type ? "修改成功，请重新登录" : "退出成功", "提示", {
			
 
				+            confirmButtonText: "确定",
			
 
				             callback: () => {
			
 
				-              window.localStorage.setItem('userInfo', '')
			
 
				-              this.$router.push('/login')
			
 
				-            }
			
 
				-          })
			
 
				+              window.localStorage.setItem("userInfo", "");
			
 
				+              this.$router.push("/login");
			
 
				+            },
			
 
				+          });
			
 
				         }
			
 
				-      })
			
 
				-    }
			
 
				+      });
			
 
				+    },
			
 
				   },
			
 
				-  created () {
			
 
				-
			
 
				+  created() {},
			
 
				+  mounted() {
			
 
				+    this.userId = window.localStorage.getItem("userId") || "";
			
 
				+    this.getDetail();
			
 
				   },
			
 
				-  mounted () {
			
 
				-    this.userId = window.localStorage.getItem('userId')|| ''
			
 
				-    this.getDetail()
			
 
				-  }
			
 
				-}
			
 
				+};
			
 
				 </script>
			
 
				 
			
 
				-<style scoped>
			
 
				+<style lang="less" scoped>
			
 
				 .header {
			
 
				   height: 4.25rem;
			
 
				   width: 100%;
			
@@ -100,7 +171,7 @@ export default {
 
				   line-height: 4.25rem;
			
 
				   padding: 0 1.875rem;
			
 
				   box-sizing: border-box;
			
 
				-  background-color: #B63C25!important;
			
 
				+  background-color: #0194dd !important;
			
 
				 }
			
 
				 
			
 
				 .header-title {
			
@@ -109,12 +180,12 @@ export default {
 
				   text-align: center;
			
 
				   vertical-align: middle;
			
 
				 }
			
 
				-.header-title img{
			
 
				+.header-title img {
			
 
				   vertical-align: middle;
			
 
				   max-width: 56px;
			
 
				   margin-right: 4px;
			
 
				 }
			
 
				-.header-title span{
			
 
				+.header-title span {
			
 
				   vertical-align: middle;
			
 
				   display: inline-block;
			
 
				   font-size: 24px;
			
@@ -125,6 +196,26 @@ export default {
 
				   display: flex;
			
 
				   align-items: center;
			
 
				   cursor: pointer;
			
 
				+  .user_handle {
			
 
				+    width: 150px;
			
 
				+    z-index: 999;
			
 
				+    position: absolute;
			
 
				+    right: 0px;
			
 
				+    top: 58px;
			
 
				+    background-color: #0194dd;
			
 
				+    box-shadow: 0 0 10px #000;
			
 
				+    li {
			
 
				+      text-align: center;
			
 
				+      height: 40px;
			
 
				+      line-height: 40px;
			
 
				+      color: #fff;
			
 
				+      cursor: pointer;
			
 
				+      margin: 10px 0;
			
 
				+    }
			
 
				+    li:hover {
			
 
				+      color: #532F1C;
			
 
				+    }
			
 
				+  }
			
 
				 }
			
 
				 
			
 
				 .header-user .logout img {
			
@@ -140,7 +231,7 @@ export default {
 
				   color: #fff;
			
 
				 }
			
 
				 
			
 
				-.header-user .avatars{
			
 
				+.header-user .avatars {
			
 
				   display: flex;
			
 
				   align-items: center;
			
 
				   cursor: pointer;
			
@@ -149,13 +240,13 @@ export default {
 
				   color: #fff;
			
 
				 }
			
 
				 
			
 
				-.header-user .avatars span{
			
 
				+.header-user .avatars span {
			
 
				   margin-left: 10px;
			
 
				 }
			
 
				 
			
 
				-.header-user .avatars img{
			
 
				-  width:3rem;
			
 
				-  height:3rem;
			
 
				-  border-radius:50%;
			
 
				+.header-user .avatars img {
			
 
				+  width: 3rem;
			
 
				+  height: 3rem;
			
 
				+  border-radius: 50%;
			
 
				 }
			
 
				 </style>
			
--- a/new_backstage/src/pages/login/index.vue
+++ b/new_backstage/src/pages/login/index.vue
@@ -4,13 +4,13 @@
 
				   <div class="layout-con">
			
 
				     <div class="logo">
			
 
				       <img :src="require('@/assets/img/logo.png')" alt="">
			
 
				-      <span>福州基地数字史馆</span>
			
 
				+      <span>海军福建基地数字史馆</span>
			
 
				     </div>
			
 
				     <img class="bg" :src="require('@/assets/img/bg.jpg')" alt="">
			
 
				     <div class="mask"></div>
			
 
				     <div class="middle">
			
 
				       <div class="middle-left">
			
 
				-        <div>福州基地数字史馆<br/>管理后台</div>
			
 
				+        <div>海军福建基地数字史馆<br/>管理后台</div>
			
 
				       </div>
			
 
				       <div class="middle-right">
			
 
				         <el-form class="middle-form" :rules="ruleLogin" status-icon :model="formLogin" ref="formLogin">
			
@@ -175,7 +175,7 @@ export default {
 
				       left: 50%;
			
 
				       top: 50%;
			
 
				       .middle-left{
			
 
				-        background: rgba(#9D362F, 0.7);
			
 
				+        background: rgba(#0194DD, 0.7);
			
 
				         width: 50%;
			
 
				         height: 100%;
			
 
				         position: relative;
			
--- a/new_backstage/src/pages/system/user/index.vue
+++ b/new_backstage/src/pages/system/user/index.vue
@@ -136,7 +136,7 @@ export default {
 
				           pageSize: 1000,
			
 
				         },
			
 
				         (data) => {
			
 
				-          this.rolelist = data.data.list;
			
 
				+          this.rolelist = data.data.records;
			
 
				         }
			
 
				       );
			
 
				     },
			
--- a/new_backstage/theme/index.css
+++ b/new_backstage/theme/index.css
--- a/web/public/index.html
+++ b/web/public/index.html
@@ -8,7 +8,7 @@
 
				     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
			
 
				     <meta name="format-detection" content="telephone=no">
			
 
				     <link rel="icon" href="<%= BASE_URL %>favicon.png">
			
 
				-    <title>福州基地数字史馆门户网站</title>
			
 
				+    <title>海军福建基地数字史馆门户网站</title>
			
 
				   </head>
			
 
				   <body>
			
 
				     <div id="app"></div>
			
--- a/web/public/scene.html
+++ b/web/public/scene.html
@@ -7,30 +7,14 @@
 
				     <meta name="renderer" content="webkit">
			
 
				     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
			
 
				     <meta name="format-detection" content="telephone=no">
			
 
				-    <link rel="icon" href="<%= BASE_URL %>favicon.png">
			
 
				-    <link rel="stylesheet" href="<%= VUE_APP_STATIC_DIR %>/css/oldVer/main0.css"/>
			
 
				-    <link rel="stylesheet" href="<%= VUE_APP_STATIC_DIR %>/css/main.css?v=2.25"/>
			
 
				-    <link rel="stylesheet" href="<%= VUE_APP_STATIC_DIR %>/CAD/cad.css?v=2.25"/>
			
 
				-    <script class="build keep">
			
 
				-        window.number = 'TEST'
			
 
				-        if (window.performance) {
			
 
				-            window.navigationStart = window.performance.timing.navigationStart;
			
 
				-        } else {
			
 
				-            window.navigationStart = Date.now() + 300;
			
 
				-        };
			
 
				-    </script>
			
 
				-    <title>福州基地数字史馆门户网站</title>
			
 
				+    <link rel="stylesheet" href="<%= VUE_APP_STATIC_DIR %>/lib/leaflet.css" />
			
 
				+    <title>海军福建基地数字史馆门户网站</title>
			
 
				   </head>
			
 
				   <body>
			
 
				-    <script src="<%= VUE_APP_STATIC_DIR %>/js/lib/jquery-2.1.1.min.js" class="build keep"></script>
			
 
				-    <script src="<%= VUE_APP_STATIC_DIR %>/js/lib/player-0.0.12.min.js" class="build keep"></script>
			
 
				-    <script src="<%= VUE_APP_STATIC_DIR %>/js/Tween.js"></script>
			
 
				-    <script src="<%= VUE_APP_STATIC_DIR %>/js/manage.js"></script>
			
 
				-    <script src="<%= VUE_APP_STATIC_DIR %>/js/myShow.js"></script>
			
 
				-    <script src="<%= VUE_APP_STATIC_DIR %>/js/overlay.js"></script>
			
 
				-    <script src="<%= VUE_APP_STATIC_DIR %>/js/main_2020_show.js"></script>
			
 
				-    <!-- <script src="<%= VUE_APP_STATIC_DIR %>/js/CAD/bundle.js"></script>
			
 
				-    <script src="<%= VUE_APP_STATIC_DIR %>/js/CAD/loadCAD.js"></script> -->
			
 
				+    <script src="<%= VUE_APP_STATIC_DIR %>/lib/jquery-2.1.1.min.js"></script>
			
 
				+    <script src="<%= VUE_APP_STATIC_DIR %>/lib/leaflet.js"></script>
			
 
				+    <script src="<%= VUE_APP_STATIC_DIR %>/lib/krpano/js/tour.js"></script>
			
 
				+
			
 
				     <div id="app"></div>
			
 
				   </body>
			
 
				 </html>
			
--- a/web/public/static/images/map.jpg
+++ b/web/public/static/images/map.jpg
--- a/web/public/static/images/map_out.jpg
+++ b/web/public/static/images/map_out.jpg
--- a/web/public/static/lib/jquery-2.1.1.min.js
+++ b/web/public/static/lib/jquery-2.1.1.min.js
--- a/web/public/static/lib/krpano/js/tour.js
+++ b/web/public/static/lib/krpano/js/tour.js
--- a/web/public/static/lib/krpano/plugins/bingmaps.js
+++ b/web/public/static/lib/krpano/plugins/bingmaps.js
--- a/web/public/static/lib/krpano/plugins/combobox.xml
+++ b/web/public/static/lib/krpano/plugins/combobox.xml
@@ -0,0 +1,493 @@
 
				+<krpano>
			
 
				+
			
 
				+	<!--
			
 
				+		combobox.xml Plugin - krpano 1.19-pr13
			
 
				+
			
 
				+		- This plugin converts <combobox> elements in the current xml
			
 
				+		  into <layer> container, scrollarea and textfield elements.
			
 
				+		- Additionally it's also possible to add and remove combobox
			
 
				+		  elements also dynamically.
			
 
				+		- The full xml implementation allows many ways of customizing
			
 
				+		  for own needs - custom designs/styles, custom functionality.
			
 
				+		- The plugin works automatically the same for HTML5 and Flash.
			
 
				+		- It's possible to use this plugin as replacement for the old
			
 
				+		  combobox.swf/combobox.js plugins, the action interfaces are
			
 
				+		  the same.
			
 
				+
			
 
				+
			
 
				+		Syntax for Static XML Code:
			
 
				+
			
 
				+			<combobox name="..." design="..." ...any layer settings...>
			
 
				+				<item name="..." caption="..." onclick="..." />
			
 
				+				<item name="..." caption="..." onclick="..." />
			
 
				+			</combobox>
			
 
				+
			
 
				+		Syntax for Dynamic XML Code:
			
 
				+
			
 
				+		 - Global Actions:
			
 
				+
			
 
				+			addComboboxLayer(cbname, design*)
			
 
				+			removeComboboxLayer(cbname);
			
 
				+
			
 
				+		 - Combobox Layer Actions:
			
 
				+
			
 
				+			layer[cbname].addItem(caption, onclick)
			
 
				+			layer[cbname].addNamedItem(name, caption, onclick)
			
 
				+			layer[cbname].addIdItem(name, caption, onclick);       same as addNamedItem (for combobox.js compatibility)
			
 
				+			layer[cbname].selectItem(caption)
			
 
				+			layer[cbname].selectItemByName(name_or_index)
			
 
				+			layer[cbname].selectIdItem(name_or_index)              same as selectItemByName (for combobox.js compatibility)
			
 
				+			layer[cbname].removeAll()
			
 
				+			layer[cbname].openList()
			
 
				+			layer[cbname].closeList()
			
 
				+
			
 
				+		 - Events/Callbacks:
			
 
				+
			
 
				+			layer[cbname].onChange
			
 
				+
			
 
				+		- Combobox Layer Attributes:
			
 
				+
			
 
				+			layer[cbname].item              - krpano Array of the items
			
 
				+			layer[cbname].selecteditemindex - current selected item index
			
 
				+	-->
			
 
				+
			
 
				+	<!-- path to the scrollarea plugin -->
			
 
				+	<combobox_scrollareaplugin
			
 
				+		url.html5="%SWFPATH%/plugins/scrollarea.js"
			
 
				+		url.flash="%SWFPATH%/plugins/scrollarea.swf"
			
 
				+		/>
			
 
				+
			
 
				+	<!-- core internal layer styles -->
			
 
				+	<style name="combobox_container_style" type="container" maskchildren="true" bgcapture="true" visible="false" onclick="combobox_onclick_event();" mergedalpha="false" alpha="1.0" />
			
 
				+	<style name="combobox_marker_style" type="text" align="righttop" edge="center" html="▼" havemarkersize="false" onautosized="set(havemarkersize,true);" mergedalpha="false" alpha="1.0" />
			
 
				+	<style name="combobox_item_style" type="text" wordwrap="false" vcenter="true" align="lefttop" onover="if(!combbox_item_pressed,onoveritem());asyncloop(hovering,,if(!combbox_item_pressed,onoutitem()));" ondown="onoveritem(); set(combbox_item_pressed,true);" onup="onoutitem(); set(combbox_item_pressed,false);" onoveritem="set(bg,true);" onoutitem="set(bg,false);" mergedalpha="false" alpha="1.0" />
			
 
				+
			
 
				+	<!-- several pre-defined designs -->
			
 
				+	<combobox_design name="default" margin="2" open_close_speed="0.25">
			
 
				+		<!-- default design - white box with black text and blue selection -->
			
 
				+		<style name="combobox_container_style" bgalpha="1.0" bgcolor="0xFFFFFF" bgborder="1 0xFFFFFF 0.5" bgroundedge="1" bgshadow="0 1 3 0x000000 1.0" />
			
 
				+		<style name="combobox_marker_style" css="color:#FFFFFF;" bg="false" txtshadow="0 0 2 0x000000 1" />
			
 
				+		<style name="combobox_item_style" css="color:#222222;" padding="4 4" bg="false" bgcolor="0xC7E4FC" bgalpha="1.0" bgroundedge="1" txtshadow="0 0 1 0xFFFFFF 1.0" />
			
 
				+	</combobox_design>
			
 
				+
			
 
				+	<combobox_design name="vtour" margin="4" open_close_speed="0.25">
			
 
				+		<!-- default vtourskin.xml design -->
			
 
				+		<style name="combobox_container_style" bgalpha="0.8" bgcolor="0x2D3E50" bgborder="0" bgroundedge="1" bgshadow="0 4 10 0x000000 0.3" />
			
 
				+		<style name="combobox_marker_style" css="color:#FFFFFF;" bg="false" txtshadow="0 0 2 0x000000 1" />
			
 
				+		<style name="combobox_item_style" css="color:#FFFFFF;" padding="4 4" bg="false" bgcolor="0xFFFFFF" bgalpha="0.5" bgroundedge="0" txtshadow="0 0 2 0x000000 1" />
			
 
				+	</combobox_design>
			
 
				+
			
 
				+
			
 
				+	<!-- internal events -->
			
 
				+	<events name="combobox_xml_plugin_events" keep="true"
			
 
				+	        onxmlcomplete="combobox_parse_xml_elements();"
			
 
				+	        onresize="combobox_closelist();"
			
 
				+	        />
			
 
				+
			
 
				+
			
 
				+	<!-- krpano version check -->
			
 
				+	<action name="combobox_versioncheck" autorun="preinit">
			
 
				+		if(build LT '2017-09-13',
			
 
				+			error('combobox.xml - too old krpano version!');
			
 
				+			set(events[combobox_xml_plugin_events].name, null);
			
 
				+			set(action[addComboboxLayer].content, '');
			
 
				+			set(action[removeComboboxLayer].content, '');
			
 
				+		);
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<!-- convert all <combobox> elements to layers -->
			
 
				+	<action name="combobox_parse_xml_elements" scope="local">
			
 
				+		if(global.combobox,
			
 
				+			def(i, integer, 0);
			
 
				+			def(cnt, integer, get(global.combobox.count));
			
 
				+			copy(combobox_src, global.combobox);
			
 
				+			delete(global.combobox);
			
 
				+			if(cnt GT 0, loop(i LT cnt,
			
 
				+				copy(cb, combobox_src[get(i)]);
			
 
				+				if(cb AND cb.name AND cb.parsed != true,
			
 
				+					set(cb.parsed, true);
			
 
				+					addComboboxLayer(get(cb.name), get(cb.design));
			
 
				+					copy(ly, layer[get(cb.name)]);
			
 
				+					copyattributes(get(ly), get(cb));
			
 
				+					set(ly.keep, true);
			
 
				+					def(item_cnt, integer, get(cb.item.count));
			
 
				+					if(item_cnt GT 0,
			
 
				+						def(item_i, integer, 0);
			
 
				+						loop(item_i LT  item_cnt,
			
 
				+							combobox_additem(get(ly.name), get(cb.item[get(item_i)].name), get(cb.item[get(item_i)].caption), get(cb.item[get(item_i)].onclick));
			
 
				+							inc(item_i);
			
 
				+						);
			
 
				+					);
			
 
				+				);
			
 
				+				inc(i);
			
 
				+			));
			
 
				+		);
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<!-- dynamically add a combobox layer -->
			
 
				+	<action name="addComboboxLayer" scope="local" args="cbname, design">
			
 
				+		<!-- create the layer -->
			
 
				+		addlayer(get(cbname));
			
 
				+		copy(cb, layer[get(cbname)]);
			
 
				+		set(cb.keep, true);
			
 
				+		
			
 
				+		<!-- copy the design settings (or set defaults) -->
			
 
				+		if(!combobox_design[get(design)].name, set(design,'default'));
			
 
				+		copy(cb.cbdesign, combobox_design[get(design)]);
			
 
				+		calc(cb.margin, cb.cbdesign.margin !== null ? cb.cbdesign.margin : 2);
			
 
				+		calc(cb.open_close_speed, cb.cbdesign.open_close_speed !== null ? cb.cbdesign.open_close_speed : 0.25);
			
 
				+		<!-- load the styles and copy the design style settings -->
			
 
				+		cb.loadstyle(combobox_container_style);
			
 
				+		copyattributes(get(cb), get(cb.cbdesign.style[combobox_container_style]));
			
 
				+
			
 
				+		<!-- add/build/map actions -->
			
 
				+		calc(cb.addItem,          'combobox_additem(' + cbname + ', null, "%%1", "%%2");');
			
 
				+		calc(cb.addNamedItem,     'combobox_additem(' + cbname + ', "%%1", "%%2", "%%3");');
			
 
				+		calc(cb.addIdItem,        'combobox_additem(' + cbname + ', "%%1", "%%2", "%%3");');
			
 
				+		calc(cb.selectItem,       'combobox_finditem(' + cbname + ', "%%1", __cb_fi); if(__cb_fi GE 0, combobox_selectitem(' + cbname + ', get(__cb_fi))); delete(__cb_fi);');
			
 
				+		calc(cb.selectItemByName, 'combobox_selectitem(' + cbname + ', "%%1");');
			
 
				+		calc(cb.selectIdItem,     'combobox_selectitem(' + cbname + ', "%%1");');
			
 
				+		calc(cb.removeAll,        'combobox_removeitems(' + cbname + ');');
			
 
				+		calc(cb.openList,         'combobox_openlist(' + cbname + ');');
			
 
				+		calc(cb.closeList,        'combobox_closelist(' + cbname + ');');
			
 
				+
			
 
				+		<!-- create sub-layers -->
			
 
				+		def(saname, string, 'combobox_%1_scrollarea');
			
 
				+		addlayer(get(saname));
			
 
				+		copy(sa, layer[get(saname)]);
			
 
				+		copy(sa.parent, cbname);
			
 
				+		copy(sa.url, combobox_scrollareaplugin.url);
			
 
				+		copy(sa.keep, true);
			
 
				+		copy(sa.align, lefttop);
			
 
				+		set(sa.direction, v);
			
 
				+		set(sa.enabled, false);
			
 
				+		set(sa.width, 100%);
			
 
				+		set(sa.height, 100%);
			
 
				+		copy(cb.scrollarea, sa);
			
 
				+
			
 
				+		def(mkname, string, 'combobox_%1_marker');
			
 
				+		addlayer(get(mkname));
			
 
				+		copy(mk, layer[get(mkname)]);
			
 
				+		copy(mk.parent, saname);
			
 
				+		copy(mk.keep, true);
			
 
				+		mk.loadstyle(combobox_marker_style);
			
 
				+		copyattributes(get(mk), get(cb.cbdesign.style[combobox_marker_style]));
			
 
				+		copy(cb.marker, mk);
			
 
				+
			
 
				+		<!-- item data array -->
			
 
				+		cb.createarray('item');
			
 
				+
			
 
				+		<!-- item autosizing information -->
			
 
				+		set(cb.autosize_i, 0);
			
 
				+		set(cb.autosize_cnt, 0);
			
 
				+		set(cb.autosize_max_w, 0);
			
 
				+		set(cb.autosize_max_h, 0);
			
 
				+
			
 
				+		set(cb.lastselecteditemindex, 0);
			
 
				+		set(cb.selecteditemindex, 0);
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<!-- dynamically remove a combobox element -->
			
 
				+	<action name="removeComboboxLayer" scope="local" args="cbname">
			
 
				+		if(layer[get(cbname)],
			
 
				+			copy(cb, layer[get(cbname)]);
			
 
				+			if(cb === global.openedcombobox, delete(global.openedcombobox));
			
 
				+			if(cb,
			
 
				+				removelayer(get(cbname), true);
			
 
				+			);
			
 
				+		);
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<!-- default onclick event for combobox elements: open the list -->
			
 
				+	<action name="combobox_onclick_event">
			
 
				+		combobox_openlist(get(name));
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<!-- dynamically add items -->
			
 
				+	<action name="combobox_additem" scope="local" args="cbname, itemname, itemcaption, itemonclick">
			
 
				+		copy(cb, layer[get(cbname)]);
			
 
				+
			
 
				+		<!-- when no item name is set, generate an automatic one -->
			
 
				+		if(itemname === null, calc(itemname, 'autoname_' + cb.item.count); );
			
 
				+
			
 
				+		<!-- save the item caption and onclick event -->
			
 
				+		copy(cb.item[get(itemname)].caption, itemcaption);
			
 
				+		copy(cb.item[get(itemname)].onclick, itemonclick);
			
 
				+
			
 
				+		inc(cb.autosize_cnt);
			
 
				+
			
 
				+		<!-- create the item layer/textfield -->
			
 
				+		calc(itemlayername, 'comboboxitem_' + cbname + '_' + itemname);
			
 
				+		addlayer(get(itemlayername));
			
 
				+		copy(li, layer[get(itemlayername)]);
			
 
				+		li.loadstyle(combobox_item_style);
			
 
				+		copyattributes(get(li), get(cb.cbdesign.style[combobox_item_style]));
			
 
				+		copy(li.parent, cb.scrollarea.name);
			
 
				+		copy(li.keep, true);
			
 
				+		copy(li.cblayername, cb.name);
			
 
				+		copy(li.itemname, itemname);
			
 
				+		copy(li.html, itemcaption);
			
 
				+		set(li.onautosized, delayedcall(0,combobox_item_autosize_update()) );
			
 
				+		set(li.onclick, combobox_item_onclick() );
			
 
				+
			
 
				+		copy(cb.item[get(itemname)].itemlayername, itemlayername);
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<!-- onautosized callback from the item textfield -->
			
 
				+	<action name="combobox_item_autosize_update" scope="local">
			
 
				+		copy(cb, layer[get(caller.cblayername)]);
			
 
				+		inc(cb.autosize_i);
			
 
				+		Math.max(cb.autosize_max_w, caller.width);
			
 
				+		Math.max(cb.autosize_max_h, caller.height);
			
 
				+		if(cb.autosize_i == cb.autosize_cnt, combobox_align_items(get(cb.name)); );
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<!-- align the image and set the combobox size -->
			
 
				+	<action name="combobox_align_items" scope="local" args="cbname">
			
 
				+		copy(cb, layer[get(cbname)]);
			
 
				+		if(cb.marker.havemarkersize == false OR cb.scrollarea.loaded == false,
			
 
				+			<!-- wait until everything is ready -->
			
 
				+			delayedcall(calc(cb.name + '_waitformarkersize'), 0.01, combobox_align_items(get(cbname)) );
			
 
				+		  ,
			
 
				+			<!-- set the item positions and the combobox size -->
			
 
				+			if(global.openedcombobox === cb, combobox_closelist() );
			
 
				+			copy(sa, cb.scrollarea);
			
 
				+			calc(itemwidth, cb.margin GT 0 ? -2 * cb.margin : '100%');
			
 
				+			copy(mk_w, cb.marker.width);
			
 
				+			copy(item_cnt, cb.autosize_cnt);
			
 
				+
			
 
				+			for(def(item_i, integer, 0), item_i LT item_cnt, inc(item_i),
			
 
				+				copy(li, layer[get(cb.item[get(item_i)].itemlayername)]);
			
 
				+				set(li.x, get(cb.margin));
			
 
				+				copy(li.width, itemwidth);
			
 
				+				copy(li.height, cb.autosize_max_h);
			
 
				+				calc(li.y, cb.margin + item_i * (cb.autosize_max_h + cb.margin));
			
 
				+			);
			
 
				+
			
 
				+			if(cb.width == null OR cb.width == cb.lastautosizedwidth,
			
 
				+				<!-- no combobox width (or an autosized width) set - set the largest item width -->
			
 
				+				calc(cb.width, cb.margin + cb.autosize_max_w + 2 + mk_w + cb.margin);
			
 
				+				copy(cb.lastautosizedwidth, cb.width);
			
 
				+			);
			
 
				+
			
 
				+			calc(cb.height, 2*cb.margin + cb.autosize_max_h);
			
 
				+			calc(sa.height, cb.margin + item_cnt*(cb.margin+cb.autosize_max_h));
			
 
				+			calc(sa.y, -(cb.selecteditemindex * (cb.autosize_max_h + cb.margin)));
			
 
				+			calc(cb.marker.x, cb.margin + mk_w/2);
			
 
				+			tween(layer[get(cb.name)].marker.y, calc(cb.margin + cb.selecteditemindex*(cb.autosize_max_h + cb.margin) + cb.autosize_max_h/2), 0.1);
			
 
				+
			
 
				+			<!-- when all is done, show the combobox -->
			
 
				+			delayedcall(0.1, set(layer[get(cb.name)].visible,true); );
			
 
				+		);
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<!-- default onclick event for items: select the current item, close the list and call the item onclick event -->
			
 
				+	<action name="combobox_item_onclick" scope="local">
			
 
				+		copy(cb, layer[get(caller.cblayername)]);
			
 
				+		copy(itemname, caller.itemname);
			
 
				+		combobox_selectitem(get(cb.name), get(itemname));
			
 
				+
			
 
				+		if(global.openedcombobox === cb, combobox_closelist() );
			
 
				+
			
 
				+		if(cb.item[get(itemname)].onclick,
			
 
				+			<!-- call the onclick event after the combobox has closed -->
			
 
				+			delayedcall(get(cb.open_close_speed),
			
 
				+				copy(cb.curitem, cb.item[get(itemname)]);
			
 
				+				callwith(cb,
			
 
				+					cb.item[get(itemname)].onclick();
			
 
				+				);
			
 
				+			);
			
 
				+		);
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<!-- select an item -->
			
 
				+	<action name="combobox_selectitem" scope="local" args="cbname, itemname">
			
 
				+		if(global.combbox_item_pressed != true,
			
 
				+			copy(cb, layer[get(cbname)]);
			
 
				+			copy(cb.lastselecteditemindex, cb.selecteditemindex);
			
 
				+			copy(cb.selecteditemindex, cb.item[get(itemname)].index);
			
 
				+			<!-- call onchange event on selection change -->
			
 
				+			if(cb.lastselecteditemindex != cb.selecteditemindex AND cb.onchange,
			
 
				+				callwith(cb, onchange() );
			
 
				+			);
			
 
				+			if(global.openedcombobox === cb,
			
 
				+				<!-- when opened, just close to the selected item -->
			
 
				+				combobox_closelist();
			
 
				+			  ,
			
 
				+				if(layer[get(cbname)].scrollarea.loaded,
			
 
				+					layer[get(cbname)].scrollarea.stopscrolling();
			
 
				+					calc(offset, cb.selecteditemindex*(cb.autosize_max_h + cb.margin));
			
 
				+					tween(layer[get(cbname)].marker.y, calc(cb.margin + offset + cb.autosize_max_h/2), 0);
			
 
				+					tween(layer[get(cbname)].scrollarea.y, calc(-offset), 0, default, layer[get(cbname)].scrollarea.update(); );
			
 
				+				);
			
 
				+			);
			
 
				+		);
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<!-- find an item by its caption, the global variable defined in 'returnvariable' will contain the index  -->
			
 
				+	<action name="combobox_finditem" scope="local" args="cbname, itemcaption, returnvariable">
			
 
				+		copy(cb, layer[get(cbname)]);
			
 
				+		copy(item_cnt, cb.item.count);
			
 
				+		set(calc('global.' + returnvariable), -1);
			
 
				+		for(def(item_i, integer, 0), item_i LT  item_cnt, inc(item_i),
			
 
				+			if(cb.item[get(item_i)].caption == itemcaption,
			
 
				+				copy(calc('global.' + returnvariable), item_i);
			
 
				+				copy(item_i, item_cnt);
			
 
				+			);
			
 
				+		);
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<!-- remove all items (to be able to add new ones) -->
			
 
				+	<action name="combobox_removeitems" scope="local" args="cbname">
			
 
				+		copy(cb, layer[get(cbname)]);
			
 
				+		if(global.openedcombobox === cb, combobox_closelist() );
			
 
				+
			
 
				+		<!-- remove all item layers -->
			
 
				+		calc(item_i, cb.item.count - 1);
			
 
				+		loop(item_i GE 0,
			
 
				+			removelayer(get(cb.item[get(item_i)].itemlayername));
			
 
				+			dec(item_i);
			
 
				+		);
			
 
				+
			
 
				+		<!-- reset the item information -->
			
 
				+		set(cb.item.count, 0);
			
 
				+		set(cb.autosize_i,0);
			
 
				+		set(cb.autosize_cnt, 0);
			
 
				+		set(cb.autosize_max_w, 0);
			
 
				+		set(cb.autosize_max_h, 0);
			
 
				+		set(cb.selecteditemindex, 0);
			
 
				+		set(cb.lastselecteditemindex, 0);
			
 
				+		if(cb.width == cb.lastautosizedwidth, set(cb.width, null));
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<!-- open the combobox list -->
			
 
				+	<action name="combobox_openlist" scope="local" args="cbname">
			
 
				+		<!-- if another combobox is already open, close that one first -->
			
 
				+		if(global.openedcombobox !== null, combobox_closelist() );
			
 
				+
			
 
				+		copy(cb, layer[get(cbname)]);
			
 
				+		copy(global.openedcombobox, cb);
			
 
				+
			
 
				+		<!-- find the available screen space above or below the combobox -->
			
 
				+		calc(cbheight, 2*cb.margin + cb.autosize_max_h);
			
 
				+		set(lx1, 0);
			
 
				+		set(ly1, 0);
			
 
				+		copy(lx2, cb.pixelwidth);
			
 
				+		copy(ly2, cbheight);
			
 
				+		layertoscreen(get(cbname), lx1,ly1, lx1,ly1);
			
 
				+		layertoscreen(get(cbname), lx2,ly2, lx2,ly2);
			
 
				+		calc(space_above, ly1 - area.pixely);
			
 
				+		calc(space_below, area.pixelheight - (ly2 - area.pixely));
			
 
				+
			
 
				+		<!-- the required space for full opening: -->
			
 
				+		calc(openheight, cb.margin + cb.autosize_cnt*(cb.margin+cb.autosize_max_h) );
			
 
				+
			
 
				+		<!-- vertical centered alignment? -->
			
 
				+		calc(cb_edge, cb.edge ? cb.edge : cb.align);
			
 
				+		calc(iscentered, cb_edge == 'left' OR cb_edge == 'center' OR cb_edge == 'right');
			
 
				+		if(iscentered,
			
 
				+			calc(openheight_max, space_above + space_below);
			
 
				+		  ,
			
 
				+			Math.max(openheight_max, space_above, space_below);
			
 
				+		);
			
 
				+
			
 
				+		<!-- limit the height to the available space (minus some margin) -->
			
 
				+		Math.min(openheight, calc(openheight_max + cbheight - 20));
			
 
				+
			
 
				+		<!-- need vertical offset? (depending on the available space and the align/edge setting) -->
			
 
				+		set(yoffset, null);
			
 
				+		calc(top_overflow, -ly1 + area.pixely + openheight/2);
			
 
				+		calc(bottom_overflow, ly2 - area.pixely + openheight/2 - area.pixelheight);
			
 
				+		if(cb.parent,
			
 
				+			<!-- no vertical offset inside other layers, do only a height clipping -->
			
 
				+			Math.max(max_overflow, top_overflow, bottom_overflow, 0);
			
 
				+			sub(openheight, max_overflow);
			
 
				+		  ,
			
 
				+			if(iscentered,
			
 
				+				if(openheight GE (area.pixelheight - 20),
			
 
				+					set(yoffset,0);
			
 
				+				  ,
			
 
				+					if(top_overflow GT 0, calc(yoffset, cb.y + top_overflow); );
			
 
				+					if(bottom_overflow GT 0, calc(yoffset, cb.y - bottom_overflow); );
			
 
				+				);
			
 
				+			,
			
 
				+				indexoftxt(isbottomalign, get(cb_edge), 'bottom');
			
 
				+				if(space_above GT space_below,
			
 
				+					if(isbottomalign LT 0, calc(yoffset, cb.y - openheight + cbheight); );
			
 
				+				  ,
			
 
				+					if(isbottomalign GE 0, calc(yoffset, cb.y - openheight + cbheight); );
			
 
				+				);
			
 
				+			);
			
 
				+		);
			
 
				+		if(yoffset != null,
			
 
				+			copy(cb.ybackup, cb.y);
			
 
				+			tween(layer[get(cbname)].y, calc(yoffset), get(cb.open_close_speed));
			
 
				+		);
			
 
				+
			
 
				+		<!-- center the opened list at the selected item -->
			
 
				+		calc(centeritem_y, -1 * (cb.margin + cb.selecteditemindex*(cb.margin+cb.autosize_max_h) + cb.autosize_max_h/2 - openheight/2));
			
 
				+		clamp(centeritem_y, calc(openheight - cb.scrollarea.height), 0);
			
 
				+
			
 
				+		<!-- apply the changes now -->
			
 
				+		tween(layer[get(cbname)].height, get(openheight), get(cb.open_close_speed));
			
 
				+		tween(layer[get(cbname)].scrollarea.y, get(centeritem_y), get(cb.open_close_speed), default, layer[get(cbname)].scrollarea.update(); );
			
 
				+
			
 
				+		<!-- special html5/flash case:
			
 
				+			 rotating textfields (the marker symbol here) are not possible in
			
 
				+			 flash (a flashplayer limitation), so use a rotated symbol instead.
			
 
				+		-->
			
 
				+		if(device.html5,
			
 
				+			tween(layer[get(cbname)].marker.rotate, 90, get(cb.open_close_speed));
			
 
				+		  ,
			
 
				+			set(layer[get(cbname)].marker.html, '◀');
			
 
				+		);
			
 
				+
			
 
				+		<!-- enable the scrollarea to allow the user to drag it -->
			
 
				+		set(cb.scrollarea.enabled, true);
			
 
				+
			
 
				+		<!-- install a global onmousedown event to close the list when clicking at the pano -->
			
 
				+		set(events[combobox_xml_plugin_events].onmousedown, combobox_closelist() );
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<!-- close the current open list -->
			
 
				+	<action name="combobox_closelist" scope="local">
			
 
				+		if(global.openedcombobox !== null,
			
 
				+			copy(cb, global.openedcombobox);
			
 
				+			delete(global.openedcombobox);
			
 
				+			
			
 
				+			<!-- clear the global onmousedown event -->
			
 
				+			set(events[combobox_xml_plugin_events].onmousedown, null);
			
 
				+
			
 
				+			<!-- disable the dragging -->
			
 
				+			set(cb.scrollarea.enabled, false);
			
 
				+
			
 
				+			<!-- closing animations -->
			
 
				+			calc(offset, cb.selecteditemindex*(cb.autosize_max_h + cb.margin));
			
 
				+			if(cb.ybackup !== null, tween(cb.y, get(cb.ybackup), get(cb.open_close_speed)));
			
 
				+			layer[get(cb.name)].scrollarea.stopscrolling();
			
 
				+			tween(layer[get(cb.name)].height, calc(2*cb.margin + cb.autosize_max_h), get(cb.open_close_speed));
			
 
				+			tween(layer[get(cb.name)].scrollarea.y, calc(-offset), get(cb.open_close_speed), default, layer[get(cb.name)].scrollarea.update(); );
			
 
				+			tween(layer[get(cb.name)].marker.y, calc(cb.margin + offset + cb.autosize_max_h/2), get(cb.open_close_speed));
			
 
				+			<!-- special html5/flash case: rotate marker or change symbol -->
			
 
				+			if(device.html5,
			
 
				+				tween(layer[get(cb.name)].marker.rotate, 0, get(cb.open_close_speed));
			
 
				+			  ,
			
 
				+				set(layer[get(cb.name)].marker.html, '▼');
			
 
				+			);
			
 
				+		);
			
 
				+	</action>
			
 
				+
			
 
				+</krpano>
			
--- a/web/public/static/lib/krpano/plugins/googlemaps.js
+++ b/web/public/static/lib/krpano/plugins/googlemaps.js
--- a/web/public/static/lib/krpano/plugins/gyro2.js
+++ b/web/public/static/lib/krpano/plugins/gyro2.js
--- a/web/public/static/lib/krpano/plugins/scrollarea.js
+++ b/web/public/static/lib/krpano/plugins/scrollarea.js
--- a/web/public/static/lib/krpano/plugins/soundinterface.js
+++ b/web/public/static/lib/krpano/plugins/soundinterface.js
--- a/web/public/static/lib/krpano/plugins/videoplayer.js
+++ b/web/public/static/lib/krpano/plugins/videoplayer.js
--- a/web/public/static/lib/krpano/plugins/webvr.js
+++ b/web/public/static/lib/krpano/plugins/webvr.js
--- a/web/public/static/lib/krpano/plugins/webvr.xml
+++ b/web/public/static/lib/krpano/plugins/webvr.xml
@@ -0,0 +1,897 @@
 
				+<krpano>
			
 
				+	<!--
			
 
				+		webvr.xml
			
 
				+		- krpano 1.19
			
 
				+	-->
			
 
				+
			
 
				+	<!-- load the WebVR plugin and assign it to a 'webvr' variable for easier usage -->
			
 
				+	<plugin name="WebVR" devices="html5" keep="true"
			
 
				+	        url="webvr.js"
			
 
				+	        onloaded="copy(webvr, plugin[WebVR]);"
			
 
				+	        mousespeed="0.00125"
			
 
				+	        multireslock="true"
			
 
				+	        fullscreen_mirroring="true"
			
 
				+	        mobilevr_support="true"
			
 
				+	        mobilevr_ipd="63.5"
			
 
				+	        mobilevr_screensize="auto"
			
 
				+	        mobilevr_lens_overlap="1.0"
			
 
				+	        mobilevr_lens_fov="96"
			
 
				+	        mobilevr_lens_dist="0.6"
			
 
				+	        mobilevr_lens_dist2="1|0|0|0"
			
 
				+	        mobilevr_lens_ca="0.0"
			
 
				+	        mobilevr_lens_vign="100"
			
 
				+	        mobilevr_wakelock="true"
			
 
				+	        mobilevr_sensor_mode="3"
			
 
				+	        mobilevr_autocalibration="false"
			
 
				+	        mobilevr_touch_support="true"
			
 
				+	        mobilevr_fake_support="false"
			
 
				+	        vr_cursor="hotspot[vr_cursor]"
			
 
				+	        vr_cursor_enabled="true"
			
 
				+	        vr_cursor_onover="if(handcursor, tween(hotspot[vr_cursor].scale,0.4,0.1); vr_auto_click(get(vr_timeout)); );"
			
 
				+	        vr_cursor_onout="tween(hotspot[vr_cursor].scale,0.3,0.1);"
			
 
				+	        onavailable="webvr_onavailable();"
			
 
				+	        onunavailable=""
			
 
				+	        onunknowndevice="webvr_onunknowndevice();"
			
 
				+	        onentervr="webvr_onentervr();"
			
 
				+	        onexitvr="webvr_onexitvr();"
			
 
				+	        />
			
 
				+
			
 
				+	
			
 
				+	<!-- a custom xml data structure with the supported VR headsets -->
			
 
				+	<vrheadsets>
			
 
				+		<headset name="cb1" caption="Cardboard A"   overlap="1.10" fov="96.0"  dist="1.00" dist2="1|0|0|0" ca="0.000" vig="100" />
			
 
				+		<headset name="cb2" caption="Cardboard B"   overlap="1.00" fov="96.0"  dist="0.60" dist2="1|0|0|0" ca="0.000" vig="100" />
			
 
				+		<headset name="gvr" caption="GearVR"        overlap="1.00" fov="112.0" dist="0.95" dist2="1|0|0|0" ca="0.090" vig="100" />
			
 
				+		<headset name="hom" caption="HOMiDO"        overlap="1.00" fov="101.0" dist="1.10" dist2="1|0|0|0" ca="0.075" vig="100" />
			
 
				+		<headset name="one" caption="VR ONE"        overlap="1.00" fov="109.9" dist="0.00" dist2="1.139|0.093|0.018|0.207" ca="0.090" vig="35" />
			
 
				+		<headset name="ccr" caption="ColorCross VR" overlap="1.00" fov="70.0"  dist="0.65" dist2="1|0|0|0" ca="0.000" vig="100" />
			
 
				+		<headset name="nod" caption="No Distortion" overlap="1.00" fov="96.0"  dist="0.00" dist2="1|0|0|0" ca="0.000" vig="100" />
			
 
				+	</vrheadsets>
			
 
				+
			
 
				+
			
 
				+	<!-- the VR cursor hotspot -->
			
 
				+	<hotspot name="vr_cursor" keep="true"
			
 
				+	         url="webvr_cursor_80x80_17f.png"
			
 
				+	         visible="false"
			
 
				+	         enabled="false"
			
 
				+	         distorted="true"
			
 
				+	         crop="0|0|80|80"
			
 
				+	         scale="0.3"
			
 
				+	         depth="1000"
			
 
				+	         />
			
 
				+
			
 
				+
			
 
				+	<!-- vr_auto_click() - call this action in the onover event of a
			
 
				+	     hotspot to trigger automatically a click after some time.  -->
			
 
				+	<action name="vr_auto_click">
			
 
				+		if(webvr.isenabled,
			
 
				+			if(%1 != null, set(vr_aclk_timeout, %1), set(vr_aclk_timeout, 2000));
			
 
				+			copy(vr_aclk_t1, timertick);
			
 
				+			set(vr_aclk_waiting, true);
			
 
				+			copy(vr_aclk_hotspot, name);
			
 
				+			set(hotspot[vr_cursor].crop,'0|0|80|80');
			
 
				+
			
 
				+			asyncloop(vr_aclk_waiting AND vr_aclk_hotspot == name,
			
 
				+				sub(dt, timertick,vr_aclk_t1);
			
 
				+
			
 
				+				if(!hovering,
			
 
				+					set(vr_aclk_waiting, false);
			
 
				+					set(hotspot[vr_cursor].crop,'0|0|80|80');
			
 
				+				  ,
			
 
				+					div(f, dt, vr_aclk_timeout);
			
 
				+					mul(f, 16);
			
 
				+					roundval(f);
			
 
				+					Math.min(f, 16);
			
 
				+					mul(f, 80);
			
 
				+
			
 
				+					txtadd(hotspot[vr_cursor].crop,get(f),'|0|80|80');
			
 
				+
			
 
				+					<!-- wait another 100ms delay after finishing the animation before doing the click -->
			
 
				+					sub(dt, 100);
			
 
				+					if(dt GT vr_aclk_timeout,
			
 
				+						set(vr_aclk_waiting,false);
			
 
				+						set(hotspot[vr_cursor].crop,'0|0|80|80');
			
 
				+						<!-- call onclick -->
			
 
				+						onclick();
			
 
				+					  );
			
 
				+				  );
			
 
				+				);
			
 
				+		  );
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<!-- by pressing SPACE the Oculus Rift could be re-centered -->
			
 
				+	<events name="webvr_events" devices="html5" keep="true"
			
 
				+	        onkeydown="if(webvr AND webvr.isenabled AND keycode==32, webvr.resetSensor() );"
			
 
				+	        onmousedown="if(webvr AND webvr.isenabled, webvr_showbuttons() );"
			
 
				+	        />
			
 
				+
			
 
				+
			
 
				+	<!-- when WebVR support is available show an EnterVR button -->
			
 
				+	<action name="webvr_onavailable">
			
 
				+		webvr.loadsettings();
			
 
				+		delayedcall(0.5, tween(layer[webvr_enterbutton].alpha,1.0); );
			
 
				+	</action>
			
 
				+	
			
 
				+	
			
 
				+	<action name="webvr_onunknowndevice">
			
 
				+		if(webvr.isfake AND device.desktop AND webvr.havesettings == false,
			
 
				+			<!-- set the 'no distortion' headset for fake desktop usage -->
			
 
				+			set(webvr.mobilevr_lens_overlap, 1.0);
			
 
				+			set(webvr.mobilevr_lens_fov, 96.0);
			
 
				+			set(webvr.mobilevr_lens_dist, 0.0);
			
 
				+			set(webvr.mobilevr_lens_dist2, '1|0|0|0');
			
 
				+			set(webvr.mobilevr_lens_ca, 0.0);
			
 
				+			set(webvr.mobilevr_lens_vign, 100);
			
 
				+		  ,
			
 
				+			set(ask_user_for_screensize,true);
			
 
				+		  );
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<action name="webvr_onentervr">
			
 
				+		tween(layer[webvr_enterbutton].alpha,0,0);
			
 
				+
			
 
				+		webvr_showbuttons();
			
 
				+		webvr_hide_all_non_vr_layers();
			
 
				+
			
 
				+		<!-- when the screen size is unknown an no custom size is set, open the setup screen on entering the VR mode -->
			
 
				+		if(webvr.ismobilevr == true AND !webvr.isfake AND ask_user_for_screensize == true AND webvr.mobilevr_screensize == 'auto',
			
 
				+			set(ask_user_for_screensize, false);
			
 
				+			vr_setup();
			
 
				+		  );
			
 
				+		if(webvr.isfake,
			
 
				+			webvr_show_fakemode_info(true);
			
 
				+		  );
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<action name="webvr_onexitvr">
			
 
				+		stopdelayedcall(vr_button_fadeout);
			
 
				+
			
 
				+		tween(layer[webvr_enterbutton].alpha,1);
			
 
				+		tween(layer[webvr_exitbutton].alpha,0);
			
 
				+		tween(layer[webvr_setupbutton].alpha,0);
			
 
				+		
			
 
				+		webvr_show_fakemode_info(false);
			
 
				+
			
 
				+		webvr_restore_layers();
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<action name="webvr_hide_all_non_vr_layers">
			
 
				+		for(set(i,0), i LT layer.count, inc(i),
			
 
				+			copy(lr, layer[get(i)]);
			
 
				+			if(lr.vr !== true,
			
 
				+				copy(lr.vr_backup_visible, lr.visible);
			
 
				+				set(lr.visible, false);
			
 
				+			  );
			
 
				+		  );
			
 
				+	</action>
			
 
				+
			
 
				+	<action name="webvr_restore_layers">
			
 
				+		for(set(i,0), i LT layer.count, inc(i),
			
 
				+			copy(lr, layer[get(i)]);
			
 
				+			if(lr.vr_backup_visible,
			
 
				+				copy(lr.visible, lr.vr_backup_visible);
			
 
				+				delete(lr.vr_backup_visible);
			
 
				+			  );
			
 
				+		  );
			
 
				+	</action>
			
 
				+	
			
 
				+	<action name="webvr_show_fakemode_info">
			
 
				+		if('%1' == 'true',
			
 
				+			addlayer(webvr_fakemode_info);
			
 
				+			set(layer[webvr_fakemode_info].url, '%SWFPATH%/plugins/textfield.swf');
			
 
				+			set(layer[webvr_fakemode_info].keep, true);
			
 
				+			set(layer[webvr_fakemode_info].align, 'bottom');
			
 
				+			set(layer[webvr_fakemode_info].y, 80);
			
 
				+			set(layer[webvr_fakemode_info].background, false);
			
 
				+			set(layer[webvr_fakemode_info].css, 'color:#FFFFFF;text-align:center;');
			
 
				+			set(layer[webvr_fakemode_info].html, '[i][u]Simulated WebVR Mode![/u][/i][br]For real WebVR with headset tracking, either use a [a href="http://webvr.info" target="_blank" style="color:#FFFFFF;"]WebVR-API-capable[/a] desktop browser or a mobile device and a VR headset.');
			
 
				+		  ,
			
 
				+			removelayer(webvr_fakemode_info);
			
 
				+		  );
			
 
				+	</action>
			
 
				+	
			
 
				+	
			
 
				+	<!-- ensure the same scaling on mobiles (regardless if mobilescale is 0.5 or 1.0) -->
			
 
				+	<krpano webvr_setup_scale="calc:(1.0 + 1.0*(device.mobile AND stagescale LT 1.0)) / (1.0 + 1.0*device.mobile)"
			
 
				+	        webvr_button_scale.normal="1.0"
			
 
				+	        webvr_button_scale.mobile="1.6"
			
 
				+	        />
			
 
				+
			
 
				+	
			
 
				+	<!-- the EnterVR/ExitVR and SetupVR buttons -->
			
 
				+	<style name="webvr_button_style"
			
 
				+	       url="%SWFPATH%/plugins/textfield.swf"
			
 
				+	       backgroundcolor="0x000000"
			
 
				+	       backgroundalpha="0.5"
			
 
				+	       roundedge="calc:9*webvr_setup_scale*webvr_button_scale"
			
 
				+	       css="calc:'color:#FFFFFF;font-size:' + 20*webvr_setup_scale*webvr_button_scale + 'px;'"
			
 
				+	       padding="calc:6*webvr_setup_scale*webvr_button_scale + ' ' + 10*webvr_setup_scale*webvr_button_scale"
			
 
				+	       />
			
 
				+	
			
 
				+	<layer name="webvr_enterbutton" keep="true" vr="true"
			
 
				+	       style="webvr_button_style"
			
 
				+	       html="Enter VR"
			
 
				+	       align="top" y="24"
			
 
				+	       autoalpha="true" alpha="0.0"
			
 
				+	       onclick="webvr.enterVR();"
			
 
				+	       />
			
 
				+
			
 
				+	<layer name="webvr_exitbutton" keep="true" vr="true"
			
 
				+	       style="webvr_button_style"
			
 
				+	       html="Exit VR"
			
 
				+	       align="top" y="24"
			
 
				+	       autoalpha="true" alpha="0.0"
			
 
				+	       onclick="webvr.exitVR();"
			
 
				+	       />
			
 
				+
			
 
				+	<layer name="webvr_setupbutton" keep="true" vr="true"
			
 
				+	       style="webvr_button_style"
			
 
				+	       html="VR Setup"
			
 
				+	       align="bottom" y="24"
			
 
				+	       autoalpha="true" alpha="0.0"
			
 
				+	       onclick="vr_setup()"
			
 
				+	       />
			
 
				+
			
 
				+
			
 
				+	<action name="webvr_showbuttons">
			
 
				+		stopdelayedcall(vr_button_fadeout);
			
 
				+		if(webvr.ismobilevr,
			
 
				+			tween(layer[webvr_exitbutton].alpha|layer[webvr_setupbutton].alpha, 1.0|1.0, 0.25);
			
 
				+			delayedcall(vr_button_fadeout, 3.0, tween(layer[webvr_exitbutton].alpha|layer[webvr_setupbutton].alpha, 0.0|0.0, 1.0); );
			
 
				+		  ,
			
 
				+			tween(layer[webvr_exitbutton].alpha, 1.0, 0.25);
			
 
				+			delayedcall(vr_button_fadeout, 3.0, tween(layer[webvr_exitbutton].alpha, 0.0, 1.0); );
			
 
				+		  );
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+
			
 
				+	<!--
			
 
				+		VR Setup
			
 
				+	-->
			
 
				+
			
 
				+	<action name="vr_setup">
			
 
				+		<!-- disable cursor -->
			
 
				+		set(webvr.vr_cursor_enabled, false);
			
 
				+		
			
 
				+		<!-- hide VR buttons -->
			
 
				+		tween(layer[webvr_exitbutton].alpha,0);
			
 
				+		tween(layer[webvr_setupbutton].alpha,0);
			
 
				+		
			
 
				+		<!-- create background layer -->
			
 
				+		addlayer(vr_setup_bg);
			
 
				+		set(layer[vr_setup_bg].type, container);
			
 
				+		set(layer[vr_setup_bg].bgcolor, 0x000000);
			
 
				+		set(layer[vr_setup_bg].bgalpha, 0.5);
			
 
				+		set(layer[vr_setup_bg].bgcapture, true);
			
 
				+		set(layer[vr_setup_bg].handcursor, false);
			
 
				+		set(layer[vr_setup_bg].align, lefttop);
			
 
				+		set(layer[vr_setup_bg].width, 100%);
			
 
				+		set(layer[vr_setup_bg].height, 100%);
			
 
				+		set(layer[vr_setup_bg].zorder, 99999);
			
 
				+		
			
 
				+		<!-- get and prepare device infos and settings -->
			
 
				+		copy(i_screensize, webvr.mobilevr_screensize);
			
 
				+		if(i_screensize == 'auto', copy(i_screensize, webvr.devicesize));
			
 
				+		if(i_screensize LE 0, set(i_screensize, 5.0));
			
 
				+		roundval(i_screensize, 1);
			
 
				+		txtadd(i_screensize, ' inch');
			
 
				+
			
 
				+		copy(i_ipd, webvr.mobilevr_ipd);
			
 
				+		roundval(i_ipd, 1);
			
 
				+		txtadd(i_ipd, ' mm');
			
 
				+
			
 
				+		copy(i_fov, webvr.mobilevr_lens_fov);
			
 
				+		roundval(i_fov, 1);
			
 
				+
			
 
				+		copy(i_dist, webvr.mobilevr_lens_dist);
			
 
				+		roundval(i_dist, 2);
			
 
				+		
			
 
				+		copy(i_dist2, webvr.mobilevr_lens_dist2);
			
 
				+		txtsplit(i_dist2, '|', i_dist2_k1, i_dist2_k2, i_dist2_k3, i_dist2_k4);
			
 
				+		mul(i_dist2_k1,1);
			
 
				+		mul(i_dist2_k2,10);
			
 
				+		mul(i_dist2_k3,10);
			
 
				+		mul(i_dist2_k4,10);
			
 
				+		roundval(i_dist2_k1,2);
			
 
				+		roundval(i_dist2_k2,2);
			
 
				+		roundval(i_dist2_k3,2);
			
 
				+		roundval(i_dist2_k4,2);
			
 
				+
			
 
				+		copy(i_vig, webvr.mobilevr_lens_vign);
			
 
				+		roundval(i_vig, 0);
			
 
				+		
			
 
				+		copy(i_overlap, webvr.mobilevr_lens_overlap);
			
 
				+		roundval(i_overlap, 2);
			
 
				+		
			
 
				+		copy(i_ca, webvr.mobilevr_lens_ca);
			
 
				+		roundval(i_ca, 3);
			
 
				+
			
 
				+		set(i_headset, 'Custom');
			
 
				+		for(set(i,0), i LT vrheadsets.headset.count, inc(i),
			
 
				+			copy(hs, vrheadsets.headset[get(i)]);
			
 
				+			if(i_overlap == hs.overlap AND i_fov == hs.fov AND i_dist == hs.dist AND i_dist2 == hs.dist2 AND i_ca == hs.ca AND i_vig == hs.vig , copy(i_headset, hs.caption));
			
 
				+		   );
			
 
				+
			
 
				+		<!-- when the screen size is unknown, mark it red -->
			
 
				+		set(known_size, true);
			
 
				+		set(sizcol, #FFFFFF);
			
 
				+		copy(i_devicename, webvr.devicename);
			
 
				+		if(i_devicename == 'Unknown',
			
 
				+			if(webvr.mobilevr_screensize == 'auto',
			
 
				+				set(sizcol, #AA0000);
			
 
				+				set(known_size, false);
			
 
				+			  ,
			
 
				+				set(i_devicename, 'Custom');
			
 
				+			  );
			
 
				+		  );
			
 
				+
			
 
				+		
			
 
				+		<!-- create layer for the main menu -->
			
 
				+		addlayer(vr_setup_m1);
			
 
				+		set(layer[vr_setup_m1].type, container);
			
 
				+		set(layer[vr_setup_m1].parent, vr_setup_bg);
			
 
				+		set(layer[vr_setup_m1].align, lefttop);
			
 
				+		set(layer[vr_setup_m1].width, 100%);
			
 
				+		set(layer[vr_setup_m1].height, 100%);
			
 
				+		
			
 
				+		<!-- create layer for the headset customization menu -->
			
 
				+		addlayer(vr_setup_m3);
			
 
				+		set(layer[vr_setup_m3].type, container);
			
 
				+		set(layer[vr_setup_m3].parent, vr_setup_bg);
			
 
				+		set(layer[vr_setup_m3].align, lefttop);
			
 
				+		set(layer[vr_setup_m3].width, 100%);
			
 
				+		set(layer[vr_setup_m3].height, 100%);
			
 
				+		set(layer[vr_setup_m3].visible, false);
			
 
				+		
			
 
				+		<!-- create layer for the calibration menu -->
			
 
				+		addlayer(vr_setup_m2);
			
 
				+		set(layer[vr_setup_m2].type, container);
			
 
				+		set(layer[vr_setup_m2].parent, vr_setup_bg);
			
 
				+		set(layer[vr_setup_m2].align, lefttop);
			
 
				+		set(layer[vr_setup_m2].width, 100%);
			
 
				+		set(layer[vr_setup_m2].height, 100%);
			
 
				+		set(layer[vr_setup_m2].visible, false);
			
 
				+		
			
 
				+		<!-- create the text elements -->
			
 
				+		set(vr_setup_text_parent, 'vr_setup_m1');
			
 
				+		vr_setup_createtext(vr_setup_title, 'MOBILE VR SETUP',       center, center, 0, -225, #FFFFFF,     false);
			
 
				+
			
 
				+		vr_setup_createtext(vr_setup_dvn1, 'Device:',         center, right,  0, -145, #FFFFFF,     true, vr_setup_select('screen') );
			
 
				+		vr_setup_createtext(vr_setup_dvn2, get(i_devicename), center, left,   0, -145, get(sizcol), true, vr_setup_select('screen') );
			
 
				+		vr_setup_createtext(vr_setup_siz1, 'Screensize:',     center, right,  0, -105, #FFFFFF,     true, vr_setup_select('screen') );
			
 
				+		vr_setup_createtext(vr_setup_siz2, get(i_screensize), center, left,   0, -105, get(sizcol), true, vr_setup_select('screen') );
			
 
				+
			
 
				+		vr_setup_createtext(vr_setup_ipd1, 'IPD:',            center, right,  0,  -35, #FFFFFF,     true, vr_setup_select('ipd') );
			
 
				+		vr_setup_createtext(vr_setup_ipd2, get(i_ipd),        center, left,   0,  -35, #FFFFFF,     true, vr_setup_select('ipd') );
			
 
				+
			
 
				+		vr_setup_createtext(vr_setup_hmd1, 'VR Headset:',     center, right,  0,  +35, #FFFFFF,     true, vr_setup_select('headset') );
			
 
				+		vr_setup_createtext(vr_setup_hmd2, get(i_headset),    center, left,   0,  +35, #FFFFFF,     true, vr_setup_select('headset') );
			
 
				+		
			
 
				+		vr_setup_createtext(vr_setup_hmd3, 'Customize',       center, center, 0,  +75, #FFFFFF,     true, set(background,true), set(background,false), vr_setup_customize_headset() );
			
 
				+
			
 
				+		
			
 
				+
			
 
				+		if(webvr.iswebvr == false,
			
 
				+			vr_setup_createtext(vr_setup_cal, 'Calibrate Gyroscope',   center, center,    0, +145, #FFFFFF,     true, set(background,true), set(background,false), vr_setup_calibration() );
			
 
				+		  );
			
 
				+
			
 
				+		vr_setup_createtext(vr_setup_sav, 'SAVE',          center, center, -200, +225, #FFFFFF,     true, set(background,true), set(background,false), vr_setup_save() );
			
 
				+		vr_setup_createtext(vr_setup_rst, 'RESET',         center, center,    0, +225, #FFFFFF,     true, set(background,true), set(background,false), vr_setup_reset() );
			
 
				+		vr_setup_createtext(vr_setup_cls, 'CLOSE',         center, center, +200, +225, #FFFFFF,     true, set(background,true), set(background,false), vr_setup_close() );
			
 
				+		
			
 
				+		<!-- and the adjusting buttons -->
			
 
				+		vr_setup_createbutton(vr_setup_btn1, '&#60;', left,  left,  5%, -35, #FFFFFF, true, null);
			
 
				+		vr_setup_createbutton(vr_setup_btn2, '&#62;', right, right, 5%, -35, #FFFFFF, true, null);
			
 
				+		
			
 
				+		
			
 
				+		<!-- create the customize_headset text elements -->
			
 
				+		set(vr_setup_text_parent, 'vr_setup_m3');
			
 
				+		vr_setup_createtext(vr_setup_m31, 'VR HEADSET', center, center, 0, -225, #FFFFFF, false);
			
 
				+		
			
 
				+		vr_setup_createtext(vr_setup_fov1,  'FOV:',           center, right,  0,  -80,  #FFFFFF,    true, vr_setup_select('fov') );
			
 
				+		vr_setup_createtext(vr_setup_fov2, get(i_fov),        center, left,   0,  -80,  #FFFFFF,    true, vr_setup_select('fov') );
			
 
				+		vr_setup_createtext(vr_setup_dst1, 'Distortion:',     center, right,  0,  -32,  #FFFFFF,    true, vr_setup_select('dist') );
			
 
				+		vr_setup_createtext(vr_setup_dst2, get(i_dist),       center, left,   0,  -32,  #FFFFFF,    true, vr_setup_select('dist') );
			
 
				+		vr_setup_createtext(vr_setup_d2tx, 'Dist2:',          center, right,  0,  +16,  #FFFFFF,    true, vr_setup_select('dist2k1') );
			
 
				+		vr_setup_createtext(vr_setup_d2k1, get(i_dist2_k1),   center, left,   0,  +16,  #FFFFFF,    true, vr_setup_select('dist2k1') );
			
 
				+		vr_setup_createtext(vr_setup_d2k2, get(i_dist2_k2),   center, left, +100, +16,  #FFFFFF,    true, vr_setup_select('dist2k2') );
			
 
				+		vr_setup_createtext(vr_setup_d2k3, get(i_dist2_k3),   center, left, +200, +16,  #FFFFFF,    true, vr_setup_select('dist2k3') );
			
 
				+		vr_setup_createtext(vr_setup_d2k4, get(i_dist2_k4),   center, left, +300, +16,  #FFFFFF,    true, vr_setup_select('dist2k4') );
			
 
				+		
			
 
				+		
			
 
				+		vr_setup_createtext(vr_setup_cac1, 'CA Corr:',        center, right,  0,  +64,  #FFFFFF,    true, vr_setup_select('ca') );
			
 
				+		vr_setup_createtext(vr_setup_cac2, get(i_ca),         center, left,   0,  +64,  #FFFFFF,    true, vr_setup_select('ca') );
			
 
				+		vr_setup_createtext(vr_setup_vig1, 'Vignette:',       center, right,  0, +112,  #FFFFFF,    true, vr_setup_select('vignette') );
			
 
				+		vr_setup_createtext(vr_setup_vig2, get(i_vig),        center, left,   0, +112,  #FFFFFF,    true, vr_setup_select('vignette') );
			
 
				+		vr_setup_createtext(vr_setup_olp1, 'Overlap:',        center, right,  0, +160,  #FFFFFF,    true, vr_setup_select('overlap') );
			
 
				+		vr_setup_createtext(vr_setup_olp2, get(i_overlap),    center, left,   0, +160,  #FFFFFF,    true, vr_setup_select('overlap') );
			
 
				+				
			
 
				+		vr_setup_createtext(vr_setup_m35, 'CLOSE',       center, center, 0, +225, #FFFFFF, true, set(background,true), set(background,false), vr_setup_close_sub_menus() );
			
 
				+		
			
 
				+		
			
 
				+		<!-- create the calibration text elements -->
			
 
				+		set(vr_setup_text_parent, 'vr_setup_m2');
			
 
				+		vr_setup_createtext(vr_setup_cb1, 'GYROSCOPE', center, center, 0, -225, #FFFFFF, false);
			
 
				+		vr_setup_createtext(vr_setup_cb2, 'Place the device on a flat and[br]stable surface and tab calibrate[br]to correct a gyroscope drifting.', center, center, 0, -95, #FFFFFF, false, vr_setup_select('screen') );
			
 
				+		vr_setup_createtext(vr_setup_cb3, 'CALIBRATE',   center, center, 0,  +55, #FFFFFF, true, set(background,true), set(background,false), vr_setup_do_calibration() );
			
 
				+		vr_setup_createtext(vr_setup_cb4, 'RESET',       center, center, 0, +125, #FFFFFF, true, set(background,true), set(background,false), webvr.resetcalibration() );
			
 
				+		vr_setup_createtext(vr_setup_cb5, 'CLOSE',       center, center, 0, +225, #FFFFFF, true, set(background,true), set(background,false), vr_setup_close_sub_menus() );
			
 
				+		
			
 
				+		vr_setup_createtext(vr_setup_cb6, 'Calibrating...',      bottom, center, 0, 40, #FFFFFF, false, null );
			
 
				+		vr_setup_createtext(vr_setup_cb7, 'Calibration okay.',   bottom, center, 0, 40, #FFFFFF, false, null );
			
 
				+		vr_setup_createtext(vr_setup_cb8, 'Calibration failed!', bottom, center, 0, 40, #FFFFFF, false, null );
			
 
				+		set(layer[vr_setup_cb6].autoalpha, true);
			
 
				+		set(layer[vr_setup_cb7].autoalpha, true);
			
 
				+		set(layer[vr_setup_cb8].autoalpha, true);
			
 
				+		set(layer[vr_setup_cb6].alpha, 0.0);
			
 
				+		set(layer[vr_setup_cb7].alpha, 0.0);
			
 
				+		set(layer[vr_setup_cb8].alpha, 0.0);
			
 
				+		
			
 
				+		
			
 
				+		<!-- pre-select the screen size for adjusting when it is unknown, otherwise the IPD -->
			
 
				+		if(known_size == false,
			
 
				+			vr_setup_select('screen', true);
			
 
				+		  ,
			
 
				+			vr_setup_select('ipd', true);
			
 
				+		  );
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<action name="vr_setup_createtext">
			
 
				+		<!--
			
 
				+			%1 = name
			
 
				+			%2 = text
			
 
				+			%3 = align
			
 
				+			%4 = edge
			
 
				+			%5 = x
			
 
				+			%6 = y
			
 
				+			%7 = color
			
 
				+			%8 = enabled
			
 
				+			%9 = ondown
			
 
				+			%10 = onup
			
 
				+			%11 = onclick
			
 
				+		-->
			
 
				+		addlayer(%1);
			
 
				+		set(layer[%1].parent, get(vr_setup_text_parent));
			
 
				+		set(layer[%1].url, '%SWFPATH%/plugins/textfield.swf');
			
 
				+		set(layer[%1].css, calc('text-align:%3;color:%7;font-size:'+40*webvr_setup_scale+'px;font-weight:bold;'));
			
 
				+		set(layer[%1].padding, calc(0 + ' ' + 8*webvr_setup_scale));
			
 
				+		set(layer[%1].roundedge, calc(8*webvr_setup_scale));
			
 
				+		set(layer[%1].background, false);
			
 
				+		set(layer[%1].backgroundcolor, 0xFFFFFF);
			
 
				+		set(layer[%1].backgroundalpha, 0.25);
			
 
				+		set(layer[%1].align, %3);
			
 
				+		set(layer[%1].edge, %4);
			
 
				+		set(layer[%1].x, calc(%5 * webvr_setup_scale));
			
 
				+		set(layer[%1].y, calc(%6 * webvr_setup_scale));
			
 
				+		set(layer[%1].html, %2);
			
 
				+		set(layer[%1].enabled, %8);
			
 
				+		set(layer[%1].ondown, %9);
			
 
				+		set(layer[%1].onup, %10);
			
 
				+		set(layer[%1].onclick, %11);
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<action name="vr_setup_createbutton">
			
 
				+		vr_setup_createtext(%1,%2,%3,%4,%5,%6,%7,%8,%9);
			
 
				+		set(layer[%1].css, calc('vertical-align:middle;text-align:center;color:%7;font-size:'+60*webvr_setup_scale+'px;font-weight:bold;'));
			
 
				+		set(layer[%1].background, true);
			
 
				+		set(layer[%1].padding, 0);
			
 
				+		set(layer[%1].roundedge, calc(40 * webvr_setup_scale));
			
 
				+		set(layer[%1].width, calc(70 * webvr_setup_scale));
			
 
				+		set(layer[%1].height, calc(70 * webvr_setup_scale));
			
 
				+		set(layer[%1].vcenter, true);
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<action name="vr_setup_reset">
			
 
				+		<!-- reset to the defaults -->
			
 
				+		set(webvr.mobilevr_screensize, 'auto');
			
 
				+		copy(i_screensize, webvr.devicesize);
			
 
				+		if(i_screensize LE 0, set(i_screensize, 5.0); );
			
 
				+		roundval(i_screensize, 1);
			
 
				+		set(layer[vr_setup_dvn2].html, get(webvr.devicename));
			
 
				+		txtadd(layer[vr_setup_siz2].html, get(i_screensize), ' inch');
			
 
				+
			
 
				+		set(webvr.mobilevr_ipd, 63.5);
			
 
				+		copy(i_ipd, webvr.mobilevr_ipd);
			
 
				+		roundval(i_ipd, 1);
			
 
				+		txtadd(layer[vr_setup_ipd2].html, get(i_ipd), ' mm');
			
 
				+
			
 
				+		<!-- set fake custom lens settings and call 'next' headset to switch to the default 'Cardboard' settings -->
			
 
				+		set(webvr.mobilevr_lens_fov, 100);
			
 
				+		set(webvr.mobilevr_lens_dist, 0.5);
			
 
				+		set(webvr.mobilevr_lens_dist2, '1|0|0|0');
			
 
				+		set(webvr.mobilevr_lens_vign, 100);
			
 
				+		set(webvr.mobilevr_lens_overlap, 1.0);
			
 
				+		set(webvr.mobilevr_lens_ca, 0.0);
			
 
				+		
			
 
				+		if(webvr.isfake AND device.desktop,
			
 
				+			<!-- select 'no distortion' headset for fake desktop usage -->
			
 
				+			vr_setup_change_headset(-1);
			
 
				+		  ,
			
 
				+			<!-- select 'Cardboard A' headset for Mobile-VR usage -->
			
 
				+			vr_setup_change_headset(+1);	
			
 
				+		  );
			
 
				+
			
 
				+		vr_setup_select(get(selected_var));
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<action name="vr_setup_close">
			
 
				+		<!-- 2. parameter == true => remove children elements too -->
			
 
				+		removelayer(vr_setup_bg, true);
			
 
				+		
			
 
				+		<!-- enable cursor -->
			
 
				+		set(webvr.vr_cursor_enabled, true);
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<action name="vr_setup_save">
			
 
				+		webvr.saveSettings();
			
 
				+		vr_setup_close();
			
 
				+	</action>
			
 
				+	
			
 
				+	
			
 
				+	<action name="vr_setup_customize_headset">
			
 
				+		set(layer[vr_setup_bg].bgalpha, 0.1);
			
 
				+		
			
 
				+		set(layer[vr_setup_m1].visible,false);
			
 
				+		set(layer[vr_setup_m2].visible,false);
			
 
				+		set(layer[vr_setup_m3].visible,true);
			
 
				+		
			
 
				+		set(layer[vr_setup_hmd1].parent, vr_setup_m3);
			
 
				+		set(layer[vr_setup_hmd2].parent, vr_setup_m3);
			
 
				+		set(layer[vr_setup_btn1].parent, vr_setup_m3);
			
 
				+		set(layer[vr_setup_btn2].parent, vr_setup_m3);
			
 
				+		
			
 
				+		set(layer[vr_setup_hmd1].y, calc(-145 * webvr_setup_scale));
			
 
				+		set(layer[vr_setup_hmd2].y, calc(-145 * webvr_setup_scale));
			
 
				+		
			
 
				+		copy(old_selection, selected_var);
			
 
				+		vr_setup_select('headset');
			
 
				+	</action>
			
 
				+	
			
 
				+	
			
 
				+
			
 
				+	<action name="vr_setup_calibration">
			
 
				+		set(layer[vr_setup_m1].visible,false);
			
 
				+		set(layer[vr_setup_m2].visible,true);
			
 
				+	</action>
			
 
				+	
			
 
				+	<action name="vr_setup_close_sub_menus">
			
 
				+		set(layer[vr_setup_bg].bgalpha, 0.5);
			
 
				+		
			
 
				+		set(layer[vr_setup_m1].visible,true);
			
 
				+		set(layer[vr_setup_m2].visible,false);
			
 
				+		set(layer[vr_setup_m3].visible,false);
			
 
				+		
			
 
				+		set(layer[vr_setup_hmd1].parent, vr_setup_m1);
			
 
				+		set(layer[vr_setup_hmd2].parent, vr_setup_m1);
			
 
				+		set(layer[vr_setup_btn1].parent, vr_setup_m1);
			
 
				+		set(layer[vr_setup_btn2].parent, vr_setup_m1);
			
 
				+		
			
 
				+		set(layer[vr_setup_hmd1].y, calc(+35 * webvr_setup_scale));
			
 
				+		set(layer[vr_setup_hmd2].y, calc(+35 * webvr_setup_scale));
			
 
				+		
			
 
				+		if(old_selection,
			
 
				+			vr_setup_select(get(old_selection));
			
 
				+			delete(old_selection);
			
 
				+		  );
			
 
				+	</action>
			
 
				+	
			
 
				+	<action name="vr_setup_do_calibration">
			
 
				+		if(!webvr.isfake,
			
 
				+			tween(layer[vr_setup_cb6].alpha, 1.0, 0.1);
			
 
				+			tween(layer[vr_setup_cb7].alpha, 0.0, 0.1);
			
 
				+			tween(layer[vr_setup_cb8].alpha, 0.0, 0.1);
			
 
				+			webvr.calibrate(
			
 
				+				tween(layer[vr_setup_cb6].alpha, 0.0, 0.1);
			
 
				+				tween(layer[vr_setup_cb7].alpha, 1.0, 0.1);
			
 
				+				delayedcall(2.0, tween(layer[vr_setup_cb7].alpha, 0.0, 0.25) );
			
 
				+			  ,
			
 
				+				tween(layer[vr_setup_cb6].alpha, 0.0, 0.1);
			
 
				+				tween(layer[vr_setup_cb8].alpha, 1.0, 0.1);
			
 
				+				delayedcall(2.0, tween(layer[vr_setup_cb8].alpha, 0.0, 0.25) );
			
 
				+			  );
			
 
				+		  );
			
 
				+	</action>
			
 
				+
			
 
				+	<action name="vr_setup_update_dist2">
			
 
				+		txtadd(webvr.mobilevr_lens_dist2, get(i_dist2_k1), '|', calc(i_dist2_k2/10.0), '|', calc(i_dist2_k3/10.0), '|', calc(i_dist2_k4/10.0));
			
 
				+		vr_setup_change_headset(0);
			
 
				+	</action>
			
 
				+
			
 
				+	<action name="vr_setup_select">
			
 
				+		<!-- select a setting for adjusting -->
			
 
				+		set(layer[vr_setup_siz2].background, false);
			
 
				+		set(layer[vr_setup_ipd2].background, false);
			
 
				+		set(layer[vr_setup_hmd2].background, false);
			
 
				+		set(layer[vr_setup_fov2].background, false);
			
 
				+		set(layer[vr_setup_dst2].background, false);
			
 
				+		set(layer[vr_setup_d2k1].background, false);
			
 
				+		set(layer[vr_setup_d2k2].background, false);
			
 
				+		set(layer[vr_setup_d2k3].background, false);
			
 
				+		set(layer[vr_setup_d2k4].background, false);
			
 
				+		set(layer[vr_setup_vig2].background, false);
			
 
				+		set(layer[vr_setup_cac2].background, false);
			
 
				+		set(layer[vr_setup_olp2].background, false);
			
 
				+
			
 
				+		set(selected_setting, null);
			
 
				+		delete(selected_var_value);
			
 
				+
			
 
				+		set(layer[vr_setup_btn1].ondown, vr_setup_change_ondown(-1) );
			
 
				+		set(layer[vr_setup_btn2].ondown, vr_setup_change_ondown(+1) );
			
 
				+		set(selected_var_callback, null);
			
 
				+
			
 
				+		set(selected_var, %1);
			
 
				+
			
 
				+		if(selected_var == 'screen',
			
 
				+			set(selected_setting,      vr_setup_siz2);
			
 
				+			set(selected_var_name,     'webvr.mobilevr_screensize');
			
 
				+			set(selected_var_postfix,  ' inch');
			
 
				+			copy(selected_var_value,   get(selected_var_name));
			
 
				+			if(selected_var_value == 'auto', copy(selected_var_value, webvr.devicesize));
			
 
				+			if(selected_var_value LE 0, set(selected_var_value, 5.0));
			
 
				+			set(selected_var_step,     0.1);
			
 
				+			set(selected_var_min,      4);
			
 
				+			set(selected_var_max,      10);
			
 
				+			set(selected_var_round,    1);
			
 
				+			set(selected_var_callback, vr_setup_change_screen() );
			
 
				+		  );
			
 
				+
			
 
				+		if(selected_var == 'ipd',
			
 
				+			set(selected_setting,      vr_setup_ipd2);
			
 
				+			set(selected_var_name,     'webvr.mobilevr_ipd');
			
 
				+			set(selected_var_postfix,  ' mm');
			
 
				+			copy(selected_var_value,   get(selected_var_name));
			
 
				+			set(selected_var_step,     0.1);
			
 
				+			set(selected_var_min,      40);
			
 
				+			set(selected_var_max,      80);
			
 
				+			set(selected_var_round,    1);
			
 
				+		  );
			
 
				+
			
 
				+		if(selected_var == 'headset',
			
 
				+			set(selected_setting,      vr_setup_hmd2);
			
 
				+			set(layer[vr_setup_btn1].ondown, vr_setup_change_headset(-1) );
			
 
				+			set(layer[vr_setup_btn2].ondown, vr_setup_change_headset(+1) );
			
 
				+		  );
			
 
				+
			
 
				+		if(selected_var == 'fov',
			
 
				+			set(selected_setting,      vr_setup_fov2);
			
 
				+			set(selected_var_name,     'webvr.mobilevr_lens_fov');
			
 
				+			set(selected_var_postfix,  '');
			
 
				+			copy(selected_var_value,   get(selected_var_name));
			
 
				+			set(selected_var_step,     0.1);
			
 
				+			set(selected_var_min,      40);
			
 
				+			set(selected_var_max,      179);
			
 
				+			set(selected_var_round,    1);
			
 
				+			set(selected_var_callback, vr_setup_change_headset(0) );
			
 
				+		  );
			
 
				+
			
 
				+		if(selected_var == 'dist',
			
 
				+			set(selected_setting,      vr_setup_dst2);
			
 
				+			set(selected_var_name,     'webvr.mobilevr_lens_dist');
			
 
				+			set(selected_var_postfix,  '');
			
 
				+			copy(selected_var_value,   get(selected_var_name));
			
 
				+			set(selected_var_step,     0.01);
			
 
				+			set(selected_var_min,      0);
			
 
				+			set(selected_var_max,      5);
			
 
				+			set(selected_var_round,    2);
			
 
				+			set(selected_var_callback, vr_setup_change_headset(0) );
			
 
				+		  );
			
 
				+		
			
 
				+		if(selected_var == 'dist2k1',
			
 
				+			set(selected_setting,      vr_setup_d2k1);
			
 
				+			set(selected_var_name,     'i_dist2_k1');
			
 
				+			set(selected_var_postfix,  '');
			
 
				+			copy(selected_var_value,   get(selected_var_name));
			
 
				+			set(selected_var_step,     0.01);
			
 
				+			set(selected_var_min,      -9);
			
 
				+			set(selected_var_max,      +9);
			
 
				+			set(selected_var_round,    2);
			
 
				+			set(selected_var_callback, vr_setup_update_dist2() );
			
 
				+		  );
			
 
				+		
			
 
				+		if(selected_var == 'dist2k2',
			
 
				+			set(selected_setting,      vr_setup_d2k2);
			
 
				+			set(selected_var_name,     'i_dist2_k2');
			
 
				+			set(selected_var_postfix,  '');
			
 
				+			copy(selected_var_value,   get(selected_var_name));
			
 
				+			set(selected_var_step,     0.01);
			
 
				+			set(selected_var_min,      -9);
			
 
				+			set(selected_var_max,      +9);
			
 
				+			set(selected_var_round,    2);
			
 
				+			set(selected_var_callback, vr_setup_update_dist2() );
			
 
				+		  );
			
 
				+		
			
 
				+		if(selected_var == 'dist2k3',
			
 
				+			set(selected_setting,      vr_setup_d2k3);
			
 
				+			set(selected_var_name,     'i_dist2_k3');
			
 
				+			set(selected_var_postfix,  '');
			
 
				+			copy(selected_var_value,   get(selected_var_name));
			
 
				+			set(selected_var_step,     0.01);
			
 
				+			set(selected_var_min,      -9);
			
 
				+			set(selected_var_max,      +9);
			
 
				+			set(selected_var_round,    2);
			
 
				+			set(selected_var_callback, vr_setup_update_dist2() );
			
 
				+		  );
			
 
				+
			
 
				+		if(selected_var == 'dist2k4',
			
 
				+			set(selected_setting,      vr_setup_d2k4);
			
 
				+			set(selected_var_name,     'i_dist2_k4');
			
 
				+			set(selected_var_postfix,  '');
			
 
				+			copy(selected_var_value,   get(selected_var_name));
			
 
				+			set(selected_var_step,     0.01);
			
 
				+			set(selected_var_min,      -9);
			
 
				+			set(selected_var_max,      +9);
			
 
				+			set(selected_var_round,    2);
			
 
				+			set(selected_var_callback, vr_setup_update_dist2() );
			
 
				+		  );
			
 
				+
			
 
				+		if(selected_var == 'vignette',
			
 
				+			set(selected_setting,      vr_setup_vig2);
			
 
				+			set(selected_var_name,     'webvr.mobilevr_lens_vign');
			
 
				+			set(selected_var_postfix,  '');
			
 
				+			copy(selected_var_value,   get(selected_var_name));
			
 
				+			set(selected_var_step,     1);
			
 
				+			set(selected_var_min,      10);
			
 
				+			set(selected_var_max,      200);
			
 
				+			set(selected_var_round,    0);
			
 
				+			set(selected_var_callback, vr_setup_change_headset(0) );
			
 
				+		  );
			
 
				+
			
 
				+		if(selected_var == 'ca',
			
 
				+			set(selected_setting,      vr_setup_cac2);
			
 
				+			set(selected_var_name,     'webvr.mobilevr_lens_ca');
			
 
				+			set(selected_var_postfix,  '');
			
 
				+			copy(selected_var_value,   get(selected_var_name));
			
 
				+			set(selected_var_step,     0.01);
			
 
				+			set(selected_var_min,      -1.0);
			
 
				+			set(selected_var_max,      +1.0);
			
 
				+			set(selected_var_round,    2);
			
 
				+			set(selected_var_callback, vr_setup_change_headset(0) );
			
 
				+		  );
			
 
				+		  
			
 
				+		if(selected_var == 'overlap',
			
 
				+			set(selected_setting,      vr_setup_olp2);
			
 
				+			set(selected_var_name,     'webvr.mobilevr_lens_overlap');
			
 
				+			set(selected_var_postfix,  '');
			
 
				+			copy(selected_var_value,   get(selected_var_name));
			
 
				+			set(selected_var_step,     0.01);
			
 
				+			set(selected_var_min,      0.5);
			
 
				+			set(selected_var_max,      2.0);
			
 
				+			set(selected_var_round,    2);
			
 
				+			set(selected_var_callback, vr_setup_change_headset(0) );
			
 
				+		  );
			
 
				+
			
 
				+		if(selected_setting != null,
			
 
				+			set(layer[get(selected_setting)].background, true);
			
 
				+			if(%2 == true,
			
 
				+				set(layer[vr_setup_btn1].y, get(layer[get(selected_setting)].y));
			
 
				+				set(layer[vr_setup_btn2].y, get(layer[get(selected_setting)].y));
			
 
				+			  ,
			
 
				+				tween(layer[vr_setup_btn1].y, get(layer[get(selected_setting)].y));
			
 
				+				tween(layer[vr_setup_btn2].y, get(layer[get(selected_setting)].y));
			
 
				+			  );
			
 
				+		  );
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<action name="vr_setup_change_screen">
			
 
				+		set(layer[vr_setup_dvn2].html, 'Custom');
			
 
				+		set(layer[vr_setup_dvn2].css, calc('color:#FFFFFF;font-size:'+40*webvr_setup_scale+'px;font-weight:bold;'));
			
 
				+		set(layer[vr_setup_siz2].css, calc('color:#FFFFFF;font-size:'+40*webvr_setup_scale+'px;font-weight:bold;'));
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<action name="vr_setup_change_ondown">
			
 
				+		copy(t0,timertick);
			
 
				+		set(t1,0);
			
 
				+		asyncloop(pressed,
			
 
				+			copy(t2,timertick);
			
 
				+			sub(dt,t2,t1);
			
 
				+			if(dt GT 100,
			
 
				+				copy(t1,t2);
			
 
				+				sub(dt,t1,t0);
			
 
				+				div(dt,1000);
			
 
				+				Math.max(dt,1);
			
 
				+				mul(dt,%1);
			
 
				+				vr_setup_adjust(get(dt));
			
 
				+			  );
			
 
				+		  );
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<action name="vr_setup_adjust">
			
 
				+		if(selected_setting != null,
			
 
				+			mul(change, selected_var_step, %1);
			
 
				+			add(selected_var_value, change);
			
 
				+			Math.max(selected_var_value, selected_var_min);
			
 
				+			Math.min(selected_var_value, selected_var_max);
			
 
				+			roundval(selected_var_value, get(selected_var_round));
			
 
				+			tween(get(selected_var_name), get(selected_var_value), 0.1);
			
 
				+			txtadd(layer[get(selected_setting)].html, get(selected_var_value), get(selected_var_postfix));
			
 
				+			if(selected_var_callback != null, selected_var_callback());
			
 
				+		  );
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<action name="vr_setup_change_headset">
			
 
				+		set(i_headset, 'Custom');
			
 
				+		if(%1 != 0,
			
 
				+			copy(i_fov, webvr.mobilevr_lens_fov);
			
 
				+			roundval(i_fov, 1);
			
 
				+			copy(i_dist, webvr.mobilevr_lens_dist);
			
 
				+			roundval(i_dist, 2);
			
 
				+			copy(i_dist2, webvr.mobilevr_lens_dist2);
			
 
				+			copy(i_vig, webvr.mobilevr_lens_vign);
			
 
				+			roundval(i_vig, 0);
			
 
				+			copy(i_ca, webvr.mobilevr_lens_ca);
			
 
				+			roundval(i_ca, 3);
			
 
				+			copy(i_overlap, webvr.mobilevr_lens_overlap);
			
 
				+			roundval(i_overlap, 2);
			
 
				+			set(i_hsindex, -1);
			
 
				+			copy(i_hscount, vrheadsets.headset.count);
			
 
				+			for(set(i,0), i LT i_hscount, inc(i),
			
 
				+				copy(hs, vrheadsets.headset[get(i)]);
			
 
				+				if(i_overlap == hs.overlap AND i_fov == hs.fov AND i_dist == hs.dist AND i_dist2 == hs.dist2 AND i_ca == hs.ca AND i_vig == hs.vig , copy(i_hsindex, i); copy(i_headset, hs.caption); );
			
 
				+			   );
			
 
				+
			
 
				+			if(%1 GT 0,
			
 
				+				<!-- loop right -->
			
 
				+				add(i_hsindex, 1);
			
 
				+				if(i_hsindex GE i_hscount, set(i_hsindex,0));
			
 
				+			  ,
			
 
				+				<!-- loop left -->
			
 
				+				sub(i_hsindex, 1);
			
 
				+				if(i_hsindex LT 0, sub(i_hsindex,i_hscount,1));
			
 
				+			  );
			
 
				+
			
 
				+			copy(hs, vrheadsets.headset[get(i_hsindex)]);
			
 
				+			copy(i_headset, hs.caption);
			
 
				+			copy(i_overlap, hs.overlap);
			
 
				+			copy(i_fov,     hs.fov);
			
 
				+			copy(i_dist,    hs.dist);
			
 
				+			copy(i_dist2,   hs.dist2);
			
 
				+			copy(i_ca,      hs.ca);
			
 
				+			copy(i_vig,     hs.vig);
			
 
				+		  );
			
 
				+
			
 
				+		copy(layer[vr_setup_hmd2].html, i_headset);
			
 
				+		if(%1 != 0,
			
 
				+			copy(webvr.mobilevr_lens_overlap, i_overlap);
			
 
				+			copy(webvr.mobilevr_lens_fov, i_fov);
			
 
				+			copy(webvr.mobilevr_lens_dist, i_dist);
			
 
				+			copy(webvr.mobilevr_lens_dist2, i_dist2);
			
 
				+			copy(webvr.mobilevr_lens_ca, i_ca);
			
 
				+			copy(webvr.mobilevr_lens_vign, i_vig);
			
 
				+			copy(layer[vr_setup_olp2].html, i_overlap);
			
 
				+			copy(layer[vr_setup_fov2].html, i_fov);
			
 
				+			copy(layer[vr_setup_dst2].html, i_dist);
			
 
				+			
			
 
				+			txtsplit(i_dist2, '|', i_dist2_k1, i_dist2_k2, i_dist2_k3, i_dist2_k4);
			
 
				+			mul(i_dist2_k1,1);
			
 
				+			mul(i_dist2_k2,10);
			
 
				+			mul(i_dist2_k3,10);
			
 
				+			mul(i_dist2_k4,10);
			
 
				+			roundval(i_dist2_k1,2);
			
 
				+			roundval(i_dist2_k2,2);
			
 
				+			roundval(i_dist2_k3,2);
			
 
				+			roundval(i_dist2_k4,2);
			
 
				+			copy(layer[vr_setup_d2k1].html, i_dist2_k1);
			
 
				+			copy(layer[vr_setup_d2k2].html, i_dist2_k2);
			
 
				+			copy(layer[vr_setup_d2k3].html, i_dist2_k3);
			
 
				+			copy(layer[vr_setup_d2k4].html, i_dist2_k4);
			
 
				+			
			
 
				+			copy(layer[vr_setup_cac2].html, i_ca);
			
 
				+			copy(layer[vr_setup_vig2].html, i_vig);
			
 
				+		  );
			
 
				+	</action>
			
 
				+
			
 
				+</krpano>
			
--- a/web/public/static/lib/krpano/plugins/webvr_cursor_80x80_17f.png
+++ b/web/public/static/lib/krpano/plugins/webvr_cursor_80x80_17f.png
--- a/web/public/static/lib/krpano/skin/img_doticon_01.svg
+++ b/web/public/static/lib/krpano/skin/img_doticon_01.svg
@@ -0,0 +1,21 @@
 
				+<?xml version="1.0" encoding="UTF-8"?>
			
 
				+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				+    <title>img_doticon_01</title>
			
 
				+    <g id="编辑器" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				+        <g id="icon" transform="translate(-301.000000, -514.000000)" fill-rule="nonzero">
			
 
				+            <g id="img_doticon_01" transform="translate(301.000000, 514.000000)">
			
 
				+                <rect id="box" fill-opacity="0" fill="#FFFFFF" x="0" y="0" width="28" height="28"></rect>
			
 
				+                <g id="组_3856" transform="translate(0.000000, 6.000000)">
			
 
				+                    <path d="M14.001,7.555 L0.056,15.785 C0.0126054449,15.8112854 -0.00867245421,15.8627216 0.00347072632,15.9119816 C0.0156139069,15.9612417 0.058360381,15.9968951 0.109,16 L6.222,16 L13.999,11.41 L21.776,16 L27.89,16 C27.9406396,15.9968951 27.9833861,15.9612417 27.9955293,15.9119816 C28.0076725,15.8627216 27.9863946,15.8112854 27.943,15.785 L14.001,7.555 Z" id="路径_1339-2" fill="#000000" opacity="0.4"></path>
			
 
				+                    <path d="M14.002,4.683 L19.961,7.875 L24.511,7.875 C24.5624468,7.87202014 24.6057597,7.83545696 24.6173305,7.78523975 C24.6289013,7.73502254 24.6059555,7.68319237 24.561,7.658 L14.002,2 L3.443,7.658 C3.39804452,7.68319237 3.37509869,7.73502254 3.38666948,7.78523975 C3.39824026,7.83545696 3.44155322,7.87202014 3.493,7.875 L8.043,7.875 L14.002,4.683 Z" id="路径_1340-2" fill="#000000" opacity="0.6"></path>
			
 
				+                    <g id="编组" transform="translate(0.000000, 5.000000)" fill="#FFFFFF" opacity="0.8">
			
 
				+                        <path d="M13.998,0.553 L0.051,8.796 C0.00871211887,8.82153017 -0.0116166444,8.87193307 0.00112551213,8.91965824 C0.0138676686,8.96738341 0.0566143459,9.00094578 0.106,9.002 L6.227,9.002 L13.996,4.411 L21.765,9.002 L27.888,9.002 C27.9373857,9.00094578 27.9801323,8.96738341 27.9928745,8.91965824 C28.0056166,8.87193307 27.9852879,8.82153017 27.943,8.796 L13.998,0.553 Z" id="路径_1339-3-2"></path>
			
 
				+                    </g>
			
 
				+                    <g id="编组" transform="translate(3.000000, 0.000000)" fill="#FFFFFF">
			
 
				+                        <path d="M11.003,2.681 L16.956,5.873 L21.517,5.873 C21.567027,5.87169479 21.6099942,5.83707541 21.6219116,5.78847112 C21.633829,5.73986684 21.6117492,5.68929839 21.568,5.665 L11.003,-0.001 L0.437,5.665 C0.393250843,5.68929839 0.371170959,5.73986684 0.383088355,5.78847112 C0.395005751,5.83707541 0.437973037,5.87169479 0.488,5.873 L5.05,5.873 L11.003,2.681 Z" id="路径_1340-3-2"></path>
			
 
				+                    </g>
			
 
				+                </g>
			
 
				+            </g>
			
 
				+        </g>
			
 
				+    </g>
			
 
				+</svg>
			
--- a/web/public/static/lib/krpano/skin/rotate_device.png
+++ b/web/public/static/lib/krpano/skin/rotate_device.png
--- a/web/public/static/lib/krpano/skin/vtourskin.png
+++ b/web/public/static/lib/krpano/skin/vtourskin.png
--- a/web/public/static/lib/krpano/skin/vtourskin.xml
+++ b/web/public/static/lib/krpano/skin/vtourskin.xml
--- a/web/public/static/lib/krpano/skin/vtourskin_design_117.xml
+++ b/web/public/static/lib/krpano/skin/vtourskin_design_117.xml
@@ -0,0 +1,28 @@
 
				+<krpano>
			
 
				+
			
 
				+	<!-- Version 1.17 Design -->
			
 
				+
			
 
				+	<skin_settings layout_width="100%"
			
 
				+	               layout_maxwidth=""
			
 
				+	               controlbar_width="100%"
			
 
				+	               controlbar_height.normal="40"
			
 
				+	               controlbar_height.mobile="38"
			
 
				+	               controlbar_offset.normal="20"
			
 
				+	               controlbar_offset.mobile="0"
			
 
				+	               controlbar_offset_closed="-2"
			
 
				+	               controlbar_overlap="0"
			
 
				+	               design_skin_images="vtourskin.png"
			
 
				+	               design_bgcolor="0x000000"
			
 
				+	               design_bgalpha="0.5"
			
 
				+	               design_bgborder="1,0 0xFFFFFF 1"
			
 
				+	               design_bgroundedge.no-ios="0"
			
 
				+	               design_bgroundedge.ios="1"
			
 
				+	               design_bgshadow="0 0 20 0x000000 1.0"
			
 
				+	               design_thumbborder_bgborder="4 0xFFFFFF 1.0"
			
 
				+	               design_thumbborder_padding="2"
			
 
				+	               design_thumbborder_bgroundedge="3"
			
 
				+	               design_text_css="color:#FFFFFF; font-family:Arial; font-weight:bold;"
			
 
				+	               design_text_shadow="1"
			
 
				+	               />
			
 
				+
			
 
				+</krpano>
			
--- a/web/public/static/lib/krpano/skin/vtourskin_design_117round.xml
+++ b/web/public/static/lib/krpano/skin/vtourskin_design_117round.xml
@@ -0,0 +1,31 @@
 
				+<krpano>
			
 
				+
			
 
				+	<!-- Version 1.17 Round Design -->
			
 
				+
			
 
				+	<skin_settings layout_width="100%"
			
 
				+	               layout_maxwidth.normal="900"
			
 
				+	               layout_maxwidth.mobile=""
			
 
				+	               controlbar_width.normal="-44"
			
 
				+	               controlbar_width.mobile="100%"
			
 
				+	               controlbar_height.normal="38"
			
 
				+	               controlbar_height.mobile="34"
			
 
				+	               controlbar_offset.normal="22"
			
 
				+	               controlbar_offset.mobile="0"
			
 
				+	               controlbar_offset_closed="-40"
			
 
				+	               controlbar_overlap.normal="7"
			
 
				+	               controlbar_overlap.mobile="2"
			
 
				+	               design_skin_images="vtourskin.png"
			
 
				+	               design_bgcolor="0x000000"
			
 
				+	               design_bgalpha="0.5"
			
 
				+	               design_bgborder="0 0xFFFFFF 1.0"
			
 
				+	               design_bgroundedge.normal="9"
			
 
				+	               design_bgroundedge.mobile="1"
			
 
				+	               design_bgshadow="0 0 9 0xFFFFFF 0.5"
			
 
				+	               design_thumbborder_bgborder="4 0xFFFFFF 1.0"
			
 
				+	               design_thumbborder_padding="2"
			
 
				+	               design_thumbborder_bgroundedge="5"
			
 
				+	               design_text_css="color:#FFFFFF; font-family:Arial; font-weight:bold;"
			
 
				+	               design_text_shadow="1"
			
 
				+	               />
			
 
				+
			
 
				+</krpano>
			
--- a/web/public/static/lib/krpano/skin/vtourskin_design_black.xml
+++ b/web/public/static/lib/krpano/skin/vtourskin_design_black.xml
@@ -0,0 +1,71 @@
 
				+<krpano>
			
 
				+
			
 
				+	<!-- Flat Light Design -->
			
 
				+
			
 
				+	<!-- modify the <skin_settings> values -->
			
 
				+	<skin_settings layout_width="100%"
			
 
				+	               layout_maxwidth="100%"
			
 
				+	               controlbar_width="100%"
			
 
				+	               controlbar_height="40"
			
 
				+	               controlbar_offset.normal="0"
			
 
				+	               controlbar_offset.mobile="0"
			
 
				+	               controlbar_offset_closed="-40"
			
 
				+	               controlbar_overlap.no-fractionalscaling="0"
			
 
				+	               controlbar_overlap.fractionalscaling="0"
			
 
				+	               design_skin_images="vtourskin.png"
			
 
				+	               design_bgcolor="0x000000"
			
 
				+	               design_bgalpha="1.0"
			
 
				+	               design_bgborder="0"
			
 
				+	               design_bgroundedge="0"
			
 
				+	               design_bgshadow="0 4 10 0xFFFFFF 0.3"
			
 
				+	               design_thumbborder_bgborder="3 0xB2B2B2 1.0"
			
 
				+	               design_thumbborder_padding="2"
			
 
				+	               design_thumbborder_bgroundedge="0"
			
 
				+	               design_text_css="color:#FFFFFF; font-family:Arial;"
			
 
				+	               design_text_shadow="0"
			
 
				+	               />
			
 
				+
			
 
				+	<!-- adjust the design of some skin elements  -->
			
 
				+	<layer name="skin_layer">
			
 
				+		<layer name="skin_loadingtext" width="100%" css="calc:skin_settings.design_text_css + ' text-align:center; font-size:20px;'" padding="4 6" textshadow="calc:2.0" textshadowrange="1.0" textshadowangle="90" textshadowcolor="0x2D3E50" textshadowalpha="1.0" />
			
 
				+		<layer name="skin_control_bar" alpha="0.7" />
			
 
				+	</layer>
			
 
				+
			
 
				+
			
 
				+	<!-- use a fullscreen map -->
			
 
				+	<action name="skin_showmap">
			
 
				+		if(%1 == null, if(layer[skin_map].state == 'closed', set(show,true), set(show,false)); , set(show,%1); );
			
 
				+		mul(mh, layer[skin_scroll_layer].pixelheight, -1);
			
 
				+		if(show,
			
 
				+			tween(layer[skin_thumbs_container].alpha, 0.0, 0.25, default, set(layer[skin_thumbs_container].visible,false));
			
 
				+			set(layer[skin_map].visible, true);
			
 
				+			tween(layer[skin_map].alpha, 1.0, 0.25);
			
 
				+			set(layer[skin_map].state, 'opened');
			
 
				+			sub(hh,area.pixelheight,skin_settings.controlbar_offset);
			
 
				+			sub(hh,layer[skin_control_bar].height);
			
 
				+			sub(hh,0);
			
 
				+			add(mh,hh);
			
 
				+			sub(hh,skin_settings.controlbar_overlap);
			
 
				+			copy(layer[skin_map].height, hh);
			
 
				+			tween(layer[skin_scroll_layer].y, get(mh), 0.5, easeOutQuint);
			
 
				+		  ,
			
 
				+		  	if(layer[skin_map].state != 'closed',
			
 
				+				set(layer[skin_map].state, 'closed');
			
 
				+				add(mh, layer[skin_scroll_layer].y_offset);
			
 
				+				tween(layer[skin_map].alpha, 0.0, 0.5, easeOutQuint);
			
 
				+				tween(layer[skin_scroll_layer].y, get(mh), 0.5, easeOutQuint, set(layer[skin_map].visible,false) );
			
 
				+			  );
			
 
				+		  );
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	<!-- webvr button style (adjust to match skin style) -->
			
 
				+	<style name="webvr_button_style"
			
 
				+	       border="false"
			
 
				+	       roundedge="calc:1.0"
			
 
				+	       backgroundcolor="get:skin_settings.design_bgcolor" backgroundalpha="get:skin_settings.design_bgalpha"
			
 
				+	       shadow="0.01" shadowrange="10.0" shadowangle="90.0" shadowcolor="0x30261B" shadowalpha="0.50"
			
 
				+	       css="calc:skin_settings.design_text_css + ' font-size:' + 20*webvr_setup_scale*webvr_button_scale + 'px;'"
			
 
				+	       />
			
 
				+
			
 
				+</krpano>
			
--- a/web/public/static/lib/krpano/skin/vtourskin_design_flat_light.xml
+++ b/web/public/static/lib/krpano/skin/vtourskin_design_flat_light.xml
@@ -0,0 +1,42 @@
 
				+<krpano>
			
 
				+
			
 
				+	<!-- Flat Light Design -->
			
 
				+
			
 
				+	<!-- modify the <skin_settings> values -->
			
 
				+	<skin_settings layout_width="100%"
			
 
				+	               layout_maxwidth="814"
			
 
				+	               controlbar_width="-24"
			
 
				+	               controlbar_height="40"
			
 
				+	               controlbar_offset.normal="20"
			
 
				+	               controlbar_offset.mobile="20"
			
 
				+	               controlbar_offset_closed="-40"
			
 
				+	               controlbar_overlap.no-fractionalscaling="10"
			
 
				+	               controlbar_overlap.fractionalscaling="0"
			
 
				+	               design_skin_images="vtourskin_light.png"
			
 
				+	               design_bgcolor="0x2D3E50"
			
 
				+	               design_bgalpha="0.8"
			
 
				+	               design_bgborder="0"
			
 
				+	               design_bgroundedge="1"
			
 
				+	               design_bgshadow="0 4 10 0x000000 0.3"
			
 
				+	               design_thumbborder_bgborder="2 0xFFFFFF 0.8"
			
 
				+	               design_thumbborder_padding="2"
			
 
				+	               design_thumbborder_bgroundedge="0"
			
 
				+	               design_text_css="color:#FFFFFF; font-family:Arial; font-weight:lighter;"
			
 
				+	               design_text_shadow="1"
			
 
				+	               />
			
 
				+
			
 
				+	<!-- adjust the design of some skin elements  -->
			
 
				+	<layer name="skin_layer">
			
 
				+		<layer name="skin_loadingtext" width="100%" css="calc:skin_settings.design_text_css + ' text-align:center; font-size:20px;'" padding="4 6" textshadow="calc:2.0" textshadowrange="1.0" textshadowangle="90" textshadowcolor="0x2D3E50" textshadowalpha="1.0" />
			
 
				+	</layer>
			
 
				+
			
 
				+	<!-- webvr button style (adjust to match skin style) -->
			
 
				+	<style name="webvr_button_style"
			
 
				+	       border="false"
			
 
				+	       roundedge="calc:1.0"
			
 
				+	       backgroundcolor="get:skin_settings.design_bgcolor" backgroundalpha="get:skin_settings.design_bgalpha"
			
 
				+	       shadow="0.01" shadowrange="10.0" shadowangle="90.0" shadowcolor="0x30261B" shadowalpha="0.50"
			
 
				+	       css="calc:skin_settings.design_text_css + ' font-size:' + 20*webvr_setup_scale*webvr_button_scale + 'px;'"
			
 
				+	       />
			
 
				+
			
 
				+</krpano>
			
--- a/web/public/static/lib/krpano/skin/vtourskin_design_glass.xml
+++ b/web/public/static/lib/krpano/skin/vtourskin_design_glass.xml
@@ -0,0 +1,40 @@
 
				+<krpano>
			
 
				+
			
 
				+	<!-- Glass Design -->
			
 
				+
			
 
				+	<!-- modify the <skin_settings> values -->
			
 
				+	<skin_settings thumbs_scrollindicator="true"
			
 
				+	               layout_width="100%"
			
 
				+	               layout_maxwidth="680"
			
 
				+	               xcontrolbar_width="-44"
			
 
				+	               controlbar_width="-20"
			
 
				+	               controlbar_height="36"
			
 
				+	               controlbar_offset.normal="40"
			
 
				+	               controlbar_offset.mobile="12"
			
 
				+	               controlbar_offset_closed="-40"
			
 
				+	               controlbar_overlap="10"
			
 
				+	               design_skin_images="vtourskin.png"
			
 
				+	               design_bgcolor="0xFFFFFF"
			
 
				+	               design_bgalpha="0.25"
			
 
				+	               design_bgborder="2 0xFFFFFF 0.1"
			
 
				+	               design_bgroundedge="13"
			
 
				+	               design_bgshadow="0"
			
 
				+	               design_thumbborder_bgborder="3 0xFFFFFF 1.0"
			
 
				+	               design_thumbborder_padding="2"
			
 
				+	               design_thumbborder_bgroundedge="5"
			
 
				+	               design_text_css="color:#FFFFFF; font-family:Arial; font-weight:bold;"
			
 
				+	               design_text_shadow="0"
			
 
				+	               />
			
 
				+
			
 
				+	<!-- webvr button style (adjust to match default skin style) -->
			
 
				+	<style name="webvr_button_style"
			
 
				+	       border="true" borderwidth="2" bordercolor="0xFFFFFF" borderalpha="0.25"
			
 
				+	       backgroundcolor="get:skin_settings.design_bgcolor" backgroundalpha="get:skin_settings.design_bgalpha"
			
 
				+	       shadow="0"
			
 
				+	       css="calc:skin_settings.design_text_css + ' color:#FFFFFF; font-weight:normal; font-size:' + 20*webvr_setup_scale*webvr_button_scale + 'px;'"
			
 
				+	       />
			
 
				+
			
 
				+	<!-- contextmenu style (adjust to match skin style) -->
			
 
				+	<contextmenu customstyle="default|default|default|0x77AAAAAA|0xFFFFFF|0xBBBBBB|2|0x7FFFFFFF|13|0|0|0|0xFFFFFF|0|0|4|6|7|0xAAFFFFFF|none|3|0|0|0|3|0xAAFFFFFF|0xAAFFFFFF|0xFFFFFF|12|8" />
			
 
				+
			
 
				+</krpano>
			
--- a/web/public/static/lib/krpano/skin/vtourskin_design_ultra_light.xml
+++ b/web/public/static/lib/krpano/skin/vtourskin_design_ultra_light.xml
@@ -0,0 +1,58 @@
 
				+<krpano>
			
 
				+
			
 
				+	<!-- Ultra Light Design -->
			
 
				+
			
 
				+	<!-- modify the <skin_settings> values -->
			
 
				+	<skin_settings title="false"
			
 
				+	               layout_width="100%"
			
 
				+	               layout_maxwidth="814"
			
 
				+	               controlbar_width="-24"
			
 
				+	               controlbar_height="40"
			
 
				+	               controlbar_offset.normal="30"
			
 
				+	               controlbar_offset.mobile="20"
			
 
				+	               controlbar_offset_closed="-40"
			
 
				+	               controlbar_overlap="0"
			
 
				+	               design_skin_images="vtourskin_light.png"
			
 
				+	               design_bgcolor="0x2D3E50"
			
 
				+	               design_bgalpha="0.0"
			
 
				+	               design_bgborder="0,0,1,0 0xFFFFFF 1"
			
 
				+	               design_bgroundedge="0"
			
 
				+	               design_bgshadow="0"
			
 
				+	               design_thumbborder_bgborder="1 0xFFFFFF 0.8"
			
 
				+	               design_thumbborder_padding="0"
			
 
				+	               design_thumbborder_bgroundedge="0"
			
 
				+	               design_text_css="color:#FFFFFF; font-family:Arial; font-weight:lighter;"
			
 
				+	               design_text_shadow="0"
			
 
				+	               />
			
 
				+
			
 
				+	<!-- webvr button style (adjust to match skin style) -->
			
 
				+	<style name="webvr_button_style"
			
 
				+	       border="false"
			
 
				+	       roundedge="calc:1.0"
			
 
				+	       backgroundcolor="get:skin_settings.design_bgcolor" backgroundalpha="get:skin_settings.design_bgalpha"
			
 
				+	       shadow="0.01" shadowrange="10.0" shadowangle="90.0" shadowcolor="0x30261B" shadowalpha="0.50"
			
 
				+	       css="calc:skin_settings.design_text_css + ' font-size:' + 20*webvr_setup_scale*webvr_button_scale + 'px;'"
			
 
				+	       />
			
 
				+
			
 
				+	<!-- adjust video controls to match skin style -->
			
 
				+	<layer name="skin_layer">
			
 
				+		<layer name="skin_scroll_window">
			
 
				+			<layer name="skin_scroll_layer">
			
 
				+				<layer name="skin_video_controls">
			
 
				+					<layer name="skin_video_seekbar_container">
			
 
				+						<layer name="skin_video_seekbar" height="1" y="4">
			
 
				+							<layer name="skin_video_loadbar" height="1" />
			
 
				+							<layer name="skin_video_seekpos" bgroundedge="2" width="6" height="6" />
			
 
				+						</layer>
			
 
				+					</layer>
			
 
				+					<layer name="skin_video_time" y="-4" />
			
 
				+				</layer>
			
 
				+			</layer>
			
 
				+		</layer>
			
 
				+	</layer>
			
 
				+					
			
 
				+
			
 
				+	<!-- contextmenu style (adjust to match skin style) -->
			
 
				+	<contextmenu customstyle="default|default|default|0x7F000000|0xFFFFFF|0xBBBBBB|0|0x20FFFFFF|1|0|0|0|0xFFFFFF|0|0xFFFFFF|4|6|7|0xAAFFFFFF|none|3|0|0|0|3|0xFFFFFF|0xFFFFFF|0x000000|12|8" />
			
 
				+
			
 
				+</krpano>
			
--- a/web/public/static/lib/krpano/skin/vtourskin_hotspot.png
+++ b/web/public/static/lib/krpano/skin/vtourskin_hotspot.png
--- a/web/public/static/lib/krpano/skin/vtourskin_light.png
+++ b/web/public/static/lib/krpano/skin/vtourskin_light.png
--- a/web/public/static/lib/krpano/skin/vtourskin_mapspot.png
+++ b/web/public/static/lib/krpano/skin/vtourskin_mapspot.png
--- a/web/public/static/lib/krpano/skin/vtourskin_mapspotactive.png
+++ b/web/public/static/lib/krpano/skin/vtourskin_mapspotactive.png
--- a/web/public/static/lib/krpano/tour.xml
+++ b/web/public/static/lib/krpano/tour.xml
@@ -0,0 +1,127 @@
 
				+<krpano version="1.19" title="Virtual Tour">
			
 
				+
			
 
				+	<include url="%SWFPATH%/skin/vtourskin.xml" />
			
 
				+
			
 
				+	<!-- customize skin settings: maps, gyro, webvr, thumbnails, tooltips, layout, design, ... -->
			
 
				+	<skin_settings maps="false"
			
 
				+	               maps_type="google"
			
 
				+	               maps_bing_api_key=""
			
 
				+	               maps_google_api_key=""
			
 
				+	               maps_zoombuttons="false"
			
 
				+	               gyro="true"
			
 
				+	               webvr="true"
			
 
				+	               webvr_gyro_keeplookingdirection="false"
			
 
				+	               webvr_prev_next_hotspots="true"
			
 
				+	               littleplanetintro="false"
			
 
				+	               title="true"
			
 
				+	               thumbs="true"
			
 
				+	               thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160"
			
 
				+	               thumbs_opened="false"
			
 
				+	               thumbs_text="false"
			
 
				+	               thumbs_dragging="true"
			
 
				+	               thumbs_onhoverscrolling="false"
			
 
				+	               thumbs_scrollbuttons="false"
			
 
				+	               thumbs_scrollindicator="false"
			
 
				+	               thumbs_loop="false"
			
 
				+	               tooltips_buttons="false"
			
 
				+	               tooltips_thumbs="false"
			
 
				+	               tooltips_hotspots="false"
			
 
				+	               tooltips_mapspots="false"
			
 
				+	               deeplinking="false"
			
 
				+	               loadscene_flags="MERGE"
			
 
				+	               loadscene_blend="OPENBLEND(0.5, 0.0, 0.75, 0.05, linear)"
			
 
				+	               loadscene_blend_prev="SLIDEBLEND(0.5, 180, 0.75, linear)"
			
 
				+	               loadscene_blend_next="SLIDEBLEND(0.5,   0, 0.75, linear)"
			
 
				+	               loadingtext="loading..."
			
 
				+	               layout_width="100%"
			
 
				+	               layout_maxwidth="814"
			
 
				+	               controlbar_width="-24"
			
 
				+	               controlbar_height="40"
			
 
				+	               controlbar_offset="20"
			
 
				+	               controlbar_offset_closed="-40"
			
 
				+	               controlbar_overlap.no-fractionalscaling="10"
			
 
				+	               controlbar_overlap.fractionalscaling="0"
			
 
				+	               design_skin_images="vtourskin.png"
			
 
				+	               design_bgcolor="0x2D3E50"
			
 
				+	               design_bgalpha="0.8"
			
 
				+	               design_bgborder="0"
			
 
				+	               design_bgroundedge="1"
			
 
				+	               design_bgshadow="0 4 10 0x000000 0.3"
			
 
				+	               design_thumbborder_bgborder="3 0xFFFFFF 1.0"
			
 
				+	               design_thumbborder_padding="2"
			
 
				+	               design_thumbborder_bgroundedge="0"
			
 
				+	               design_text_css="color:#FFFFFF; font-family:Arial;"
			
 
				+	               design_text_shadow="1"
			
 
				+	               />
			
 
				+
			
 
				+	<!--
			
 
				+	    For an alternative skin design either change the <skin_settings> values 
			
 
				+	    from above or optionally include one of the predefined designs from below.
			
 
				+	-->
			
 
				+	<!-- <include url="skin/vtourskin_design_flat_light.xml"  /> -->
			
 
				+	<!-- <include url="skin/vtourskin_design_glass.xml"       /> -->
			
 
				+	<!-- <include url="skin/vtourskin_design_ultra_light.xml" /> -->
			
 
				+	<!-- <include url="skin/vtourskin_design_117.xml"         /> -->
			
 
				+	<!-- <include url="skin/vtourskin_design_117round.xml"    /> -->
			
 
				+	<!-- <include url="skin/vtourskin_design_black.xml"       /> -->
			
 
				+
			
 
				+
			
 
				+	<!-- startup action - load the first scene -->
			
 
				+	<action name="startup" autorun="onstart">
			
 
				+		if(startscene === null OR !scene[get(startscene)], copy(startscene,scene[0].name); );
			
 
				+		loadscene(get(startscene), null, MERGE);
			
 
				+		if(startactions !== null, startactions() );
			
 
				+	</action>
			
 
				+
			
 
				+
			
 
				+	
			
 
				+	 
			
 
				+	
			
 
				+	<scene name="scene_LC720_0t8dybyQW" title="LC720_0t8dybyQW" onstart="" thumburl="panos/LC720_0t8dybyQW.tiles/thumb.jpg" lat="" lng="" heading="">
			
 
				+
			
 
				+		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
			
 
				+
			
 
				+		<preview url="panos/LC720_0t8dybyQW.tiles/preview.jpg" />
			
 
				+
			
 
				+		<image type="CUBE" multires="true" tilesize="512">
			
 
				+			<level tiledimagewidth="5376" tiledimageheight="5376">
			
 
				+				<cube url="panos/LC720_0t8dybyQW.tiles/%s/l4/%v/l4_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="2688" tiledimageheight="2688">
			
 
				+				<cube url="panos/LC720_0t8dybyQW.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="1280" tiledimageheight="1280">
			
 
				+				<cube url="panos/LC720_0t8dybyQW.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="640" tiledimageheight="640">
			
 
				+				<cube url="panos/LC720_0t8dybyQW.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+		</image>
			
 
				+
			
 
				+	</scene>
			
 
				+
			
 
				+
			
 
				+	
			
 
				+	<scene name="scene_LC720_LPxLKsriO" title="LC720_LPxLKsriO" onstart="" thumburl="panos/LC720_LPxLKsriO.tiles/thumb.jpg" lat="" lng="" heading="">
			
 
				+
			
 
				+		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
			
 
				+
			
 
				+		<preview url="panos/LC720_LPxLKsriO.tiles/preview.jpg" />
			
 
				+
			
 
				+		<image type="CUBE" multires="true" tilesize="512">
			
 
				+			<level tiledimagewidth="2624" tiledimageheight="2624">
			
 
				+				<cube url="panos/LC720_LPxLKsriO.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="1280" tiledimageheight="1280">
			
 
				+				<cube url="panos/LC720_LPxLKsriO.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="640" tiledimageheight="640">
			
 
				+				<cube url="panos/LC720_LPxLKsriO.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+		</image>
			
 
				+
			
 
				+	</scene>
			
 
				+
			
 
				+
			
 
				+
			
 
				+ </krpano>
			
--- a/web/public/static/lib/krpano/tour_test1.xml
+++ b/web/public/static/lib/krpano/tour_test1.xml
@@ -0,0 +1,207 @@
 
				+<krpano version="1.19" debugmode="true" logkey="true" title="Virtual Tour">
			
 
				+
			
 
				+	<include url="%SWFPATH%/skin/vtourskin.xml" />
			
 
				+
			
 
				+	<!-- customize skin settings: maps, gyro, webvr, thumbnails, tooltips, layout, design, ... -->
			
 
				+	<skin_settings maps="false"
			
 
				+	               maps_type="google"
			
 
				+	               maps_bing_api_key=""
			
 
				+	               maps_google_api_key=""
			
 
				+	               maps_zoombuttons="false"
			
 
				+	               gyro="true"
			
 
				+	               webvr="true"
			
 
				+	               webvr_gyro_keeplookingdirection="false"
			
 
				+	               webvr_prev_next_hotspots="true"
			
 
				+	               littleplanetintro="false"
			
 
				+	               title="true"
			
 
				+	               thumbs="true"
			
 
				+	               thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160"
			
 
				+	               thumbs_opened="false"
			
 
				+	               thumbs_text="false"
			
 
				+	               thumbs_dragging="true"
			
 
				+	               thumbs_onhoverscrolling="false"
			
 
				+	               thumbs_scrollbuttons="false"
			
 
				+	               thumbs_scrollindicator="false"
			
 
				+	               thumbs_loop="false"
			
 
				+	               tooltips_buttons="false"
			
 
				+	               tooltips_thumbs="false"
			
 
				+	               tooltips_hotspots="false"
			
 
				+	               tooltips_mapspots="false"
			
 
				+	               deeplinking="false"
			
 
				+	               loadscene_flags="MERGE"
			
 
				+	               loadscene_blend="OPENBLEND(0.5, 0.0, 0.75, 0.05, linear)"
			
 
				+	               loadscene_blend_prev="SLIDEBLEND(0.5, 180, 0.75, linear)"
			
 
				+	               loadscene_blend_next="SLIDEBLEND(0.5,   0, 0.75, linear)"
			
 
				+	               loadingtext="loading..."
			
 
				+	               layout_width="100%"
			
 
				+	               layout_maxwidth="814"
			
 
				+	               controlbar_width="-24"
			
 
				+	               controlbar_height="40"
			
 
				+	               controlbar_offset="20"
			
 
				+	               controlbar_offset_closed="-40"
			
 
				+	               controlbar_overlap.no-fractionalscaling="10"
			
 
				+	               controlbar_overlap.fractionalscaling="0"
			
 
				+	               design_skin_images="vtourskin.png"
			
 
				+	               design_bgcolor="0x2D3E50"
			
 
				+	               design_bgalpha="0.8"
			
 
				+	               design_bgborder="0"
			
 
				+	               design_bgroundedge="1"
			
 
				+	               design_bgshadow="0 4 10 0x000000 0.3"
			
 
				+	               design_thumbborder_bgborder="3 0xFFFFFF 1.0"
			
 
				+	               design_thumbborder_padding="2"
			
 
				+	               design_thumbborder_bgroundedge="0"
			
 
				+	               design_text_css="color:#FFFFFF; font-family:Arial;"
			
 
				+	               design_text_shadow="1"
			
 
				+	               />
			
 
				+
			
 
				+	<!--
			
 
				+	    For an alternative skin design either change the <skin_settings> values 
			
 
				+	    from above or optionally include one of the predefined designs from below.
			
 
				+	-->
			
 
				+	<!-- <include url="skin/vtourskin_design_flat_light.xml"  /> -->
			
 
				+	<!-- <include url="skin/vtourskin_design_glass.xml"       /> -->
			
 
				+	<!-- <include url="skin/vtourskin_design_ultra_light.xml" /> -->
			
 
				+	<!-- <include url="skin/vtourskin_design_117.xml"         /> -->
			
 
				+	<!-- <include url="skin/vtourskin_design_117round.xml"    /> -->
			
 
				+	<!-- <include url="skin/vtourskin_design_black.xml"       /> -->
			
 
				+
			
 
				+
			
 
				+
			
 
				+	
			
 
				+	 
			
 
				+
			
 
				+
			
 
				+	
			
 
				+	<scene name="scene_LC720_0t8dybyQW" title="LC720_0t8dybyQW" onstart="" thumburl="http://192.168.0.245:8007/pano/LC720_0t8dybyQW/panos/LC720_0t8dybyQW.tiles/thumb.jpg" lat="" lng="" heading="">
			
 
				+
			
 
				+		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
			
 
				+
			
 
				+		<preview url="http://192.168.0.245:8007/pano/LC720_0t8dybyQW/panos/LC720_0t8dybyQW.tiles/preview.jpg" />
			
 
				+
			
 
				+		<image type="CUBE" multires="true" tilesize="512">
			
 
				+			<level tiledimagewidth="5376" tiledimageheight="5376">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_0t8dybyQW/panos/LC720_0t8dybyQW.tiles/%s/l4/%v/l4_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="2688" tiledimageheight="2688">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_0t8dybyQW/panos/LC720_0t8dybyQW.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="1280" tiledimageheight="1280">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_0t8dybyQW/panos/LC720_0t8dybyQW.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="640" tiledimageheight="640">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_0t8dybyQW/panos/LC720_0t8dybyQW.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+		</image>
			
 
				+
			
 
				+	</scene>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+	
			
 
				+	<scene name="scene_LC720_LPxLKsriO" title="LC720_LPxLKsriO" onstart="" thumburl="http://192.168.0.245:8007/pano/LC720_LPxLKsriO/panos/LC720_LPxLKsriO.tiles/thumb.jpg" lat="" lng="" heading="">
			
 
				+
			
 
				+		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
			
 
				+
			
 
				+		<preview url="http://192.168.0.245:8007/pano/LC720_LPxLKsriO/panos/LC720_LPxLKsriO.tiles/preview.jpg" />
			
 
				+
			
 
				+		<image type="CUBE" multires="true" tilesize="512">
			
 
				+			<level tiledimagewidth="2624" tiledimageheight="2624">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_LPxLKsriO/panos/LC720_LPxLKsriO.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="1280" tiledimageheight="1280">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_LPxLKsriO/panos/LC720_LPxLKsriO.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="640" tiledimageheight="640">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_LPxLKsriO/panos/LC720_LPxLKsriO.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+		</image>
			
 
				+
			
 
				+	</scene>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+	
			
 
				+	<scene name="scene_LC720_E9iaNYFNU" title="LC720_E9iaNYFNU" onstart="" thumburl="http://192.168.0.245:8007/pano/LC720_E9iaNYFNU/panos/LC720_E9iaNYFNU.tiles/thumb.jpg" lat="" lng="" heading="">
			
 
				+
			
 
				+		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
			
 
				+
			
 
				+		<preview url="http://192.168.0.245:8007/pano/LC720_E9iaNYFNU/panos/LC720_E9iaNYFNU.tiles/preview.jpg" />
			
 
				+
			
 
				+		<image type="CUBE" multires="true" tilesize="512">
			
 
				+			<level tiledimagewidth="1280" tiledimageheight="1280">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_E9iaNYFNU/panos/LC720_E9iaNYFNU.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="640" tiledimageheight="640">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_E9iaNYFNU/panos/LC720_E9iaNYFNU.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+		</image>
			
 
				+
			
 
				+	</scene>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+	
			
 
				+	<scene name="scene_LC720_iFNiGfEaD" title="LC720_iFNiGfEaD" onstart="" thumburl="http://192.168.0.245:8007/pano/LC720_iFNiGfEaD/panos/LC720_iFNiGfEaD.tiles/thumb.jpg" lat="" lng="" heading="">
			
 
				+
			
 
				+		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
			
 
				+
			
 
				+		<preview url="http://192.168.0.245:8007/pano/LC720_iFNiGfEaD/panos/LC720_iFNiGfEaD.tiles/preview.jpg" />
			
 
				+
			
 
				+		<image type="CUBE" multires="true" tilesize="512">
			
 
				+			<level tiledimagewidth="5376" tiledimageheight="5376">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_iFNiGfEaD/panos/LC720_iFNiGfEaD.tiles/%s/l4/%v/l4_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="2688" tiledimageheight="2688">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_iFNiGfEaD/panos/LC720_iFNiGfEaD.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="1280" tiledimageheight="1280">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_iFNiGfEaD/panos/LC720_iFNiGfEaD.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="640" tiledimageheight="640">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_iFNiGfEaD/panos/LC720_iFNiGfEaD.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+		</image>
			
 
				+
			
 
				+	</scene>
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+	
			
 
				+	<scene name="scene_LC720_xBDfIKWZu" title="LC720_xBDfIKWZu" onstart="" thumburl="http://192.168.0.245:8007/pano/LC720_xBDfIKWZu/panos/LC720_xBDfIKWZu.tiles/thumb.jpg" lat="" lng="" heading="">
			
 
				+
			
 
				+		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
			
 
				+
			
 
				+		<preview url="http://192.168.0.245:8007/pano/LC720_xBDfIKWZu/panos/LC720_xBDfIKWZu.tiles/preview.jpg" />
			
 
				+
			
 
				+		<image type="CUBE" multires="true" tilesize="512">
			
 
				+			<level tiledimagewidth="5376" tiledimageheight="5376">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_xBDfIKWZu/panos/LC720_xBDfIKWZu.tiles/%s/l4/%v/l4_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="2688" tiledimageheight="2688">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_xBDfIKWZu/panos/LC720_xBDfIKWZu.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="1280" tiledimageheight="1280">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_xBDfIKWZu/panos/LC720_xBDfIKWZu.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+			<level tiledimagewidth="640" tiledimageheight="640">
			
 
				+				<cube url="http://192.168.0.245:8007/pano/LC720_xBDfIKWZu/panos/LC720_xBDfIKWZu.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
			
 
				+			</level>
			
 
				+		</image>
			
 
				+
			
 
				+	</scene>
			
 
				+
			
 
				+
			
 
				+
			
 
				+ </krpano>
			
--- a/web/public/static/lib/leaflet.css
+++ b/web/public/static/lib/leaflet.css
@@ -0,0 +1,735 @@
 
				+/* required styles */
			
 
				+
			
 
				+.leaflet-pane,
			
 
				+
			
 
				+#mapDiv { height: 300px; }
			
 
				+    #mapDiv .point{
			
 
				+        width: 15px ;
			
 
				+        height: 15px;
			
 
				+        background: #3DC5C4;
			
 
				+        border-radius: 15px;
			
 
				+        border: 3px solid #FFFFFF;
			
 
				+        position: relative;
			
 
				+    }
			
 
				+    #mapDiv .point .point_bg{
			
 
				+        width: 100px;
			
 
				+        height: 100px;
			
 
				+        position: absolute;
			
 
				+        top: -42px;
			
 
				+        left: -42px;
			
 
				+        z-index: -1;
			
 
				+        overflow: hidden;
			
 
				+        border-radius: 50%;
			
 
				+        display: none;
			
 
				+				pointer-events: none;
			
 
				+    }
			
 
				+    
			
 
				+    #mapDiv .point .click_model{
			
 
				+        width: 40px;
			
 
				+        height: 40px;
			
 
				+        position: absolute;
			
 
				+        top: -12px;
			
 
				+        left: -12px;
			
 
				+        z-index: 5;
			
 
				+        cursor: pointer;
			
 
				+    }
			
 
				+    #mapDiv .point .point_bg .rotate{
			
 
				+        width: 50px;
			
 
				+        height: 50px;
			
 
				+        background: rgba(0,0,0,.4);
			
 
				+        box-sizing: border-box;
			
 
				+        border-right: 1px solid #ffffff;
			
 
				+        border-bottom: 1px solid #FFFFFF;
			
 
				+    }
			
 
				+    #mapDiv .point.active{
			
 
				+        background: #ff0000;
			
 
				+    }
			
 
				+    #mapDiv .point.active .point_bg{
			
 
				+        display: block;
			
 
				+    }
			
 
				+
			
 
				+
			
 
				+
			
 
				+	#shapan .point{
			
 
				+        width: 15px ;
			
 
				+        height: 15px;
			
 
				+        background: #3DC5C4;
			
 
				+        border-radius: 15px;
			
 
				+        border: 3px solid #FFFFFF;
			
 
				+        position: relative;
			
 
				+    }
			
 
				+    #shapan .point .point_bg{
			
 
				+        width: 100px;
			
 
				+        height: 100px;
			
 
				+        position: absolute;
			
 
				+        top: -42px;
			
 
				+        left: -42px;
			
 
				+        z-index: -1;
			
 
				+        overflow: hidden;
			
 
				+        border-radius: 50%;
			
 
				+        display: none;
			
 
				+    }
			
 
				+    
			
 
				+    #shapan .point .click_model{
			
 
				+        width: 40px;
			
 
				+        height: 40px;
			
 
				+        position: absolute;
			
 
				+        top: -12px;
			
 
				+        left: -12px;
			
 
				+        z-index: 5;
			
 
				+        cursor: pointer;
			
 
				+    }
			
 
				+    #shapan .point .point_bg .rotate{
			
 
				+        width: 50px;
			
 
				+        height: 50px;
			
 
				+        background: rgba(0,0,0,.4);
			
 
				+        box-sizing: border-box;
			
 
				+        border-right: 1px solid #ffffff;
			
 
				+        border-bottom: 1px solid #FFFFFF;
			
 
				+    }
			
 
				+    #shapan .point.active{
			
 
				+        background: #ff0000;
			
 
				+    }
			
 
				+    #shapan .point.active .point_bg{
			
 
				+        display: block;
			
 
				+    }
			
 
				+
			
 
				+
			
 
				+
			
 
				+.leaflet-tile,
			
 
				+.leaflet-marker-icon,
			
 
				+.leaflet-marker-shadow,
			
 
				+.leaflet-tile-container,
			
 
				+.leaflet-pane > svg,
			
 
				+.leaflet-pane > canvas,
			
 
				+.leaflet-zoom-box,
			
 
				+.leaflet-image-layer,
			
 
				+.leaflet-layer {
			
 
				+	position: absolute;
			
 
				+	left: 0;
			
 
				+	top: 0;
			
 
				+	}
			
 
				+.leaflet-container {
			
 
				+	overflow: hidden;
			
 
				+	}
			
 
				+.leaflet-tile,
			
 
				+.leaflet-marker-icon,
			
 
				+.leaflet-marker-shadow {
			
 
				+	-webkit-user-select: none;
			
 
				+	   -moz-user-select: none;
			
 
				+	        user-select: none;
			
 
				+	  -webkit-user-drag: none;
			
 
				+	}
			
 
				+/* Prevents IE11 from highlighting tiles in blue */
			
 
				+.leaflet-tile::selection {
			
 
				+	background: transparent;
			
 
				+}
			
 
				+/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
			
 
				+.leaflet-safari .leaflet-tile {
			
 
				+	image-rendering: -webkit-optimize-contrast;
			
 
				+	}
			
 
				+/* hack that prevents hw layers "stretching" when loading new tiles */
			
 
				+.leaflet-safari .leaflet-tile-container {
			
 
				+	width: 1600px;
			
 
				+	height: 1600px;
			
 
				+	-webkit-transform-origin: 0 0;
			
 
				+	}
			
 
				+.leaflet-marker-icon,
			
 
				+.leaflet-marker-shadow {
			
 
				+	display: block;
			
 
				+	}
			
 
				+/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
			
 
				+/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
			
 
				+.leaflet-container .leaflet-overlay-pane svg,
			
 
				+.leaflet-container .leaflet-marker-pane img,
			
 
				+.leaflet-container .leaflet-shadow-pane img,
			
 
				+.leaflet-container .leaflet-tile-pane img,
			
 
				+.leaflet-container img.leaflet-image-layer,
			
 
				+.leaflet-container .leaflet-tile {
			
 
				+	max-width: none !important;
			
 
				+	max-height: none !important;
			
 
				+	}
			
 
				+
			
 
				+.leaflet-container.leaflet-touch-zoom {
			
 
				+	-ms-touch-action: pan-x pan-y;
			
 
				+	touch-action: pan-x pan-y;
			
 
				+	}
			
 
				+.leaflet-container.leaflet-touch-drag {
			
 
				+	-ms-touch-action: pinch-zoom;
			
 
				+	/* Fallback for FF which doesn't support pinch-zoom */
			
 
				+	touch-action: none;
			
 
				+	touch-action: pinch-zoom;
			
 
				+}
			
 
				+.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
			
 
				+	-ms-touch-action: none;
			
 
				+	touch-action: none;
			
 
				+}
			
 
				+.leaflet-container {
			
 
				+	-webkit-tap-highlight-color: transparent;
			
 
				+}
			
 
				+.leaflet-container a {
			
 
				+	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
			
 
				+}
			
 
				+.leaflet-tile {
			
 
				+	filter: inherit;
			
 
				+	visibility: hidden;
			
 
				+	}
			
 
				+.leaflet-tile-loaded {
			
 
				+	visibility: inherit;
			
 
				+	}
			
 
				+.leaflet-zoom-box {
			
 
				+	width: 0;
			
 
				+	height: 0;
			
 
				+	-moz-box-sizing: border-box;
			
 
				+	     box-sizing: border-box;
			
 
				+	z-index: 800;
			
 
				+	}
			
 
				+/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
			
 
				+.leaflet-overlay-pane svg {
			
 
				+	-moz-user-select: none;
			
 
				+	}
			
 
				+
			
 
				+.leaflet-pane         { z-index: 400; }
			
 
				+
			
 
				+.leaflet-tile-pane    { z-index: 200; }
			
 
				+.leaflet-overlay-pane { z-index: 400; }
			
 
				+.leaflet-shadow-pane  { z-index: 500; }
			
 
				+.leaflet-marker-pane  { z-index: 600; }
			
 
				+.leaflet-tooltip-pane   { z-index: 650; }
			
 
				+.leaflet-popup-pane   { z-index: 700; }
			
 
				+
			
 
				+.leaflet-map-pane canvas { z-index: 100; }
			
 
				+.leaflet-map-pane svg    { z-index: 200; }
			
 
				+
			
 
				+.leaflet-vml-shape {
			
 
				+	width: 1px;
			
 
				+	height: 1px;
			
 
				+	}
			
 
				+.lvml {
			
 
				+	behavior: url(#default#VML);
			
 
				+	display: inline-block;
			
 
				+	position: absolute;
			
 
				+	}
			
 
				+
			
 
				+
			
 
				+/* control positioning */
			
 
				+
			
 
				+.leaflet-control {
			
 
				+	position: relative;
			
 
				+	z-index: 800;
			
 
				+	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
			
 
				+	pointer-events: auto;
			
 
				+	}
			
 
				+.leaflet-top,
			
 
				+.leaflet-bottom {
			
 
				+	position: absolute;
			
 
				+	z-index: 1000;
			
 
				+	pointer-events: none;
			
 
				+	}
			
 
				+.leaflet-top {
			
 
				+	top: 0;
			
 
				+	}
			
 
				+.leaflet-right {
			
 
				+	right: 0;
			
 
				+	}
			
 
				+.leaflet-bottom {
			
 
				+	bottom: 0;
			
 
				+	}
			
 
				+.leaflet-left {
			
 
				+	left: 0;
			
 
				+	}
			
 
				+.leaflet-control {
			
 
				+	float: left;
			
 
				+	clear: both;
			
 
				+	}
			
 
				+.leaflet-right .leaflet-control {
			
 
				+	float: right;
			
 
				+	}
			
 
				+.leaflet-top .leaflet-control {
			
 
				+	margin-top: 10px;
			
 
				+	}
			
 
				+.leaflet-bottom .leaflet-control {
			
 
				+	margin-bottom: 10px;
			
 
				+	}
			
 
				+.leaflet-left .leaflet-control {
			
 
				+	margin-left: 10px;
			
 
				+	}
			
 
				+.leaflet-right .leaflet-control {
			
 
				+	margin-right: 10px;
			
 
				+	}
			
 
				+
			
 
				+
			
 
				+/* zoom and fade animations */
			
 
				+
			
 
				+.leaflet-fade-anim .leaflet-tile {
			
 
				+	will-change: opacity;
			
 
				+	}
			
 
				+.leaflet-fade-anim .leaflet-popup {
			
 
				+	opacity: 0;
			
 
				+	-webkit-transition: opacity 0.2s linear;
			
 
				+	   -moz-transition: opacity 0.2s linear;
			
 
				+	        transition: opacity 0.2s linear;
			
 
				+	}
			
 
				+.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
			
 
				+	opacity: 1;
			
 
				+	}
			
 
				+.leaflet-zoom-animated {
			
 
				+	-webkit-transform-origin: 0 0;
			
 
				+	    -ms-transform-origin: 0 0;
			
 
				+	        transform-origin: 0 0;
			
 
				+	}
			
 
				+.leaflet-zoom-anim .leaflet-zoom-animated {
			
 
				+	will-change: transform;
			
 
				+	}
			
 
				+.leaflet-zoom-anim .leaflet-zoom-animated {
			
 
				+	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
			
 
				+	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
			
 
				+	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
			
 
				+	}
			
 
				+.leaflet-zoom-anim .leaflet-tile,
			
 
				+.leaflet-pan-anim .leaflet-tile {
			
 
				+	-webkit-transition: none;
			
 
				+	   -moz-transition: none;
			
 
				+	        transition: none;
			
 
				+	}
			
 
				+
			
 
				+.leaflet-zoom-anim .leaflet-zoom-hide {
			
 
				+	visibility: hidden;
			
 
				+	}
			
 
				+
			
 
				+
			
 
				+/* cursors */
			
 
				+
			
 
				+.leaflet-interactive {
			
 
				+	cursor: pointer;
			
 
				+	}
			
 
				+.leaflet-grab {
			
 
				+	cursor: -webkit-grab;
			
 
				+	cursor:    -moz-grab;
			
 
				+	cursor:         grab;
			
 
				+	}
			
 
				+.leaflet-crosshair,
			
 
				+.leaflet-crosshair .leaflet-interactive {
			
 
				+	cursor: crosshair;
			
 
				+	}
			
 
				+.leaflet-popup-pane,
			
 
				+.leaflet-control {
			
 
				+	cursor: auto;
			
 
				+	}
			
 
				+.leaflet-dragging .leaflet-grab,
			
 
				+.leaflet-dragging .leaflet-grab .leaflet-interactive,
			
 
				+.leaflet-dragging .leaflet-marker-draggable {
			
 
				+	cursor: move;
			
 
				+	cursor: -webkit-grabbing;
			
 
				+	cursor:    -moz-grabbing;
			
 
				+	cursor:         grabbing;
			
 
				+	}
			
 
				+
			
 
				+/* marker & overlays interactivity */
			
 
				+.leaflet-marker-icon,
			
 
				+.leaflet-marker-shadow,
			
 
				+.leaflet-image-layer,
			
 
				+.leaflet-pane > svg path,
			
 
				+.leaflet-tile-container {
			
 
				+	pointer-events: none;
			
 
				+	}
			
 
				+
			
 
				+.leaflet-marker-icon.leaflet-interactive,
			
 
				+.leaflet-image-layer.leaflet-interactive,
			
 
				+.leaflet-pane > svg path.leaflet-interactive,
			
 
				+svg.leaflet-image-layer.leaflet-interactive path {
			
 
				+	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
			
 
				+	pointer-events: auto;
			
 
				+	}
			
 
				+
			
 
				+/* visual tweaks */
			
 
				+
			
 
				+.leaflet-container {
			
 
				+	background: #5a5a5a;
			
 
				+	outline: 0;
			
 
				+	}
			
 
				+.leaflet-container a {
			
 
				+	color: #0078A8;
			
 
				+	}
			
 
				+.leaflet-container a.leaflet-active {
			
 
				+	outline: 2px solid orange;
			
 
				+	}
			
 
				+.leaflet-zoom-box {
			
 
				+	border: 2px dotted #38f;
			
 
				+	background: rgba(255,255,255,0.5);
			
 
				+	}
			
 
				+
			
 
				+
			
 
				+/* general typography */
			
 
				+.leaflet-container {
			
 
				+	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
			
 
				+	}
			
 
				+
			
 
				+
			
 
				+/* general toolbar styles */
			
 
				+
			
 
				+.leaflet-bar {
			
 
				+	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
			
 
				+	border-radius: 4px;
			
 
				+	}
			
 
				+.leaflet-bar a,
			
 
				+.leaflet-bar a:hover {
			
 
				+	background-color: #fff;
			
 
				+	border-bottom: 1px solid #ccc;
			
 
				+	width: 26px;
			
 
				+	height: 26px;
			
 
				+	line-height: 26px;
			
 
				+	display: block;
			
 
				+	text-align: center;
			
 
				+	text-decoration: none;
			
 
				+	color: black;
			
 
				+	}
			
 
				+.leaflet-bar a,
			
 
				+.leaflet-control-layers-toggle {
			
 
				+	background-position: 50% 50%;
			
 
				+	background-repeat: no-repeat;
			
 
				+	display: block;
			
 
				+	}
			
 
				+.leaflet-bar a:hover {
			
 
				+	background-color: #f4f4f4;
			
 
				+	}
			
 
				+.leaflet-bar a:first-child {
			
 
				+	border-top-left-radius: 4px;
			
 
				+	border-top-right-radius: 4px;
			
 
				+	}
			
 
				+.leaflet-bar a:last-child {
			
 
				+	border-bottom-left-radius: 4px;
			
 
				+	border-bottom-right-radius: 4px;
			
 
				+	border-bottom: none;
			
 
				+	}
			
 
				+.leaflet-bar a.leaflet-disabled {
			
 
				+	cursor: default;
			
 
				+	background-color: #f4f4f4;
			
 
				+	color: #bbb;
			
 
				+	}
			
 
				+
			
 
				+.leaflet-touch .leaflet-bar a {
			
 
				+	width: 30px;
			
 
				+	height: 30px;
			
 
				+	line-height: 30px;
			
 
				+	}
			
 
				+.leaflet-touch .leaflet-bar a:first-child {
			
 
				+	border-top-left-radius: 2px;
			
 
				+	border-top-right-radius: 2px;
			
 
				+	}
			
 
				+.leaflet-touch .leaflet-bar a:last-child {
			
 
				+	border-bottom-left-radius: 2px;
			
 
				+	border-bottom-right-radius: 2px;
			
 
				+	}
			
 
				+
			
 
				+/* zoom control */
			
 
				+
			
 
				+.leaflet-control-zoom-in,
			
 
				+.leaflet-control-zoom-out {
			
 
				+	font: bold 18px 'Lucida Console', Monaco, monospace;
			
 
				+	text-indent: 1px;
			
 
				+	}
			
 
				+
			
 
				+.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
			
 
				+	font-size: 22px;
			
 
				+	}
			
 
				+
			
 
				+
			
 
				+/* layers control */
			
 
				+
			
 
				+.leaflet-control-layers {
			
 
				+	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
			
 
				+	background: #fff;
			
 
				+	border-radius: 5px;
			
 
				+	}
			
 
				+.leaflet-control-layers-toggle {
			
 
				+	background-image: url(images/layers.png);
			
 
				+	width: 36px;
			
 
				+	height: 36px;
			
 
				+	}
			
 
				+.leaflet-retina .leaflet-control-layers-toggle {
			
 
				+	background-image: url(images/layers-2x.png);
			
 
				+	background-size: 26px 26px;
			
 
				+	}
			
 
				+.leaflet-touch .leaflet-control-layers-toggle {
			
 
				+	width: 44px;
			
 
				+	height: 44px;
			
 
				+	}
			
 
				+.leaflet-control-layers .leaflet-control-layers-list,
			
 
				+.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
			
 
				+	display: none;
			
 
				+	}
			
 
				+.leaflet-control-layers-expanded .leaflet-control-layers-list {
			
 
				+	display: block;
			
 
				+	position: relative;
			
 
				+	}
			
 
				+.leaflet-control-layers-expanded {
			
 
				+	padding: 6px 10px 6px 6px;
			
 
				+	color: #333;
			
 
				+	background: #fff;
			
 
				+	}
			
 
				+.leaflet-control-layers-scrollbar {
			
 
				+	overflow-y: scroll;
			
 
				+	overflow-x: hidden;
			
 
				+	padding-right: 5px;
			
 
				+	}
			
 
				+.leaflet-control-layers-selector {
			
 
				+	margin-top: 2px;
			
 
				+	position: relative;
			
 
				+	top: 1px;
			
 
				+	}
			
 
				+.leaflet-control-layers label {
			
 
				+	display: block;
			
 
				+	}
			
 
				+.leaflet-control-layers-separator {
			
 
				+	height: 0;
			
 
				+	border-top: 1px solid #ddd;
			
 
				+	margin: 5px -10px 5px -6px;
			
 
				+	}
			
 
				+
			
 
				+/* Default icon URLs */
			
 
				+.leaflet-default-icon-path {
			
 
				+	background-image: url(images/marker-icon.png);
			
 
				+	}
			
 
				+
			
 
				+
			
 
				+/* attribution and scale controls */
			
 
				+
			
 
				+.leaflet-container .leaflet-control-attribution {
			
 
				+	background: #fff;
			
 
				+	background: rgba(255, 255, 255, 0.7);
			
 
				+	margin: 0;
			
 
				+	}
			
 
				+.leaflet-control-attribution,
			
 
				+.leaflet-control-scale-line {
			
 
				+	padding: 0 5px;
			
 
				+	color: #333;
			
 
				+	}
			
 
				+.leaflet-control-attribution a {
			
 
				+	text-decoration: none;
			
 
				+	}
			
 
				+.leaflet-control-attribution a:hover {
			
 
				+	text-decoration: underline;
			
 
				+	}
			
 
				+.leaflet-container .leaflet-control-attribution,
			
 
				+.leaflet-container .leaflet-control-scale {
			
 
				+	font-size: 11px;
			
 
				+	}
			
 
				+.leaflet-left .leaflet-control-scale {
			
 
				+	margin-left: 5px;
			
 
				+	}
			
 
				+.leaflet-bottom .leaflet-control-scale {
			
 
				+	margin-bottom: 5px;
			
 
				+	}
			
 
				+.leaflet-control-scale-line {
			
 
				+	border: 2px solid #777;
			
 
				+	border-top: none;
			
 
				+	line-height: 1.1;
			
 
				+	padding: 2px 5px 1px;
			
 
				+	font-size: 11px;
			
 
				+	white-space: nowrap;
			
 
				+	overflow: hidden;
			
 
				+	-moz-box-sizing: border-box;
			
 
				+	     box-sizing: border-box;
			
 
				+
			
 
				+	background: #fff;
			
 
				+	background: rgba(255, 255, 255, 0.5);
			
 
				+	}
			
 
				+.leaflet-control-scale-line:not(:first-child) {
			
 
				+	border-top: 2px solid #777;
			
 
				+	border-bottom: none;
			
 
				+	margin-top: -2px;
			
 
				+	}
			
 
				+.leaflet-control-scale-line:not(:first-child):not(:last-child) {
			
 
				+	border-bottom: 2px solid #777;
			
 
				+	}
			
 
				+
			
 
				+.leaflet-touch .leaflet-control-attribution,
			
 
				+.leaflet-touch .leaflet-control-layers,
			
 
				+.leaflet-touch .leaflet-bar {
			
 
				+	box-shadow: none;
			
 
				+	}
			
 
				+.leaflet-touch .leaflet-control-layers,
			
 
				+.leaflet-touch .leaflet-bar {
			
 
				+	border: 2px solid rgba(0,0,0,0.2);
			
 
				+	background-clip: padding-box;
			
 
				+	}
			
 
				+
			
 
				+
			
 
				+/* popup */
			
 
				+
			
 
				+.leaflet-popup {
			
 
				+	position: absolute;
			
 
				+	text-align: center;
			
 
				+	margin-bottom: 20px;
			
 
				+	}
			
 
				+.leaflet-popup-content-wrapper {
			
 
				+	padding: 1px;
			
 
				+	text-align: left;
			
 
				+	border-radius: 12px;
			
 
				+	}
			
 
				+.leaflet-popup-content {
			
 
				+	margin: 13px 19px;
			
 
				+	line-height: 1.4;
			
 
				+	}
			
 
				+.leaflet-popup-content p {
			
 
				+	margin: 18px 0;
			
 
				+	}
			
 
				+.leaflet-popup-tip-container {
			
 
				+	width: 40px;
			
 
				+	height: 20px;
			
 
				+	position: absolute;
			
 
				+	left: 50%;
			
 
				+	margin-left: -20px;
			
 
				+	overflow: hidden;
			
 
				+	pointer-events: none;
			
 
				+	}
			
 
				+.leaflet-popup-tip {
			
 
				+	width: 17px;
			
 
				+	height: 17px;
			
 
				+	padding: 1px;
			
 
				+
			
 
				+	margin: -10px auto 0;
			
 
				+
			
 
				+	-webkit-transform: rotate(45deg);
			
 
				+	   -moz-transform: rotate(45deg);
			
 
				+	    -ms-transform: rotate(45deg);
			
 
				+	        transform: rotate(45deg);
			
 
				+	}
			
 
				+.leaflet-popup-content-wrapper,
			
 
				+.leaflet-popup-tip {
			
 
				+	background: white;
			
 
				+	color: #333;
			
 
				+	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
			
 
				+	}
			
 
				+.leaflet-container a.leaflet-popup-close-button {
			
 
				+	position: absolute;
			
 
				+	top: 0;
			
 
				+	right: 0;
			
 
				+	padding: 4px 4px 0 0;
			
 
				+	border: none;
			
 
				+	text-align: center;
			
 
				+	width: 18px;
			
 
				+	height: 14px;
			
 
				+	font: 16px/14px Tahoma, Verdana, sans-serif;
			
 
				+	color: #c3c3c3;
			
 
				+	text-decoration: none;
			
 
				+	font-weight: bold;
			
 
				+	background: transparent;
			
 
				+	}
			
 
				+.leaflet-container a.leaflet-popup-close-button:hover {
			
 
				+	color: #999;
			
 
				+	}
			
 
				+.leaflet-popup-scrolled {
			
 
				+	overflow: auto;
			
 
				+	border-bottom: 1px solid #ddd;
			
 
				+	border-top: 1px solid #ddd;
			
 
				+	}
			
 
				+
			
 
				+.leaflet-oldie .leaflet-popup-content-wrapper {
			
 
				+	-ms-zoom: 1;
			
 
				+	}
			
 
				+.leaflet-oldie .leaflet-popup-tip {
			
 
				+	width: 24px;
			
 
				+	margin: 0 auto;
			
 
				+
			
 
				+	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
			
 
				+	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
			
 
				+	}
			
 
				+.leaflet-oldie .leaflet-popup-tip-container {
			
 
				+	margin-top: -1px;
			
 
				+	}
			
 
				+
			
 
				+.leaflet-oldie .leaflet-control-zoom,
			
 
				+.leaflet-oldie .leaflet-control-layers,
			
 
				+.leaflet-oldie .leaflet-popup-content-wrapper,
			
 
				+.leaflet-oldie .leaflet-popup-tip {
			
 
				+	border: 1px solid #999;
			
 
				+	}
			
 
				+
			
 
				+
			
 
				+/* div icon */
			
 
				+
			
 
				+.leaflet-div-icon {
			
 
				+	background: #fff;
			
 
				+	border: 1px solid #666;
			
 
				+	}
			
 
				+
			
 
				+
			
 
				+/* Tooltip */
			
 
				+/* Base styles for the element that has a tooltip */
			
 
				+.leaflet-tooltip {
			
 
				+	position: absolute;
			
 
				+	padding: 6px;
			
 
				+	background-color: #fff;
			
 
				+	border: 1px solid #fff;
			
 
				+	border-radius: 3px;
			
 
				+	color: #222;
			
 
				+	white-space: nowrap;
			
 
				+	-webkit-user-select: none;
			
 
				+	-moz-user-select: none;
			
 
				+	-ms-user-select: none;
			
 
				+	user-select: none;
			
 
				+	pointer-events: none;
			
 
				+	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
			
 
				+	}
			
 
				+.leaflet-tooltip.leaflet-clickable {
			
 
				+	cursor: pointer;
			
 
				+	pointer-events: auto;
			
 
				+	}
			
 
				+.leaflet-tooltip-top:before,
			
 
				+.leaflet-tooltip-bottom:before,
			
 
				+.leaflet-tooltip-left:before,
			
 
				+.leaflet-tooltip-right:before {
			
 
				+	position: absolute;
			
 
				+	pointer-events: none;
			
 
				+	border: 6px solid transparent;
			
 
				+	background: transparent;
			
 
				+	content: "";
			
 
				+	}
			
 
				+
			
 
				+/* Directions */
			
 
				+
			
 
				+.leaflet-tooltip-bottom {
			
 
				+	margin-top: 6px;
			
 
				+}
			
 
				+.leaflet-tooltip-top {
			
 
				+	margin-top: -6px;
			
 
				+}
			
 
				+.leaflet-tooltip-bottom:before,
			
 
				+.leaflet-tooltip-top:before {
			
 
				+	left: 50%;
			
 
				+	margin-left: -6px;
			
 
				+	}
			
 
				+.leaflet-tooltip-top:before {
			
 
				+	bottom: 0;
			
 
				+	margin-bottom: -12px;
			
 
				+	border-top-color: #fff;
			
 
				+	}
			
 
				+.leaflet-tooltip-bottom:before {
			
 
				+	top: 0;
			
 
				+	margin-top: -12px;
			
 
				+	margin-left: -6px;
			
 
				+	border-bottom-color: #fff;
			
 
				+	}
			
 
				+.leaflet-tooltip-left {
			
 
				+	margin-left: -6px;
			
 
				+}
			
 
				+.leaflet-tooltip-right {
			
 
				+	margin-left: 6px;
			
 
				+}
			
 
				+.leaflet-tooltip-left:before,
			
 
				+.leaflet-tooltip-right:before {
			
 
				+	top: 50%;
			
 
				+	margin-top: -6px;
			
 
				+	}
			
 
				+.leaflet-tooltip-left:before {
			
 
				+	right: 0;
			
 
				+	margin-right: -12px;
			
 
				+	border-left-color: #fff;
			
 
				+	}
			
 
				+.leaflet-tooltip-right:before {
			
 
				+	left: 0;
			
 
				+	margin-left: -12px;
			
 
				+	border-right-color: #fff;
			
 
				+	}
			
--- a/web/public/static/lib/leaflet.js
+++ b/web/public/static/lib/leaflet.js
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_01.svg
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_01.svg
@@ -0,0 +1,21 @@
 
				+<?xml version="1.0" encoding="UTF-8"?>
			
 
				+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				+    <title>img_doticon_01</title>
			
 
				+    <g id="编辑器" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				+        <g id="icon" transform="translate(-301.000000, -514.000000)" fill-rule="nonzero">
			
 
				+            <g id="img_doticon_01" transform="translate(301.000000, 514.000000)">
			
 
				+                <rect id="box" fill-opacity="0" fill="#FFFFFF" x="0" y="0" width="28" height="28"></rect>
			
 
				+                <g id="组_3856" transform="translate(0.000000, 6.000000)">
			
 
				+                    <path d="M14.001,7.555 L0.056,15.785 C0.0126054449,15.8112854 -0.00867245421,15.8627216 0.00347072632,15.9119816 C0.0156139069,15.9612417 0.058360381,15.9968951 0.109,16 L6.222,16 L13.999,11.41 L21.776,16 L27.89,16 C27.9406396,15.9968951 27.9833861,15.9612417 27.9955293,15.9119816 C28.0076725,15.8627216 27.9863946,15.8112854 27.943,15.785 L14.001,7.555 Z" id="路径_1339-2" fill="#000000" opacity="0.4"></path>
			
 
				+                    <path d="M14.002,4.683 L19.961,7.875 L24.511,7.875 C24.5624468,7.87202014 24.6057597,7.83545696 24.6173305,7.78523975 C24.6289013,7.73502254 24.6059555,7.68319237 24.561,7.658 L14.002,2 L3.443,7.658 C3.39804452,7.68319237 3.37509869,7.73502254 3.38666948,7.78523975 C3.39824026,7.83545696 3.44155322,7.87202014 3.493,7.875 L8.043,7.875 L14.002,4.683 Z" id="路径_1340-2" fill="#000000" opacity="0.6"></path>
			
 
				+                    <g id="编组" transform="translate(0.000000, 5.000000)" fill="#FFFFFF" opacity="0.8">
			
 
				+                        <path d="M13.998,0.553 L0.051,8.796 C0.00871211887,8.82153017 -0.0116166444,8.87193307 0.00112551213,8.91965824 C0.0138676686,8.96738341 0.0566143459,9.00094578 0.106,9.002 L6.227,9.002 L13.996,4.411 L21.765,9.002 L27.888,9.002 C27.9373857,9.00094578 27.9801323,8.96738341 27.9928745,8.91965824 C28.0056166,8.87193307 27.9852879,8.82153017 27.943,8.796 L13.998,0.553 Z" id="路径_1339-3-2"></path>
			
 
				+                    </g>
			
 
				+                    <g id="编组" transform="translate(3.000000, 0.000000)" fill="#FFFFFF">
			
 
				+                        <path d="M11.003,2.681 L16.956,5.873 L21.517,5.873 C21.567027,5.87169479 21.6099942,5.83707541 21.6219116,5.78847112 C21.633829,5.73986684 21.6117492,5.68929839 21.568,5.665 L11.003,-0.001 L0.437,5.665 C0.393250843,5.68929839 0.371170959,5.73986684 0.383088355,5.78847112 C0.395005751,5.83707541 0.437973037,5.87169479 0.488,5.873 L5.05,5.873 L11.003,2.681 Z" id="路径_1340-3-2"></path>
			
 
				+                    </g>
			
 
				+                </g>
			
 
				+            </g>
			
 
				+        </g>
			
 
				+    </g>
			
 
				+</svg>
			
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_01@2x.png
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_01@2x.png
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_02.svg
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_02.svg
@@ -0,0 +1,15 @@
 
				+<?xml version="1.0" encoding="UTF-8"?>
			
 
				+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				+    <title>img_doticon_02</title>
			
 
				+    <g id="编辑器" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				+        <g id="icon" transform="translate(-342.000000, -514.000000)" fill-rule="nonzero">
			
 
				+            <g id="img_doticon_02" transform="translate(342.000000, 514.000000)">
			
 
				+                <rect id="box-2" fill-opacity="0" fill="#FFFFFF" x="0" y="0" width="28" height="28"></rect>
			
 
				+                <g id="组_3854" transform="translate(1.000000, 6.000000)">
			
 
				+                    <path d="M13,4.8 L13,2 L0,7.6 L13,13.2 L13,10.4 C18.571,10.429 23.5,12.68 25.257,16 C25.7377609,15.1446367 25.9934183,14.1811901 26,13.2 C26.1,8.626 20.284,4.865 13,4.8 L13,4.8 Z" id="路径_5042" fill-opacity="0.600000024" fill="#000000"></path>
			
 
				+                    <path d="M13,2.8 L13,0 L0,5.6 L13,11.2 L13,8.4 C18.571,8.429 23.5,10.68 25.257,14 C25.7377609,13.1446367 25.9934183,12.1811901 26,11.2 C26.1,6.626 20.284,2.865 13,2.8 L13,2.8 Z" id="路径_5042-2" fill="#FFFFFF"></path>
			
 
				+                </g>
			
 
				+            </g>
			
 
				+        </g>
			
 
				+    </g>
			
 
				+</svg>
			
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_02@2x.png
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_02@2x.png
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_03.svg
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_03.svg
@@ -0,0 +1,15 @@
 
				+<?xml version="1.0" encoding="UTF-8"?>
			
 
				+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				+    <title>img_doticon_03</title>
			
 
				+    <g id="编辑器" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				+        <g id="icon" transform="translate(-384.000000, -514.000000)" fill-rule="nonzero">
			
 
				+            <g id="img_doticon_03" transform="translate(384.000000, 514.000000)">
			
 
				+                <rect id="box-3" fill-opacity="0" fill="#FFFFFF" x="0" y="0" width="28" height="28"></rect>
			
 
				+                <g id="组_3855" transform="translate(1.000000, 6.000000)">
			
 
				+                    <path d="M13,4.8 L13,2 L26,7.6 L13,13.2 L13,10.4 C7.429,10.429 2.5,12.68 0.743,16 C0.262239137,15.1446367 0.00658169466,14.1811901 -2.16840434e-19,13.2 C-0.1,8.626 5.716,4.865 13,4.8 L13,4.8 Z" id="路径_5042-3" fill-opacity="0.600000024" fill="#000000"></path>
			
 
				+                    <path d="M13,2.8 L13,0 L26,5.6 L13,11.2 L13,8.4 C7.429,8.429 2.5,10.68 0.743,14 C0.262239137,13.1446367 0.00658169466,12.1811901 -2.16840434e-19,11.2 C-0.1,6.626 5.716,2.865 13,2.8 L13,2.8 Z" id="路径_5042-4" fill="#FFFFFF"></path>
			
 
				+                </g>
			
 
				+            </g>
			
 
				+        </g>
			
 
				+    </g>
			
 
				+</svg>
			
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_03@2x.png
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_03@2x.png
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_04.svg
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_04.svg
@@ -0,0 +1,28 @@
 
				+<?xml version="1.0" encoding="UTF-8"?>
			
 
				+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				+    <title>img_doticon_04</title>
			
 
				+    <defs>
			
 
				+        <radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="216.666667%" gradientTransform="translate(0.500000,0.500000),scale(0.230769,1.000000),translate(-0.500000,-0.500000)" id="radialGradient-1">
			
 
				+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
			
 
				+            <stop stop-color="#FFFFFF" stop-opacity="0.4" offset="100%"></stop>
			
 
				+        </radialGradient>
			
 
				+        <radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="200%" gradientTransform="translate(0.500000,0.500000),scale(0.250000,1.000000),translate(-0.500000,-0.500000)" id="radialGradient-2">
			
 
				+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
			
 
				+            <stop stop-color="#FFFFFF" stop-opacity="0.6" offset="100%"></stop>
			
 
				+        </radialGradient>
			
 
				+    </defs>
			
 
				+    <g id="编辑器" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				+        <g id="icon" transform="translate(-425.000000, -514.000000)" fill-rule="nonzero">
			
 
				+            <g id="img_doticon_04" transform="translate(425.000000, 514.000000)">
			
 
				+                <rect id="box-4" fill-opacity="0" fill="#FFFFFF" x="0" y="0" width="28" height="28"></rect>
			
 
				+                <g id="组_3859" transform="translate(1.000000, 4.000000)">
			
 
				+                    <g id="编组" transform="translate(1.000000, 0.000000)" fill="#FFFFFF">
			
 
				+                        <polygon id="路径_5041-2" points="18.857 0.003 12 6.86 5.143 0.003 0 0.003 12 12.003 24 0.003"></polygon>
			
 
				+                    </g>
			
 
				+                    <ellipse id="椭圆_72" fill="url(#radialGradient-1)" cx="13" cy="17" rx="13" ry="3"></ellipse>
			
 
				+                    <ellipse id="椭圆_73" fill="url(#radialGradient-2)" cx="13" cy="16" rx="6" ry="1.5"></ellipse>
			
 
				+                </g>
			
 
				+            </g>
			
 
				+        </g>
			
 
				+    </g>
			
 
				+</svg>
			
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_04@2x.png
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_04@2x.png
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_05.svg
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_05.svg
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_05@2x.png
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_05@2x.png
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_06.svg
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_06.svg
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_06@2x.png
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_06@2x.png
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_07.svg
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_07.svg
@@ -0,0 +1,28 @@
 
				+<?xml version="1.0" encoding="UTF-8"?>
			
 
				+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				+    <title>img_doticon_07</title>
			
 
				+    <defs>
			
 
				+        <radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="50%" id="radialGradient-1">
			
 
				+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
			
 
				+            <stop stop-color="#FFFFFF" stop-opacity="0.4" offset="100%"></stop>
			
 
				+        </radialGradient>
			
 
				+        <radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="50%" id="radialGradient-2">
			
 
				+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
			
 
				+            <stop stop-color="#FFFFFF" stop-opacity="0.6" offset="100%"></stop>
			
 
				+        </radialGradient>
			
 
				+    </defs>
			
 
				+    <g id="编辑器" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				+        <g id="icon" transform="translate(-549.000000, -514.000000)" fill-rule="nonzero">
			
 
				+            <g id="img_doticon_07" transform="translate(549.000000, 514.000000)">
			
 
				+                <rect id="box-7" fill-opacity="0" fill="#FFFFFF" x="0" y="0" width="28" height="28"></rect>
			
 
				+                <g id="组_3858-2" transform="translate(4.000000, 1.000000)">
			
 
				+                    <g id="编组" transform="translate(0.000000, 6.000000)" fill="#FFFFFF">
			
 
				+                        <polygon id="路径_5047-4" points="7.606 20.004 -0.004 11.78 2.755 9.257 6.084 12.435 6.084 0.005 9.223 0.005 9.223 5.914 10.903 4.68 12.851 4.935 13.024 6.594 14.842 5.913 16.442 6.423 16.269 7.742 18.91 6.891 19.993 9.443 18.693 20.003"></polygon>
			
 
				+                    </g>
			
 
				+                    <circle id="椭圆_77-3" fill="url(#radialGradient-1)" cx="7.5" cy="6" r="6"></circle>
			
 
				+                    <circle id="椭圆_78" fill="url(#radialGradient-2)" cx="7.5" cy="6" r="3"></circle>
			
 
				+                </g>
			
 
				+            </g>
			
 
				+        </g>
			
 
				+    </g>
			
 
				+</svg>
			
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_07@2x.png
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_07@2x.png
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_08.svg
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_08.svg
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_08@2x.png
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_08@2x.png
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_09.svg
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_09.svg
@@ -0,0 +1,23 @@
 
				+<?xml version="1.0" encoding="UTF-8"?>
			
 
				+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				+    <title>img_doticon_09</title>
			
 
				+    <g id="编辑器" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				+        <g id="icon" transform="translate(-631.000000, -514.000000)" fill="#FFFFFF" fill-rule="nonzero">
			
 
				+            <g id="img_doticon_09" transform="translate(631.000000, 514.000000)">
			
 
				+                <rect id="box-9" fill-opacity="0" x="0" y="0" width="28" height="28"></rect>
			
 
				+                <g id="组_3861" transform="translate(1.000000, 1.000000)">
			
 
				+                    <rect id="矩形_534" fill-opacity="0.400000006" transform="translate(13.000214, 13.000064) rotate(-135.000000) translate(-13.000214, -13.000064) " x="10.1352145" y="7.26956366" width="5.73" height="11.461"></rect>
			
 
				+                    <g id="编组" transform="translate(0.000000, 10.000000)">
			
 
				+                        <polygon id="路径_5051-2" points="9.623 2.325 6.923 5.025 10.975 9.077 13.675 6.377 15.532 8.234 7.766 16 0 8.234 7.766 0.468"></polygon>
			
 
				+                    </g>
			
 
				+                    <g id="编组" transform="translate(10.000000, 0.000000)">
			
 
				+                        <polygon id="路径_5052-2" points="16 7.766 8.234 15.532 6.377 13.675 9.077 10.975 5.025 6.923 2.325 9.623 0.468 7.766 8.234 0"></polygon>
			
 
				+                    </g>
			
 
				+                    <g id="编组" transform="translate(9.000000, 9.000000)">
			
 
				+                        <rect id="矩形_535-2" transform="translate(3.995861, 4.003565) rotate(-135.000000) translate(-3.995861, -4.003565) " x="3.04086093" y="0.18356512" width="1.91" height="7.64"></rect>
			
 
				+                    </g>
			
 
				+                </g>
			
 
				+            </g>
			
 
				+        </g>
			
 
				+    </g>
			
 
				+</svg>
			
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_09@2x.png
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_09@2x.png
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_10.svg
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_10.svg
@@ -0,0 +1,26 @@
 
				+<?xml version="1.0" encoding="UTF-8"?>
			
 
				+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				+    <title>img_doticon_10</title>
			
 
				+    <g id="编辑器" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				+        <g id="icon" transform="translate(-672.000000, -514.000000)" fill="#FFFFFF" fill-rule="nonzero">
			
 
				+            <g id="img_doticon_10" transform="translate(672.000000, 514.000000)">
			
 
				+                <rect id="box-10" fill-opacity="0" x="0" y="0" width="28" height="28"></rect>
			
 
				+                <g id="组_3864" transform="translate(2.000000, 3.000000)">
			
 
				+                    <g id="编组" stroke="#000000" stroke-opacity="0">
			
 
				+                        <path d="M12,22 L12,22 L4.352,18.334 L0,18.334 L0,3.668 L4.351,3.668 L12,0 L12,22 Z M10,6 L8,6.506 L8,15.495 L10,16.001 L10,6.001 L10,6 Z" id="减去_7-2"></path>
			
 
				+                    </g>
			
 
				+                    <polygon id="路径_5057" fill-opacity="0.400000006" points="10 16 8 15.495 8 6.505 10 6"></polygon>
			
 
				+                    <g id="编组" transform="translate(14.000000, 7.000000)" fill-opacity="0.800000012">
			
 
				+                        <rect id="矩形_540-2" x="0" y="0" width="2" height="8"></rect>
			
 
				+                    </g>
			
 
				+                    <g id="编组" transform="translate(22.000000, 8.000000)">
			
 
				+                        <rect id="矩形_541-2" x="0" y="0" width="2" height="6"></rect>
			
 
				+                    </g>
			
 
				+                    <g id="编组" transform="translate(18.000000, 4.000000)">
			
 
				+                        <rect id="矩形_542-2" x="0" y="0" width="2" height="14"></rect>
			
 
				+                    </g>
			
 
				+                </g>
			
 
				+            </g>
			
 
				+        </g>
			
 
				+    </g>
			
 
				+</svg>
			
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_10@2x.png
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_10@2x.png
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_11.svg
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_11.svg
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_11@2x.png
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_11@2x.png
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_12.svg
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_12.svg
@@ -0,0 +1,15 @@
 
				+<?xml version="1.0" encoding="UTF-8"?>
			
 
				+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			
 
				+    <title>img_doticon_12</title>
			
 
				+    <g id="编辑器" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			
 
				+        <g id="icon" transform="translate(-755.000000, -514.000000)" fill="#FFFFFF" fill-rule="nonzero">
			
 
				+            <g id="img_doticon_12" transform="translate(755.000000, 514.000000)">
			
 
				+                <rect id="box-12" fill-opacity="0" x="0" y="0" width="28" height="28"></rect>
			
 
				+                <g id="组_3867" transform="translate(2.500000, 2.500000)">
			
 
				+                    <rect id="矩形_552" fill-opacity="0.400000006" x="0.5" y="0.5" width="22" height="22"></rect>
			
 
				+                    <path d="M16.5,22.5 L0.5,22.5 L0.5,0.5 L22.5,0.5 L22.5,16.5 L16.5,22.5 L16.5,22.5 Z M3.5,14.5 L3.5,16.5 L13.5,16.5 L13.5,14.5 L3.5,14.5 Z M3.5,9.5 L3.5,11.5 L19.5,11.5 L19.5,9.5 L3.5,9.5 Z M3.5,4.5 L3.5,6.5 L19.5,6.5 L19.5,4.5 L3.5,4.5 Z" id="减去_10"></path>
			
 
				+                </g>
			
 
				+            </g>
			
 
				+        </g>
			
 
				+    </g>
			
 
				+</svg>
			
--- a/web/public/static/panoassets/images/hotspot/icon/img_doticon_12@2x.png
+++ b/web/public/static/panoassets/images/hotspot/icon/img_doticon_12@2x.png
--- a/web/src/assets/images/icon/bofang.svg
+++ b/web/src/assets/images/icon/bofang.svg
--- a/web/src/assets/images/lunbotu.jpg
+++ b/web/src/assets/images/lunbotu.jpg
--- a/web/src/assets/images/map.jpg
+++ b/web/src/assets/images/map.jpg
--- a/web/src/assets/images/pano/down.png
+++ b/web/src/assets/images/pano/down.png
--- a/web/src/assets/images/pano/hotspot/CD.png
+++ b/web/src/assets/images/pano/hotspot/CD.png
--- a/web/src/assets/images/pano/hotspot/bofang.png
+++ b/web/src/assets/images/pano/hotspot/bofang.png
--- a/web/src/assets/images/pano/hotspot/cancel.png
+++ b/web/src/assets/images/pano/hotspot/cancel.png
--- a/web/src/assets/images/pano/hotspot/huakuai.png
+++ b/web/src/assets/images/pano/hotspot/huakuai.png
--- a/web/src/assets/images/pano/hotspot/left.png
+++ b/web/src/assets/images/pano/hotspot/left.png
--- a/web/src/assets/images/pano/hotspot/right.png
+++ b/web/src/assets/images/pano/hotspot/right.png
--- a/web/src/assets/images/pano/hotspot/zanting.png
+++ b/web/src/assets/images/pano/hotspot/zanting.png
--- a/web/src/assets/images/pano/line.png
+++ b/web/src/assets/images/pano/line.png
--- a/web/src/assets/images/pano/menu/comment.png
+++ b/web/src/assets/images/pano/menu/comment.png
--- a/web/src/assets/images/pano/menu/comment_ganlanlv.png
+++ b/web/src/assets/images/pano/menu/comment_ganlanlv.png
--- a/web/src/assets/images/pano/menu/comment_huyangjin.png
+++ b/web/src/assets/images/pano/menu/comment_huyangjin.png
--- a/web/src/assets/images/pano/menu/comment_jiyinhong.png
+++ b/web/src/assets/images/pano/menu/comment_jiyinhong.png
--- a/web/src/assets/images/pano/menu/like.png
+++ b/web/src/assets/images/pano/menu/like.png
--- a/web/src/assets/images/pano/menu/like_active.png
+++ b/web/src/assets/images/pano/menu/like_active.png
--- a/web/src/assets/images/pano/menu/like_ganlanlv.png
+++ b/web/src/assets/images/pano/menu/like_ganlanlv.png
--- a/web/src/assets/images/pano/menu/like_huyangjin.png
+++ b/web/src/assets/images/pano/menu/like_huyangjin.png