Skip to content

GitLab

I
ios-ipad学生端
Commit 6c2cefb8 authored by zhangkaixuan11's avatar zhangkaixuan11
Browse files
Options

提交下现有学生端代码

parent 7ed0a26f
Show whitespace changes
Inline Side-by-side
Showing with 15004 additions and 699 deletions
Api.tsx
View file @ 6c2cefb8
...@@ -2,7 +2,7 @@ import Constants from './Constants'; ...@@ -2,7 +2,7 @@ import Constants from './Constants';
export default { export default {
getUserInfo: (params) => { getUserInfo: (params) => {
return { return {
host: Constants.apiPath + '/flplat/api/v1/app/user/userInfo', host: Constants.apiPath + '/user/getStudentInfo',
params: params params: params
}; };
}, },
...@@ -19,34 +19,34 @@ export default { ...@@ -19,34 +19,34 @@ export default {
}, },
login: (params) => { login: (params) => {
return { return {
host: Constants.apiPath + '/flplat/api/v1/app/user/captchaLogin', host: Constants.apiPath + '/portal/index/userStuLogin',
params: params params: params
}; };
}, },
loginWithPassword: (params) => { loginWithPassword: (params) => {
return { return {
host: Constants.apiPath + '/flplat/api/v1/app/user/login', host: Constants.apiPath + '/portal/index/stuLogin',
params: params params: params
} }
}, },
getAgoraConfig: { getAgoraConfig: {
host: Constants.apiPath + '/flplat/api/v1/app/agora/config', host: Constants.apiPath + '/clazz/agora/config',
params: {} params: {}
}, },
getCurrentLessons: { getCurrentLessons: {
host: Constants.apiPath + '/flplat/api/v1/app/studentLessonSchedules/current', host: Constants.apiPath + '/clazz/student/schedule/current',
params: { params: {
} }
}, },
getRTCToken: (params) => { getRTCToken: (params) => {
return { return {
host: Constants.apiPath + '/flplat/api/v1/app/agora/RTCToken', host: Constants.apiPath + '/clazz/agora/rtctoken',
params: params params: params
} }
}, },
getRTMToken: (params) => { getRTMToken: (params) => {
return { return {
host: Constants.apiPath + '/flplat/api/v1/app/agora/RTMToken', host: Constants.apiPath + '/clazz/agora/rtmtoken',
params: params params: params
} }
}, },
...@@ -64,7 +64,7 @@ export default { ...@@ -64,7 +64,7 @@ export default {
}, },
getNetlessToken: (params) => { getNetlessToken: (params) => {
return { return {
host: Constants.apiPath + '/flplat/api/v1/app/agora/roomToken', host: Constants.apiPath + '/clazz/agora/roomtoken',
params: params params: params
} }
}, },
...@@ -128,7 +128,7 @@ export default { ...@@ -128,7 +128,7 @@ export default {
}, },
uploadFile: (params) => { uploadFile: (params) => {
return { return {
host: Constants.apiPath + '/flplat/api/v1/app/files?folder=cloud', host: Constants.apiPath + '/file/support/cloud/files?folder=' + params.folder ,
params: params params: params
} }
}, },
...@@ -155,4 +155,28 @@ export default { ...@@ -155,4 +155,28 @@ export default {
host: Constants.apiPath + '/flplat/api/v1/app/studentLessonSchedules/reportStat', host: Constants.apiPath + '/flplat/api/v1/app/studentLessonSchedules/reportStat',
params: {} params: {}
}, },
sendLessonActivityInOut:(params)=> {// 进出教室
return {
host: Constants.apiPath + '/clazz/record/sendLessonActivityInOut',
params: params
}
},
studentListHomework:(params)=> {// 作业列表
return {
host: Constants.apiPath + '/eval/student/listHomework',
params: params
}
},
submitMediaHomework:(params)=> {// 提交图文作业
return {
host: Constants.apiPath + '/eval/student/submitMediaHomework',
params: params
}
},
stuGetMediaHomeworkDetail:(id)=> {// 图文作业详情
return {
host: Constants.apiPath + '/eval/student/stuGetMediaHomeworkDetail/'+ id,
params: {}
}
},
} }
App.tsx
View file @ 6c2cefb8
...@@ -10,6 +10,9 @@ import SplashScreen from 'react-native-splash-screen'; ...@@ -10,6 +10,9 @@ import SplashScreen from 'react-native-splash-screen';
import IdleTimerManager from 'react-native-idle-timer'; import IdleTimerManager from 'react-native-idle-timer';
// 公共组件 // 公共组件
import Constants from './Constants'; import Constants from './Constants';
import {navigationRefCon} from './Constants';
console.log(navigationRefCon,'navigationRefCon')
import Api from './Api'; import Api from './Api';
import Tabbar from './src/components/Tabbar'; import Tabbar from './src/components/Tabbar';
import MainNavHeader from './src/components/MainNavHeader'; import MainNavHeader from './src/components/MainNavHeader';
...@@ -32,6 +35,12 @@ import Reset from './src/components/Reset'; ...@@ -32,6 +35,12 @@ import Reset from './src/components/Reset';
import HomeIndex from './src/home202201/Index'; import HomeIndex from './src/home202201/Index';
import WebView from './src/webview/Index'; import WebView from './src/webview/Index';
//作业
import woekList from './src/homework/woekList/index';
import doHomeworkWithImg from './src/homework/doHomeworkWithImg/index';
// 业务逻辑组件 [直播] // 业务逻辑组件 [直播]
import LiveIndex from './src/live/Index'; import LiveIndex from './src/live/Index';
import Check from './src/live/Check'; import Check from './src/live/Check';
...@@ -279,9 +288,12 @@ export default class App extends Component { ...@@ -279,9 +288,12 @@ export default class App extends Component {
return ( return (
<SafeAreaProvider> <SafeAreaProvider>
<StatusBar backgroundColor='rgba(0,0,0,0)' translucent={true} hidden={true}/> <StatusBar backgroundColor='rgba(0,0,0,0)' translucent={true} hidden={true}/>
<NavigationContainer theme={customTheme} ref={(navigationRef) => { <NavigationContainer theme={customTheme} ref={navigationRefCon
this.navigationRef = navigationRef; // (navigationRef) => {
}}> // this.navigationRef = navigationRef;
// console.log(navigationRef,navigationRefCon,'navigationRefCon')
// }
}>
<Root.Navigator mode="modal" initialRouteName="Main"> <Root.Navigator mode="modal" initialRouteName="Main">
{/* <Root.Screen {/* <Root.Screen
name="Main" name="Main"
...@@ -313,6 +325,16 @@ export default class App extends Component { ...@@ -313,6 +325,16 @@ export default class App extends Component {
component={WebView} component={WebView}
options={{ headerShown: true,title:'学习中心' }} options={{ headerShown: true,title:'学习中心' }}
/> />
<Root.Screen
name="woekList"
component={woekList}
options={{ headerShown: true,title:'作业/列表' }}
/>
<Root.Screen
name="doHomeworkWithImg"
component={doHomeworkWithImg}
options={{ headerShown: true,title:'写作业(图文)' }}
/>
</Root.Navigator> </Root.Navigator>
</NavigationContainer> </NavigationContainer>
</SafeAreaProvider> </SafeAreaProvider>
......
Constants.js
View file @ 6c2cefb8
import AsyncStorage from '@react-native-async-storage/async-storage'; import AsyncStorage from '@react-native-async-storage/async-storage';
import {Dimensions, StatusBar, Platform} from 'react-native'; import {Dimensions, StatusBar, Platform} from 'react-native';
import {
blobToFile,
dataURLtoBlob
} from "./src/netless/fileTypeChange.js"
const designWidth = 1024; const designWidth = 1024;
const screenWidth = Dimensions.get('window').height; const screenWidth = Dimensions.get('window').height;
...@@ -17,10 +21,41 @@ const StyleSheet = { ...@@ -17,10 +21,41 @@ const StyleSheet = {
return RnStyleSheet.create(styles); return RnStyleSheet.create(styles);
}, },
}; };
import * as React from 'react';
export const navigationRefCon = React.createRef();
// debugger
// let _navigator;
// let setTopLevelNavigator = (navigatorRef)=> {
// _navigator = navigatorRef;
// }
let navigate = (name, params) => {
navigationRefCon.current?.navigate(name, params);
}
setTimeout(e=>{
console.log(navigationRefCon,'navigationRefCon')
},2000)
// add other navigation functions that you need and export them
console.log(screenWidth, screenHeight, unitWidth, 'unitWidth'); console.log(screenWidth, screenHeight, unitWidth, 'unitWidth');
let fetchCom = async (url,obj)=>{
let res = await fetch(url,obj)
// console.log (res,'fetchCom')
// let body = res.json()
// if(body.respCode == 'E0004'){
// navigate('Login')
// }
// console.log (res,body,'fetchCom')
return res
}
export default { export default {
// apiPath: 'http://121.36.221.250:3001/mock/11', // apiPath: 'http://121.36.221.250:3001/mock/11',
apiPath: 'http://education-tst.sinocanada.cn', apiPath: 'https://gateway.chamning.com',
// apiPath: 'http://121.36.221.250:8060',
imgPath: '', imgPath: '',
StyleSheet, StyleSheet,
token: '', token: '',
...@@ -49,7 +84,8 @@ export default { ...@@ -49,7 +84,8 @@ export default {
title: '专题', title: '专题',
}, },
], ],
navigate,
// setTopLevelNavigator,
storeData: async (key, value) => { storeData: async (key, value) => {
try { try {
return await AsyncStorage.setItem(key, value); return await AsyncStorage.setItem(key, value);
...@@ -90,11 +126,12 @@ export default { ...@@ -90,11 +126,12 @@ export default {
}); });
url += '?' + params.join('&'); url += '?' + params.join('&');
// console.log(url, request); // console.log(url, request);
return fetch(url, { return fetchCom(url, {
mode: 'cors', mode: 'cors',
credentials: 'include', credentials: 'include',
headers: { headers: {
token: this.token, token: this.token,
tenant:'szVdW4usayB486MYV8U'
}, },
}); });
}, },
...@@ -107,24 +144,26 @@ export default { ...@@ -107,24 +144,26 @@ export default {
}); });
url += '?' + params.join('&'); url += '?' + params.join('&');
// console.log(url, request); // console.log(url, request);
return fetch(url, { return fetchCom(url, {
mode: 'cors', mode: 'cors',
credentials: 'include', credentials: 'include',
method: 'GET', method: 'GET',
headers: { headers: {
token: this.token, token: this.token,
tenant:'szVdW4usayB486MYV8U'
}, },
}); });
}, },
post: function (request) { post: function (request) {
let url = request.host; let url = request.host;
let data = request.params; let data = request.params;
return fetch(url, { return fetchCom(url, {
method: 'POST', method: 'POST',
mode: 'cors', mode: 'cors',
credentials: 'include', credentials: 'include',
headers: { headers: {
'Content-Type': 'application/x-www-form-urlencoded', 'Content-Type': 'application/x-www-form-urlencoded',
tenant:'szVdW4usayB486MYV8U'
}, },
body: this.getParam(data), body: this.getParam(data),
}); });
...@@ -132,13 +171,15 @@ export default { ...@@ -132,13 +171,15 @@ export default {
postJSON: function (request) { postJSON: function (request) {
let url = request.host; let url = request.host;
let data = request.params; let data = request.params;
return fetch(url, { console.log(data)
return fetchCom(url, {
method: 'POST', method: 'POST',
mode: 'cors', mode: 'cors',
credentials: 'include', credentials: 'include',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',
apptype: 'ipad', apptype: 'ipad',
tenant:'szVdW4usayB486MYV8U'
}, },
body: JSON.stringify(data), body: JSON.stringify(data),
}); });
...@@ -146,13 +187,14 @@ export default { ...@@ -146,13 +187,14 @@ export default {
putJSON: function (request) { putJSON: function (request) {
let url = request.host; let url = request.host;
let data = request.params; let data = request.params;
return fetch(url, { return fetchCom(url, {
method: 'PUT', method: 'PUT',
mode: 'cors', mode: 'cors',
credentials: 'include', credentials: 'include',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',
apptype: 'ipad', apptype: 'ipad',
tenant:'szVdW4usayB486MYV8U'
}, },
body: JSON.stringify(data), body: JSON.stringify(data),
}); });
...@@ -161,12 +203,13 @@ export default { ...@@ -161,12 +203,13 @@ export default {
let url = request.host; let url = request.host;
let data = request.params; let data = request.params;
// console.log(url, this.token, data); // console.log(url, this.token, data);
return fetch(url, { return fetchCom(url, {
method: 'POST', method: 'POST',
mode: 'cors', mode: 'cors',
credentials: 'include', credentials: 'include',
headers: { headers: {
token: this.token, token: this.token,
tenant:'szVdW4usayB486MYV8U'
}, },
body: this.getParam(data), body: this.getParam(data),
}); });
...@@ -174,13 +217,14 @@ export default { ...@@ -174,13 +217,14 @@ export default {
postJSONWithToken: function (request) { postJSONWithToken: function (request) {
let url = request.host; let url = request.host;
let data = request.params; let data = request.params;
return fetch(url, { return fetchCom(url, {
method: 'POST', method: 'POST',
mode: 'cors', mode: 'cors',
credentials: 'include', credentials: 'include',
headers: { headers: {
token: this.token, token: this.token,
'Content-Type': 'application/json', 'Content-Type': 'application/json',
tenant:'szVdW4usayB486MYV8U'
}, },
body: JSON.stringify(data), body: JSON.stringify(data),
}); });
...@@ -189,13 +233,14 @@ export default { ...@@ -189,13 +233,14 @@ export default {
let url = request.host; let url = request.host;
let data = request.params; let data = request.params;
console.log(url, this.token, data); console.log(url, this.token, data);
return fetch(url, { return fetchCom(url, {
method: 'PUT', method: 'PUT',
mode: 'cors', mode: 'cors',
credentials: 'include', credentials: 'include',
headers: { headers: {
token: this.token, token: this.token,
'Content-Type': 'application/json', 'Content-Type': 'application/json',
tenant:'szVdW4usayB486MYV8U'
}, },
body: JSON.stringify(data), body: JSON.stringify(data),
}); });
...@@ -204,13 +249,14 @@ export default { ...@@ -204,13 +249,14 @@ export default {
let url = request.host; let url = request.host;
let data = request.params; let data = request.params;
console.log(url, this.token, data, JSON.stringify(data)); console.log(url, this.token, data, JSON.stringify(data));
return fetch(url, { return fetchCom(url, {
method: 'PATCH', method: 'PATCH',
mode: 'cors', mode: 'cors',
credentials: 'include', credentials: 'include',
headers: { headers: {
token: this.token, token: this.token,
'Content-Type': 'application/json', 'Content-Type': 'application/json',
tenant:'szVdW4usayB486MYV8U'
}, },
body: JSON.stringify(data), body: JSON.stringify(data),
}); });
...@@ -218,37 +264,77 @@ export default { ...@@ -218,37 +264,77 @@ export default {
deleteJSONWithToken: function (request) { deleteJSONWithToken: function (request) {
let url = request.host; let url = request.host;
let data = request.params; let data = request.params;
return fetch(url, { return fetchCom(url, {
method: 'delete', method: 'delete',
mode: 'cors', mode: 'cors',
credentials: 'include', credentials: 'include',
headers: { headers: {
token: this.token, token: this.token,
'Content-Type': 'application/json', 'Content-Type': 'application/json',
tenant:'szVdW4usayB486MYV8U'
}, },
body: JSON.stringify(data), body: JSON.stringify(data),
}); });
}, },
uploadbase64File: function (request) {
let url = request.host;
// console.log(formData,file);
// return RNFetchBlob.fetchCom('POST',url, {
// token: this.token,
// 'Content-Type': 'multipart/form-data',
// tenant:'szVdW4usayB486MYV8U'
// },{name: 'file', filename: 'file.png',data: request.params.file}
// );
let formData = new FormData();
let blob = dataURLtoBlob( request.params.file)
let file = blobToFile(blob)
// let file = {
// uri: request.params.file,
// type: 'multipart/form-data',
// name: 'jpg',
// };
formData.append('file', file);
formData.append('folder', 'lesson');
// if (request.params.params) {
// formData.append('params', request.params.params);
// }
console.log(formData,file);
return fetchCom(url, {
method: 'POST',
mode: 'cors',
credentials: 'include',
headers: {
token: this.token,
// 'Content-Type': 'multipart/form-data',
tenant:'szVdW4usayB486MYV8U'
},
body: formData,
});
},
uploadFile: function (request) { uploadFile: function (request) {
let url = request.host; let url = request.host;
let formData = new FormData(); let formData = new FormData();
let file = { let file = {
uri: request.params.file, uri: request.params.file,
type: 'multipart/form-data', type: 'multipart/form-data',
name: 'jpg', name: request.params.name || 'jpg',
}; };
formData.append('files', file); formData.append('file', file);
if (request.params.params) { if (request.params.params) {
formData.append('params', request.params.params); formData.append('params', request.params.params);
} }
// console.log(formData); console.log(formData,file);
return fetch(url, { return fetchCom(url, {
method: 'POST', method: 'POST',
mode: 'cors', mode: 'cors',
credentials: 'include', credentials: 'include',
headers: { headers: {
token: this.token, token: this.token,
'Content-Type': 'multipart/form-data', 'Content-Type': 'multipart/form-data',
tenant:'szVdW4usayB486MYV8U'
}, },
body: formData, body: formData,
}); });
......
Static.bundle/css/app.6d43a2f3.css 0 → 100644
View file @ 6c2cefb8
.tool{padding:10px;cursor:pointer}.active,.tool:not(.active):hover{background:#e6e9f0;border-radius:5px}.toolSettings{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;background:#fff;padding:10px 5px;border-radius:5px;right:65px;top:0;-webkit-box-shadow:0 10px 30px 8px rgba(0,0,0,.2);box-shadow:0 10px 30px 8px rgba(0,0,0,.2)}.toolSettings,.toolSettings .settingsActions{display:-webkit-box;display:-ms-flexbox;display:flex}.toolSettings .settingsActions .tool:not(:last-child){margin-right:5px}.toolSettings .settingsSlider{margin-top:10px;padding:5px!important}.toolSettings .settingsColorPicker{margin-top:10px}.colorPicker{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.colorPicker .color{width:30px;height:30px;margin:5px;border-radius:15px;-webkit-transition:opacity .2s;transition:opacity .2s;border:1px solid rgba(0,0,0,.1)}.colorPicker .color:not(.active):hover{cursor:pointer;border:1px solid rgba(0,0,0,.5)}.mainPanel{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:120px;right:15px;padding:6px;background:#fff;border-radius:5px;-webkit-box-shadow:0 10px 30px 8px rgba(0,0,0,.4);box-shadow:0 10px 30px 8px rgba(0,0,0,.4);z-index:99}.mainPanel .actionsPanel .tool:not(:last-child){margin-bottom:5px;text-align:center}.historyPanel{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:99;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:370px;right:15px;padding:6px;background:#fff;border-radius:5px;-webkit-box-shadow:0 10px 30px 8px rgba(0,0,0,.4);box-shadow:0 10px 30px 8px rgba(0,0,0,.4)}body,html{width:100%;height:100%}body{margin:0;padding:0;height:100%}#wrapperBox{position:relative;height:100%;overflow:scroll;-webkit-overflow-scrolling:touch}#cover{left:0;right:0;z-index:-1}#cover,canvas{position:absolute;height:300vh}canvas{width:100%;background:#005141}.btn{position:fixed;width:80px;height:30px;bottom:10px;right:10px;z-index:999;background:#e6e9f0;border:none;line-height:30px;border-radius:5px}
\ No newline at end of file
Static.bundle/css/chunk-vendors.a7bbc042.css 0 → 100644
View file @ 6c2cefb8
.vue-slider-disabled{opacity:.5;cursor:not-allowed}.vue-slider-rail{background-color:#ccc;border-radius:15px}.vue-slider-process{background-color:#3498db;border-radius:15px}.vue-slider-mark{z-index:4}.vue-slider-mark:first-child .vue-slider-mark-step,.vue-slider-mark:last-child .vue-slider-mark-step{display:none}.vue-slider-mark-step{width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,.16)}.vue-slider-mark-label{font-size:14px;white-space:nowrap}.vue-slider-dot-handle{cursor:pointer;width:100%;height:100%;border-radius:50%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32);box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32)}.vue-slider-dot-handle-focus{-webkit-box-shadow:0 0 1px 2px rgba(52,152,219,.36);box-shadow:0 0 1px 2px rgba(52,152,219,.36)}.vue-slider-dot-handle-disabled{cursor:not-allowed;background-color:#ccc}.vue-slider-dot-tooltip-inner{font-size:14px;white-space:nowrap;padding:2px 5px;min-width:20px;text-align:center;color:#fff;border-radius:5px;border-color:#3498db;background-color:#3498db;-webkit-box-sizing:content-box;box-sizing:content-box}.vue-slider-dot-tooltip-inner:after{content:"";position:absolute}.vue-slider-dot-tooltip-inner-top:after{top:100%;border-color:transparent;border-style:solid;border-width:5px;border-top-color:inherit}.vue-slider-dot-tooltip-inner-bottom:after,.vue-slider-dot-tooltip-inner-top:after{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);height:0;width:0}.vue-slider-dot-tooltip-inner-bottom:after{bottom:100%;border-color:transparent;border-style:solid;border-width:5px;border-bottom-color:inherit}.vue-slider-dot-tooltip-inner-left:after{left:100%;border-color:transparent;border-style:solid;border-width:5px;border-left-color:inherit}.vue-slider-dot-tooltip-inner-left:after,.vue-slider-dot-tooltip-inner-right:after{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:0;width:0}.vue-slider-dot-tooltip-inner-right:after{right:100%;border-color:transparent;border-style:solid;border-width:5px;border-right-color:inherit}.vue-slider-dot-tooltip-wrapper{opacity:0;-webkit-transition:all .3s;transition:all .3s}.vue-slider-dot-tooltip-wrapper-show{opacity:1}
\ No newline at end of file
Static.bundle/dd.html 0 → 100644
View file @ 6c2cefb8
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>sd</title>
</head>
<body>
sdsdsdsd
</body>
</html>
Static.bundle/index.html 0 → 100644
View file @ 6c2cefb8
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon.ico><title>Whiteboard</title><link href=css/app.6d43a2f3.css rel=preload as=style><link href=css/chunk-vendors.a7bbc042.css rel=preload as=style><link href=js/app.8fe45ebf.js rel=preload as=script><link href=js/chunk-vendors.9912874f.js rel=preload as=script><link href=css/chunk-vendors.a7bbc042.css rel=stylesheet><link href=css/app.6d43a2f3.css rel=stylesheet></head><body><noscript><strong>We're sorry but Whiteboard doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.9912874f.js></script><script src=js/app.8fe45ebf.js></script></body></html>
\ No newline at end of file
Static.bundle/js/app.7f8bb2f3.js 0 → 100644
View file @ 6c2cefb8
(function(t){function e(e){for(var n,s,a=e[0],l=e[1],c=e[2],h=0,p=[];h<a.length;h++)s=a[h],r[s]&&p.push(r[s][0]),r[s]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(t[n]=l[n]);u&&u(e);while(p.length)p.shift()();return i.push.apply(i,c||[]),o()}function o(){for(var t,e=0;e<i.length;e++){for(var o=i[e],n=!0,a=1;a<o.length;a++){var l=o[a];0!==r[l]&&(n=!1)}n&&(i.splice(e--,1),t=s(s.s=o[0]))}return t}var n={},r={app:0},i=[];function s(e){if(n[e])return n[e].exports;var o=n[e]={i:e,l:!1,exports:{}};return t[e].call(o.exports,o,o.exports,s),o.l=!0,o.exports}s.m=t,s.c=n,s.d=function(t,e,o){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},s.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(s.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)s.d(o,n,function(e){return t[e]}.bind(null,n));return o},s.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="/";var a=window["webpackJsonp"]=window["webpackJsonp"]||[],l=a.push.bind(a);a.push=e,a=a.slice();for(var c=0;c<a.length;c++)e(a[c]);var u=l;i.push([0,"chunk-vendors"]),o()})({0:function(t,e,o){t.exports=o("56d7")},1:function(t,e){},"15c1":function(t,e,o){},2:function(t,e){},3585:function(t,e,o){"use strict";var n=o("ad9b"),r=o.n(n);r.a},"37a8":function(t,e,o){"use strict";var n=o("4392"),r=o.n(n);r.a},4392:function(t,e,o){},5515:function(t,e,o){"use strict";var n=o("676d"),r=o.n(n);r.a},"56d7":function(t,e,o){"use strict";o.r(e);o("14c6"),o("08c1"),o("4842"),o("d9fc");var n=o("2b0e"),r=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("whiteboard")},i=[],s=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{attrs:{id:"wrapperBox"}},[o("div",{attrs:{id:"cover"}}),o("canvas",{ref:"whiteboard",attrs:{id:"whiteboard",resize:""}}),o("mainPanel"),o("historyPanel"),o("button",{staticClass:"btn",on:{click:t.submit}},[t._v("提交截图")]),o("img",{attrs:{src:t.srcUrl,alt:""}})],1)},a=[],l=o("bd86"),c=(o("ac6a"),o("28a5"),o("2222")),u=o.n(c),h=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"mainPanel"},[o("div",{staticClass:"actionsPanel"},[o("panelToolIcon",{attrs:{icon:"mouse-pointer",isActive:"mousePointer"===t.tool},nativeOn:{click:function(e){return t.dragScreen(e)}}}),o("panelToolIcon",{attrs:{icon:"hand-paper",isActive:"pointMove"===t.tool},nativeOn:{click:function(e){return t.pointMove(e)}}}),o("panelToolIcon",{attrs:{toolColor:t.toolColor,isActive:"pencil"===t.tool||"brush"===t.tool,icon:t.activeTool},nativeOn:{click:function(e){return t.toggleToolSettings(e)}}}),o("panelToolIcon",{attrs:{toolColor:"#133337",isActive:"eraser"===t.tool,icon:"eraser"},nativeOn:{click:function(e){t.toggleEraserSettings(),t.setWhiteboardTool("eraser")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"circle"===t.tool||"square"===t.tool||"triangle"===t.tool||"line"===t.tool,icon:t.activeShape},nativeOn:{click:function(e){return t.toggleShapeSettings(e)}}})],1),o("div",{staticClass:"actionSettingsPanel"},[o("panelToolSettings",{directives:[{name:"show",rawName:"v-show",value:t.isToolSettingsOpened,expression:"isToolSettingsOpened"}]},[o("div",{staticClass:"settingsActions",attrs:{slot:"settingsActions"},slot:"settingsActions"}),o("colorPicker",{staticClass:"settingsColorPicker",attrs:{slot:"settingsColorPicker",onSelectColor:t.setToolColor,colors:t.colors},slot:"settingsColorPicker"}),o("rangeSlider",{staticClass:"settingsSlider",attrs:{slot:"slider",onChange:t.setToolSize,min:0,max:20,value:t.toolSize},slot:"slider"})],1),o("panelToolSettings",{directives:[{name:"show",rawName:"v-show",value:t.isEraserSettingsOpened,expression:"isEraserSettingsOpened"}]},[o("rangeSlider",{staticClass:"settingsSlider",attrs:{slot:"slider",onChange:t.setEraserSize,min:0,max:80,value:t.eraserSize},slot:"slider"})],1),o("panelToolSettings",{directives:[{name:"show",rawName:"v-show",value:t.isShapeSettingsOpened,expression:"isShapeSettingsOpened"}]},[o("div",{staticClass:"settingsActions",attrs:{slot:"settingsActions"},slot:"settingsActions"},[o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"circle"===t.tool,icon:"circle"},nativeOn:{click:function(e){return t.setWhiteboardTool("circle")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"square"===t.tool,icon:"square"},nativeOn:{click:function(e){return t.setWhiteboardTool("square")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"triangle"===t.tool,icon:"exclamation-triangle"},nativeOn:{click:function(e){return t.setWhiteboardTool("triangle")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"line"===t.tool,icon:"slash"},nativeOn:{click:function(e){return t.setWhiteboardTool("line")}}})],1),o("colorPicker",{staticClass:"settingsColorPicker",attrs:{slot:"settingsColorPicker",onSelectColor:t.setShapeColor,colors:t.colors},slot:"settingsColorPicker"}),o("rangeSlider",{staticClass:"settingsSlider",attrs:{slot:"slider",onChange:t.setShapeSize,min:0,max:20,value:t.shapeSize},slot:"slider"})],1)],1)])},p=[],d=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"tool",class:{active:t.isActive}},[o("font-awesome-icon",{attrs:{color:t.toolColor,icon:t.icon}})],1)},g=[],f={props:["icon","toolColor","isActive"]},v=f,m=(o("5cf0"),o("2877")),S=Object(m["a"])(v,d,g,!1,null,null,null),y=S.exports,C=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"toolSettings"},[t._t("settingsActions"),t._t("slider"),t._t("settingsColorPicker")],2)},w=[],T={},b=T,O=(o("37a8"),Object(m["a"])(b,C,w,!1,null,null,null)),_=O.exports,x=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"colorPicker"},t._l(t.colors,function(e,n){return o("div",{key:n,staticClass:"color",style:{"background-color":e},on:{click:function(o){return t.selectColor(e)}}})}),0)},E=[],A={props:["colors","onSelectColor"],methods:{selectColor:function(t){this.onSelectColor(t)}}},k=A,M=(o("3585"),Object(m["a"])(k,x,E,!1,null,null,null)),P=M.exports,z=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("vue-slider",{attrs:{lazy:!0,min:t.min,max:t.max,dotSize:12,height:3,interval:2,processStyle:{background:"black"},bgStyle:{backgroundColor:"#e6e9f0"},sliderStyle:{backgroundColor:"black",boxShadow:"unset"},tooltip:"none",width:"168px"},model:{value:t.sliderValue,callback:function(e){t.sliderValue=e},expression:"sliderValue"}})},I=[],j=o("4971"),D=o.n(j),R={components:{VueSlider:D.a},data:function(){return{sliderValue:this.value}},props:["min","max","value","onChange"],watch:{sliderValue:function(t){this.onChange(t)}}},W=R,H=Object(m["a"])(W,z,I,!1,null,null,null),$=H.exports,L=["#000000","#39B54A","#7841CC","#FFD54F","#00C6C2","#FF0000","#EC008C","#6DCFF6","#FBAF5D","#448CCB","#6d7dd7","#fd7e14"],U={components:{panelToolIcon:y,panelToolSettings:_,rangeSlider:$,colorPicker:P},data:function(){return{isToolSettingsOpened:!1,isEraserSettingsOpened:!1,isShapeSettingsOpened:!1,colors:L,cover:""}},methods:{dragScreen:function(){console.log("###",this.cover),this.cover.style.zIndex=1,this.isToolSettingsOpened=!1,this.isEraserSettingsOpened=!1,this.isShapeSettingsOpened=!1,this.setWhiteboardTool("mousePointer")},pointMove:function(){this.cover.style.zIndex=-1,this.isToolSettingsOpened=!1,this.isEraserSettingsOpened=!1,this.isShapeSettingsOpened=!1,this.setWhiteboardTool("pointMove")},toggleToolSettings:function(){this.cover.style.zIndex=-1,this.isToolSettingsOpened=!this.isToolSettingsOpened,this.isEraserSettingsOpened=!1,this.isShapeSettingsOpened=!1,this.setWhiteboardTool("pencil"),this.setToolSize(this.toolSize)},toggleEraserSettings:function(){console.log(this.cover.style,"@@@"),this.cover.style.zIndex=-1,this.isEraserSettingsOpened=!this.isEraserSettingsOpened,this.isToolSettingsOpened=!1,this.isShapeSettingsOpened=!1},toggleShapeSettings:function(){this.cover.style.zIndex=-1,this.isShapeSettingsOpened=!this.isShapeSettingsOpened,this.isEraserSettingsOpened=!1,this.isToolSettingsOpened=!1,this.setWhiteboardTool("circle")},setToolColor:function(t){this.$store.dispatch("setToolColor",t)},setShapeColor:function(t){this.$store.dispatch("setShapeColor",t)},setToolSize:function(t){this.$store.dispatch("setToolSize",t)},setEraserSize:function(t){this.$store.dispatch("setEraserSize",t)},setShapeSize:function(t){this.$store.dispatch("setShapeSize",t)},setWhiteboardTool:function(t){this.$store.dispatch("setWhiteboardTool",t)}},computed:{activeTool:function(){return"pencil"===this.tool?"pencil-alt":"brush"===this.tool?"paint-brush":"pencil-alt"},activeShape:function(){return"cricle"===this.tool?"circle":"square"===this.tool?"square":"triangle"===this.tool?"exclamation-triangle":"line"===this.tool?"slash":"circle"},tool:function(){return this.$store.getters.tool},toolColor:function(){return this.$store.getters.toolArgs.color},shapeColor:function(){return this.$store.getters.shapeArgs.color},toolSize:function(){return this.$store.getters.toolArgs.size},eraserSize:function(){return this.$store.getters.eraserArgs.size},shapeSize:function(){return this.$store.getters.shapeArgs.size}},mounted:function(){this.cover=document.getElementById("cover"),this.$store.dispatch("setWhiteboardTool","pencil")}},q=U,N=(o("f52a"),Object(m["a"])(q,h,p,!1,null,null,null)),F=N.exports,V=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"historyPanel"},[o("panelToolIcon",{attrs:{icon:"undo"},nativeOn:{click:function(e){return t.undo(e)}}}),o("panelToolIcon",{attrs:{icon:"redo"},nativeOn:{click:function(e){return t.redo(e)}}})],1)},B=[],Z=o("d225"),J=o("b0b4"),Y=function(){function t(e){Object(Z["a"])(this,t),this.limit=e,this.clear()}return Object(J["a"])(t,[{key:"add",value:function(t){(this.history.length>=this.limit||this.current==this.history.length-1)&&this.history.shift(),this.history.push(t),this.current=this.history.length}},{key:"undo",value:function(){this.current>0&&this.history[--this.current].unexec()}},{key:"redo",value:function(){this.history.length>this.current&&this.history[this.current++].exec()}},{key:"clear",value:function(){this.history=[],this.current=0}}]),t}(),G=new Y(1e3),X={components:{panelToolIcon:y},methods:{undo:function(){G.undo()},redo:function(){G.redo()}}},K=X,Q=(o("9345"),Object(m["a"])(K,V,B,!1,null,null,null)),tt=Q.exports,et=o("c0e9"),ot=o.n(et),nt=o("2f62");function rt(t){var e=document.getElementById("cover");e.style.zIndex=1}var it=new u.a.Tool;it.onMouseDown=rt;var st,at={segments:!0,stroke:!0,fill:!0,tolerance:5};function lt(t){st=null,console.log(t);var e=project.hitTest(t.point,at);e&&(console.log(e),e&&(st=e.item))}function ct(t){console.log(t,"onMouseMove"),project.activeLayer.selected=!1,t.item&&(t.item.selected=!0)}function ut(t){console.log(st,t,"onMouseDrag"),st&&(st.layer.position.x+=t.delta.x,st.layer.position.y+=t.delta.y)}var ht=new u.a.Tool;ht.onMouseDown=lt,ht.onMouseDrag=ut,ht.onMouseMove=ct;o("7f7f");var pt=o("4c17"),dt=o.n(pt),gt=function(t){t||(t=dt()());var e=new u.a.Layer({name:t});return u.a.project.addLayer(e),e},ft=function(){function t(e){Object(Z["a"])(this,t),this._args=e}return Object(J["a"])(t,[{key:"exec",value:function(){if(u.a.project.layers[this._args.layer]||gt(this._args.layer),this.removed)return u.a.project.layers[this._args.layer].addChildren(this.removed)}},{key:"unexec",value:function(){this.removed=u.a.project.layers[this._args.layer].removeChildren()}}]),t}(),vt={path:null,group:null};function mt(t){var e=gt();vt.path=new u.a.Path,vt.path.strokeColor=se.getters.toolArgs.color,vt.path.strokeWidth=se.getters.toolArgs.size,vt.path.add(t.point),vt.group=new u.a.Group({children:[vt.path],layer:e}),vt.group.addChild(new u.a.Shape.Ellipse({layer:e,center:t.point,strokeColor:se.getters.toolArgs.color,fillColor:se.getters.toolArgs.color,radius:se.getters.toolArgs.size/2})),e.addChild(vt.group)}function St(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),vt.path&&(vt.path.add(t.point),vt.path.selected=!1)}function yt(t){vt.path.add(t.point);var e=new ft({layer:vt.path.layer.name,tool:se.getters.tool,points:vt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(e),vt.path.selected=!1,vt.path=null,vt.group=null}var Ct=new u.a.Tool;Ct.onMouseDown=mt,Ct.onMouseDrag=St,Ct.onMouseUp=yt;var wt={path:null};function Tt(){var t=gt();wt.path=new u.a.Path;var e=xt(se.getters.toolArgs.color||"#000000");wt.path.fillColor="rgb(".concat(e.r,",").concat(e.g,",").concat(e.b,")"),t.addChild(wt.path)}function bt(t){if(wt.path){var e=t.delta;e.x*=se.getters.toolArgs.size/2.8,e.y*=se.getters.toolArgs.size/2.8,e.angle+=90;var o=t.middlePoint.add(e),n=t.middlePoint.subtract(e);wt.path.selected=!1,wt.path.add(o),wt.path.insert(0,n)}}function Ot(){wt.path.simplify();var t=new ft({layer:wt.path.layer.name,tool:se.getters.tool,points:wt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(t),wt.path.selected=!1,wt.path=null}var _t=new u.a.Tool;function xt(t){var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return e?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:null}_t.minDistance=7,_t.maxDistance=7,_t.onMouseDown=Tt,_t.onMouseDrag=bt,_t.onMouseUp=Ot;var Et={layName:[],path:null,group:null},At={segments:!0,stroke:!0,fill:!0,tolerance:5};function kt(t){var e=project.hitTest(t.point,At);if(e){var o=e.item,n=G.history.filter(function(t){return t._args.layer==o.layer.name});console.log(n),Et.layName.push(o.layer.name),n[0].unexec()}}function Mt(t){Et.layName=[],kt(t)}function Pt(t){kt(t)}function zt(t){if(Et.layName.length){var e={name:Et.layName,_args:"",exec:function(){this.name.forEach(function(t){var e=G.history.filter(function(e){return e._args.layer==t});e[0].unexec()})},unexec:function(){console.log(this),this.name.forEach(function(t){var e=G.history.filter(function(e){return console.log(G.history,e),e._args.layer==t});e[0].exec()})}};G.add(e)}}var It=new u.a.Tool;It.onMouseDown=Mt,It.onMouseDrag=Pt,It.onMouseUp=zt;var jt={path:null,center:null};function Dt(t){var e=gt();jt.path=new u.a.Shape.Circle({center:t.point,strokeColor:se.getters.shapeArgs.color,strokeWidth:se.getters.shapeArgs.size}),e.addChild(jt.path),jt.center=t.point}function Rt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),jt.path&&(jt.path.radius=Math.sqrt((t.point.x-jt.center.x)*(t.point.x-jt.center.x)+(t.point.y-jt.center.y)*(t.point.y-jt.center.y)))}function Wt(){var t=new ft({layer:jt.path.layer.name,tool:se.getters.tool,center:jt.center,radius:jt.path.radius});jt.path=null,G.add(t)}var Ht=new u.a.Tool;Ht.onMouseDown=Dt,Ht.onMouseDrag=Rt,Ht.onMouseUp=Wt;var $t={path:null,center:null,layer:null};function Lt(t){$t.layer=gt(),$t.center=t.point}function Ut(t){$t.path&&$t.path.remove(),$t.path=new u.a.Shape.Rectangle($t.center,t.point),$t.path.strokeColor=se.getters.shapeArgs.color,$t.path.strokeWidth=se.getters.shapeArgs.size}function qt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),$t.layer.addChild($t.path);var n=new ft({layer:$t.path.layer.name,tool:se.getters.tool,from:{x:$t.center.x,y:$t.center.y},to:{x:t.point.x,y:t.point.y}});$t.path=null,G.add(n)}var Nt=new u.a.Tool;Nt.onMouseDown=Lt,Nt.onMouseDrag=Ut,Nt.onMouseUp=qt;var Ft={path:null,center:null,layer:null};function Vt(t){Ft.layer=gt(),Ft.center=t.point}function Bt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),Ft.path&&Ft.path.remove(),Ft.path=new u.a.Path.RegularPolygon(Ft.center,3,Math.sqrt((t.point.x-Ft.center.x)*(t.point.x-Ft.center.x)+(t.point.y-Ft.center.y)*(t.point.y-Ft.center.y))),Ft.path.strokeColor=se.getters.shapeArgs.color,Ft.path.strokeWidth=se.getters.shapeArgs.size}function Zt(){Ft.layer.addChild(Ft.path);var t=new ft({layer:Ft.path.layer.name,tool:se.getters.tool,points:Ft.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(t),Ft.path=null}var Jt=new u.a.Tool;Jt.onMouseDown=Vt,Jt.onMouseDrag=Bt,Jt.onMouseUp=Zt;var Yt={path:null};function Gt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),Yt.path&&Yt.path.remove(),Yt.path=new u.a.Path.Line({from:t.downPoint,to:t.point,strokeColor:"black"}),Yt.path.strokeColor=se.getters.shapeArgs.color,Yt.path.strokeWidth=se.getters.shapeArgs.size}function Xt(){var t=gt();t.addChild(Yt.path);var e=new ft({layer:Yt.path.layer.name,tool:se.getters.tool,points:Yt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(e),Yt.path=null}var Kt=new u.a.Tool;Kt.onMouseDrag=Gt,Kt.onMouseUp=Xt;var Qt={mousePointer:it,pointMove:ht,pencil:Ct,brush:_t,eraser:It,circle:Ht,square:Nt,triangle:Jt,line:Kt},te={tool:null,toolArgs:{size:10,color:"#000000"},eraserArgs:{size:50,color:"#005141"},shapeArgs:{size:2,color:"#000000"},maxHeight:window.innerHeight,touchLength:1},ee={SET_TOOL_COLOR:function(t,e){t.toolArgs.color=e},SET_TOOL_SIZE:function(t,e){t.toolArgs.size=e},SET_ERASER_SIZE:function(t,e){t.eraserArgs.size=e},SET_ERASER_COLOR:function(t,e){t.eraserArgs.color=e},SET_SHAPE_SIZE:function(t,e){t.shapeArgs.size=e},SET_SHAPE_COLOR:function(t,e){t.shapeArgs.color=e},SET_WHITEBOARD_TOOL:function(t,e){t.tool=e,Qt[e]&&Qt[e].activate()},SET_Max_Height:function(t,e){e>window.innerHeight&&(t.maxHeight=e)},touchLength:function(t,e){t.touchLength=e}},oe={setToolColor:function(t,e){var o=t.commit;o("SET_TOOL_COLOR",e)},setToolSize:function(t,e){var o=t.commit;o("SET_TOOL_SIZE",e)},setEraserSize:function(t,e){var o=t.commit;o("SET_ERASER_SIZE",e)},setEraserColor:function(t,e){var o=t.commit;o("SET_ERASER_COLOR",e)},setShapeSize:function(t,e){var o=t.commit;o("SET_SHAPE_SIZE",e)},setShapeColor:function(t,e){var o=t.commit;o("SET_SHAPE_COLOR",e)},setWhiteboardTool:function(t,e){var o=t.commit;o("SET_WHITEBOARD_TOOL",e)}},ne={tool:function(t){return t.tool},toolArgs:function(t){return t.toolArgs},eraserArgs:function(t){return t.eraserArgs},shapeArgs:function(t){return t.shapeArgs},maxHeight:function(t){return t.maxHeight},touchLength:function(t){return t.touchLength}},re={state:te,mutations:ee,actions:oe,getters:ne};n["default"].use(nt["a"]);var ie,se=new nt["a"].Store({modules:{whiteboardModule:re}});o("a481"),o("34ef"),o("4917"),o("c5f6");function ae(t){var e=t.split(","),o=e[0].match(/:(.*?);/)[1],n=atob(e[1]),r=n.length,i=new Uint8Array(r);while(r--)i[r]=n.charCodeAt(r);return new Blob([i],{type:o})}function le(t,e){return new File([t],(new Date).getTime()+t.type.replace("image/","."))}var ce=(ie={components:{mainPanel:F,historyPanel:tt},created:function(){u.a.install(window)},data:function(){return{srcUrl:"",query:""}}},Object(l["a"])(ie,"created",function(){this.query=this.getUrlParams2(window.location.href)}),Object(l["a"])(ie,"methods",{getUrlParams2:function(t){var e=t.split("?")[1],o=new URLSearchParams(e),n=Object.fromEntries(o.entries());return n},submit:function(){var t=this;this.srcUrl||(console.log(se.getters.maxHeight,this.$refs.whiteboard.clientWidth),ot()(this.$refs.whiteboard,{width:this.$refs.whiteboard.clientWidth,height:se.getters.maxHeight+10,scrollY:0,scrollX:0,useCORS:!0}).then(function(e){var o=e.toDataURL("image/png");if(t.srcUrl=o,window.ReactNativeWebView)window.ReactNativeWebView.postMessage(o);else{var n=ae(o);console.log(n);var r=le(n);console.log(r);var i=decodeURIComponent(t.query.host),s=new FormData;s.append("file",r),fetch(i,{method:"POST",mode:"cors",credentials:"include",headers:{token:t.query.token,tenant:"szVdW4usayB486MYV8U"},body:s}).then(function(e){console.log(e),window.ReactNativeWebView?window.ReactNativeWebView.postMessage(JSON.stringify(e)):t.srcUrl=""}).catch(function(t){console.log(t)})}}))}}),Object(l["a"])(ie,"mounted",function(){u.a.setup("whiteboard")}),ie),ue=ce,he=(o("5515"),Object(m["a"])(ue,s,a,!1,null,null,null)),pe=he.exports,de={components:{whiteboard:pe}},ge=de,fe=Object(m["a"])(ge,r,i,!1,null,null,null),ve=fe.exports,me=o("ecee"),Se=o("ad3d"),ye=o("c074");me["c"].add({faPencilAlt:ye["h"],faUndo:ye["l"],faRedo:ye["i"],faEraser:ye["b"],faCircle:ye["a"],faFont:ye["d"],faUpload:ye["m"],faPaintBrush:ye["g"],faSquare:ye["k"],faExclamationTriangle:ye["c"],faSlash:ye["j"],faMousePointer:ye["f"],faHandPaper:ye["e"]}),n["default"].component("font-awesome-icon",Se["a"]);o("24df");n["default"].config.productionTip=!1,new n["default"]({render:function(t){return t(ve)},store:se}).$mount("#app")},"5cf0":function(t,e,o){"use strict";var n=o("d1b3"),r=o.n(n);r.a},"676d":function(t,e,o){},9345:function(t,e,o){"use strict";var n=o("15c1"),r=o.n(n);r.a},ad9b:function(t,e,o){},d1b3:function(t,e,o){},f020:function(t,e,o){},f52a:function(t,e,o){"use strict";var n=o("f020"),r=o.n(n);r.a}});
//# sourceMappingURL=app.7f8bb2f3.js.map
\ No newline at end of file
Static.bundle/js/app.7f8bb2f3.js.map 0 → 100644
View file @ 6c2cefb8
This source diff could not be displayed because it is too large. You can view the blob instead.
Static.bundle/js/app.8fe45ebf.js 0 → 100644
View file @ 6c2cefb8
(function(t){function e(e){for(var n,s,a=e[0],l=e[1],c=e[2],h=0,p=[];h<a.length;h++)s=a[h],r[s]&&p.push(r[s][0]),r[s]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(t[n]=l[n]);u&&u(e);while(p.length)p.shift()();return i.push.apply(i,c||[]),o()}function o(){for(var t,e=0;e<i.length;e++){for(var o=i[e],n=!0,a=1;a<o.length;a++){var l=o[a];0!==r[l]&&(n=!1)}n&&(i.splice(e--,1),t=s(s.s=o[0]))}return t}var n={},r={app:0},i=[];function s(e){if(n[e])return n[e].exports;var o=n[e]={i:e,l:!1,exports:{}};return t[e].call(o.exports,o,o.exports,s),o.l=!0,o.exports}s.m=t,s.c=n,s.d=function(t,e,o){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},s.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(s.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)s.d(o,n,function(e){return t[e]}.bind(null,n));return o},s.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="";var a=window["webpackJsonp"]=window["webpackJsonp"]||[],l=a.push.bind(a);a.push=e,a=a.slice();for(var c=0;c<a.length;c++)e(a[c]);var u=l;i.push([0,"chunk-vendors"]),o()})({0:function(t,e,o){t.exports=o("56d7")},1:function(t,e){},"15c1":function(t,e,o){},2:function(t,e){},3585:function(t,e,o){"use strict";var n=o("ad9b"),r=o.n(n);r.a},"37a8":function(t,e,o){"use strict";var n=o("4392"),r=o.n(n);r.a},4392:function(t,e,o){},5515:function(t,e,o){"use strict";var n=o("676d"),r=o.n(n);r.a},"56d7":function(t,e,o){"use strict";o.r(e);o("14c6"),o("08c1"),o("4842"),o("d9fc");var n=o("2b0e"),r=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("whiteboard")},i=[],s=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{attrs:{id:"wrapperBox"}},[o("div",{attrs:{id:"cover"}}),o("canvas",{ref:"whiteboard",attrs:{id:"whiteboard",resize:""}}),o("mainPanel"),o("historyPanel"),o("button",{staticClass:"btn",on:{click:t.submit}},[t._v("提交截图")])],1)},a=[],l=o("bd86"),c=(o("ac6a"),o("28a5"),o("2222")),u=o.n(c),h=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"mainPanel"},[o("div",{staticClass:"actionsPanel"},[o("panelToolIcon",{attrs:{icon:"mouse-pointer",isActive:"mousePointer"===t.tool},nativeOn:{click:function(e){return t.dragScreen(e)}}}),o("panelToolIcon",{attrs:{icon:"hand-paper",isActive:"pointMove"===t.tool},nativeOn:{click:function(e){return t.pointMove(e)}}}),o("panelToolIcon",{attrs:{toolColor:t.toolColor,isActive:"pencil"===t.tool||"brush"===t.tool,icon:t.activeTool},nativeOn:{click:function(e){return t.toggleToolSettings(e)}}}),o("panelToolIcon",{attrs:{toolColor:"#133337",isActive:"eraser"===t.tool,icon:"eraser"},nativeOn:{click:function(e){t.toggleEraserSettings(),t.setWhiteboardTool("eraser")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"circle"===t.tool||"square"===t.tool||"triangle"===t.tool||"line"===t.tool,icon:t.activeShape},nativeOn:{click:function(e){return t.toggleShapeSettings(e)}}})],1),o("div",{staticClass:"actionSettingsPanel"},[o("panelToolSettings",{directives:[{name:"show",rawName:"v-show",value:t.isToolSettingsOpened,expression:"isToolSettingsOpened"}]},[o("div",{staticClass:"settingsActions",attrs:{slot:"settingsActions"},slot:"settingsActions"}),o("colorPicker",{staticClass:"settingsColorPicker",attrs:{slot:"settingsColorPicker",onSelectColor:t.setToolColor,colors:t.colors},slot:"settingsColorPicker"}),o("rangeSlider",{staticClass:"settingsSlider",attrs:{slot:"slider",onChange:t.setToolSize,min:0,max:20,value:t.toolSize},slot:"slider"})],1),o("panelToolSettings",{directives:[{name:"show",rawName:"v-show",value:t.isEraserSettingsOpened,expression:"isEraserSettingsOpened"}]},[o("rangeSlider",{staticClass:"settingsSlider",attrs:{slot:"slider",onChange:t.setEraserSize,min:0,max:80,value:t.eraserSize},slot:"slider"})],1),o("panelToolSettings",{directives:[{name:"show",rawName:"v-show",value:t.isShapeSettingsOpened,expression:"isShapeSettingsOpened"}]},[o("div",{staticClass:"settingsActions",attrs:{slot:"settingsActions"},slot:"settingsActions"},[o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"circle"===t.tool,icon:"circle"},nativeOn:{click:function(e){return t.setWhiteboardTool("circle")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"square"===t.tool,icon:"square"},nativeOn:{click:function(e){return t.setWhiteboardTool("square")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"triangle"===t.tool,icon:"exclamation-triangle"},nativeOn:{click:function(e){return t.setWhiteboardTool("triangle")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"line"===t.tool,icon:"slash"},nativeOn:{click:function(e){return t.setWhiteboardTool("line")}}})],1),o("colorPicker",{staticClass:"settingsColorPicker",attrs:{slot:"settingsColorPicker",onSelectColor:t.setShapeColor,colors:t.colors},slot:"settingsColorPicker"}),o("rangeSlider",{staticClass:"settingsSlider",attrs:{slot:"slider",onChange:t.setShapeSize,min:0,max:20,value:t.shapeSize},slot:"slider"})],1)],1)])},p=[],d=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"tool",class:{active:t.isActive}},[o("font-awesome-icon",{attrs:{color:t.toolColor,icon:t.icon}})],1)},g=[],f={props:["icon","toolColor","isActive"]},v=f,m=(o("5cf0"),o("2877")),S=Object(m["a"])(v,d,g,!1,null,null,null),y=S.exports,C=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"toolSettings"},[t._t("settingsActions"),t._t("slider"),t._t("settingsColorPicker")],2)},w=[],T={},b=T,O=(o("37a8"),Object(m["a"])(b,C,w,!1,null,null,null)),_=O.exports,x=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"colorPicker"},t._l(t.colors,function(e,n){return o("div",{key:n,staticClass:"color",style:{"background-color":e},on:{click:function(o){return t.selectColor(e)}}})}),0)},E=[],A={props:["colors","onSelectColor"],methods:{selectColor:function(t){this.onSelectColor(t)}}},k=A,M=(o("3585"),Object(m["a"])(k,x,E,!1,null,null,null)),P=M.exports,z=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("vue-slider",{attrs:{lazy:!0,min:t.min,max:t.max,dotSize:12,height:3,interval:2,processStyle:{background:"black"},bgStyle:{backgroundColor:"#e6e9f0"},sliderStyle:{backgroundColor:"black",boxShadow:"unset"},tooltip:"none",width:"168px"},model:{value:t.sliderValue,callback:function(e){t.sliderValue=e},expression:"sliderValue"}})},I=[],j=o("4971"),D=o.n(j),R={components:{VueSlider:D.a},data:function(){return{sliderValue:this.value}},props:["min","max","value","onChange"],watch:{sliderValue:function(t){this.onChange(t)}}},W=R,H=Object(m["a"])(W,z,I,!1,null,null,null),$=H.exports,L=["#000000","#39B54A","#7841CC","#FFD54F","#00C6C2","#FF0000","#EC008C","#6DCFF6","#FBAF5D","#448CCB","#6d7dd7","#fd7e14"],U={components:{panelToolIcon:y,panelToolSettings:_,rangeSlider:$,colorPicker:P},data:function(){return{isToolSettingsOpened:!1,isEraserSettingsOpened:!1,isShapeSettingsOpened:!1,colors:L,cover:""}},methods:{dragScreen:function(){console.log("###",this.cover),this.cover.style.zIndex=1,this.isToolSettingsOpened=!1,this.isEraserSettingsOpened=!1,this.isShapeSettingsOpened=!1,this.setWhiteboardTool("mousePointer")},pointMove:function(){this.cover.style.zIndex=-1,this.isToolSettingsOpened=!1,this.isEraserSettingsOpened=!1,this.isShapeSettingsOpened=!1,this.setWhiteboardTool("pointMove")},toggleToolSettings:function(){this.cover.style.zIndex=-1,this.isToolSettingsOpened=!this.isToolSettingsOpened,this.isEraserSettingsOpened=!1,this.isShapeSettingsOpened=!1,this.setWhiteboardTool("pencil"),this.setToolSize(this.toolSize)},toggleEraserSettings:function(){console.log(this.cover.style,"@@@"),this.cover.style.zIndex=-1,this.isEraserSettingsOpened=!this.isEraserSettingsOpened,this.isToolSettingsOpened=!1,this.isShapeSettingsOpened=!1},toggleShapeSettings:function(){this.cover.style.zIndex=-1,this.isShapeSettingsOpened=!this.isShapeSettingsOpened,this.isEraserSettingsOpened=!1,this.isToolSettingsOpened=!1,this.setWhiteboardTool("circle")},setToolColor:function(t){this.$store.dispatch("setToolColor",t)},setShapeColor:function(t){this.$store.dispatch("setShapeColor",t)},setToolSize:function(t){this.$store.dispatch("setToolSize",t)},setEraserSize:function(t){this.$store.dispatch("setEraserSize",t)},setShapeSize:function(t){this.$store.dispatch("setShapeSize",t)},setWhiteboardTool:function(t){this.$store.dispatch("setWhiteboardTool",t)}},computed:{activeTool:function(){return"pencil"===this.tool?"pencil-alt":"brush"===this.tool?"paint-brush":"pencil-alt"},activeShape:function(){return"cricle"===this.tool?"circle":"square"===this.tool?"square":"triangle"===this.tool?"exclamation-triangle":"line"===this.tool?"slash":"circle"},tool:function(){return this.$store.getters.tool},toolColor:function(){return this.$store.getters.toolArgs.color},shapeColor:function(){return this.$store.getters.shapeArgs.color},toolSize:function(){return this.$store.getters.toolArgs.size},eraserSize:function(){return this.$store.getters.eraserArgs.size},shapeSize:function(){return this.$store.getters.shapeArgs.size}},mounted:function(){this.cover=document.getElementById("cover"),this.$store.dispatch("setWhiteboardTool","pencil")}},q=U,N=(o("f52a"),Object(m["a"])(q,h,p,!1,null,null,null)),F=N.exports,V=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"historyPanel"},[o("panelToolIcon",{attrs:{icon:"undo"},nativeOn:{click:function(e){return t.undo(e)}}}),o("panelToolIcon",{attrs:{icon:"redo"},nativeOn:{click:function(e){return t.redo(e)}}})],1)},B=[],Z=o("d225"),J=o("b0b4"),Y=function(){function t(e){Object(Z["a"])(this,t),this.limit=e,this.clear()}return Object(J["a"])(t,[{key:"add",value:function(t){(this.history.length>=this.limit||this.current==this.history.length-1)&&this.history.shift(),this.history.push(t),this.current=this.history.length}},{key:"undo",value:function(){this.current>0&&this.history[--this.current].unexec()}},{key:"redo",value:function(){this.history.length>this.current&&this.history[this.current++].exec()}},{key:"clear",value:function(){this.history=[],this.current=0}}]),t}(),G=new Y(1e3),X={components:{panelToolIcon:y},methods:{undo:function(){G.undo()},redo:function(){G.redo()}}},K=X,Q=(o("9345"),Object(m["a"])(K,V,B,!1,null,null,null)),tt=Q.exports,et=o("c0e9"),ot=o.n(et),nt=o("2f62");function rt(t){var e=document.getElementById("cover");e.style.zIndex=1}var it=new u.a.Tool;it.onMouseDown=rt;var st,at={segments:!0,stroke:!0,fill:!0,tolerance:5};function lt(t){st=null,console.log(t);var e=u.a.project.hitTest(t.point,at);e&&(console.log(e),e&&(st=e.item))}function ct(t){console.log(t,"onMouseMove"),u.a.project.activeLayer.selected=!1,t.item&&(t.item.selected=!0)}function ut(t){console.log(st,t,"onMouseDrag"),st&&(st.layer.position.x+=t.delta.x,st.layer.position.y+=t.delta.y)}var ht=new u.a.Tool;ht.onMouseDown=lt,ht.onMouseDrag=ut,ht.onMouseMove=ct;o("7f7f");var pt=o("4c17"),dt=o.n(pt),gt=function(t){t||(t=dt()());var e=new u.a.Layer({name:t});return u.a.project.addLayer(e),e},ft=function(){function t(e){Object(Z["a"])(this,t),this._args=e}return Object(J["a"])(t,[{key:"exec",value:function(){if(u.a.project.layers[this._args.layer]||gt(this._args.layer),this.removed)return u.a.project.layers[this._args.layer].addChildren(this.removed)}},{key:"unexec",value:function(){this.removed=u.a.project.layers[this._args.layer].removeChildren()}}]),t}(),vt={path:null,group:null};function mt(t){var e=gt();vt.path=new u.a.Path,vt.path.strokeColor=se.getters.toolArgs.color,vt.path.strokeWidth=se.getters.toolArgs.size,vt.path.add(t.point),vt.group=new u.a.Group({children:[vt.path],layer:e}),vt.group.addChild(new u.a.Shape.Ellipse({layer:e,center:t.point,strokeColor:se.getters.toolArgs.color,fillColor:se.getters.toolArgs.color,radius:se.getters.toolArgs.size/2})),e.addChild(vt.group)}function St(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),vt.path&&(vt.path.add(t.point),vt.path.selected=!1)}function yt(t){vt.path.add(t.point);var e=new ft({layer:vt.path.layer.name,tool:se.getters.tool,points:vt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(e),vt.path.selected=!1,vt.path=null,vt.group=null}var Ct=new u.a.Tool;Ct.onMouseDown=mt,Ct.onMouseDrag=St,Ct.onMouseUp=yt;var wt={path:null};function Tt(){var t=gt();wt.path=new u.a.Path;var e=xt(se.getters.toolArgs.color||"#000000");wt.path.fillColor="rgb(".concat(e.r,",").concat(e.g,",").concat(e.b,")"),t.addChild(wt.path)}function bt(t){if(wt.path){var e=t.delta;e.x*=se.getters.toolArgs.size/2.8,e.y*=se.getters.toolArgs.size/2.8,e.angle+=90;var o=t.middlePoint.add(e),n=t.middlePoint.subtract(e);wt.path.selected=!1,wt.path.add(o),wt.path.insert(0,n)}}function Ot(){wt.path.simplify();var t=new ft({layer:wt.path.layer.name,tool:se.getters.tool,points:wt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(t),wt.path.selected=!1,wt.path=null}var _t=new u.a.Tool;function xt(t){var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return e?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:null}_t.minDistance=7,_t.maxDistance=7,_t.onMouseDown=Tt,_t.onMouseDrag=bt,_t.onMouseUp=Ot;var Et={layName:[],path:null,group:null},At={segments:!0,stroke:!0,fill:!0,tolerance:5};function kt(t){var e=u.a.project.hitTest(t.point,At);if(e){var o=e.item,n=G.history.filter(function(t){return t._args.layer==o.layer.name});console.log(n),Et.layName.push(o.layer.name),n[0].unexec()}}function Mt(t){Et.layName=[],kt(t)}function Pt(t){kt(t)}function zt(t){if(Et.layName.length){var e={name:Et.layName,_args:"",exec:function(){this.name.forEach(function(t){var e=G.history.filter(function(e){return e._args.layer==t});e[0].unexec()})},unexec:function(){console.log(this),this.name.forEach(function(t){var e=G.history.filter(function(e){return console.log(G.history,e),e._args.layer==t});e[0].exec()})}};G.add(e)}}var It=new u.a.Tool;It.onMouseDown=Mt,It.onMouseDrag=Pt,It.onMouseUp=zt;var jt={path:null,center:null};function Dt(t){var e=gt();jt.path=new u.a.Shape.Circle({center:t.point,strokeColor:se.getters.shapeArgs.color,strokeWidth:se.getters.shapeArgs.size}),e.addChild(jt.path),jt.center=t.point}function Rt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),jt.path&&(jt.path.radius=Math.sqrt((t.point.x-jt.center.x)*(t.point.x-jt.center.x)+(t.point.y-jt.center.y)*(t.point.y-jt.center.y)))}function Wt(){var t=new ft({layer:jt.path.layer.name,tool:se.getters.tool,center:jt.center,radius:jt.path.radius});jt.path=null,G.add(t)}var Ht=new u.a.Tool;Ht.onMouseDown=Dt,Ht.onMouseDrag=Rt,Ht.onMouseUp=Wt;var $t={path:null,center:null,layer:null};function Lt(t){$t.layer=gt(),$t.center=t.point}function Ut(t){$t.path&&$t.path.remove(),$t.path=new u.a.Shape.Rectangle($t.center,t.point),$t.path.strokeColor=se.getters.shapeArgs.color,$t.path.strokeWidth=se.getters.shapeArgs.size}function qt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),$t.layer.addChild($t.path);var n=new ft({layer:$t.path.layer.name,tool:se.getters.tool,from:{x:$t.center.x,y:$t.center.y},to:{x:t.point.x,y:t.point.y}});$t.path=null,G.add(n)}var Nt=new u.a.Tool;Nt.onMouseDown=Lt,Nt.onMouseDrag=Ut,Nt.onMouseUp=qt;var Ft={path:null,center:null,layer:null};function Vt(t){Ft.layer=gt(),Ft.center=t.point}function Bt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),Ft.path&&Ft.path.remove(),Ft.path=new u.a.Path.RegularPolygon(Ft.center,3,Math.sqrt((t.point.x-Ft.center.x)*(t.point.x-Ft.center.x)+(t.point.y-Ft.center.y)*(t.point.y-Ft.center.y))),Ft.path.strokeColor=se.getters.shapeArgs.color,Ft.path.strokeWidth=se.getters.shapeArgs.size}function Zt(){Ft.layer.addChild(Ft.path);var t=new ft({layer:Ft.path.layer.name,tool:se.getters.tool,points:Ft.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(t),Ft.path=null}var Jt=new u.a.Tool;Jt.onMouseDown=Vt,Jt.onMouseDrag=Bt,Jt.onMouseUp=Zt;var Yt={path:null};function Gt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),Yt.path&&Yt.path.remove(),Yt.path=new u.a.Path.Line({from:t.downPoint,to:t.point,strokeColor:"black"}),Yt.path.strokeColor=se.getters.shapeArgs.color,Yt.path.strokeWidth=se.getters.shapeArgs.size}function Xt(){var t=gt();t.addChild(Yt.path);var e=new ft({layer:Yt.path.layer.name,tool:se.getters.tool,points:Yt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(e),Yt.path=null}var Kt=new u.a.Tool;Kt.onMouseDrag=Gt,Kt.onMouseUp=Xt;var Qt={mousePointer:it,pointMove:ht,pencil:Ct,brush:_t,eraser:It,circle:Ht,square:Nt,triangle:Jt,line:Kt},te={tool:null,toolArgs:{size:10,color:"#000000"},eraserArgs:{size:50,color:"#005141"},shapeArgs:{size:2,color:"#000000"},maxHeight:window.innerHeight,touchLength:1},ee={SET_TOOL_COLOR:function(t,e){t.toolArgs.color=e},SET_TOOL_SIZE:function(t,e){t.toolArgs.size=e},SET_ERASER_SIZE:function(t,e){t.eraserArgs.size=e},SET_ERASER_COLOR:function(t,e){t.eraserArgs.color=e},SET_SHAPE_SIZE:function(t,e){t.shapeArgs.size=e},SET_SHAPE_COLOR:function(t,e){t.shapeArgs.color=e},SET_WHITEBOARD_TOOL:function(t,e){t.tool=e,Qt[e]&&Qt[e].activate()},SET_Max_Height:function(t,e){e>window.innerHeight&&(t.maxHeight=e)},touchLength:function(t,e){t.touchLength=e}},oe={setToolColor:function(t,e){var o=t.commit;o("SET_TOOL_COLOR",e)},setToolSize:function(t,e){var o=t.commit;o("SET_TOOL_SIZE",e)},setEraserSize:function(t,e){var o=t.commit;o("SET_ERASER_SIZE",e)},setEraserColor:function(t,e){var o=t.commit;o("SET_ERASER_COLOR",e)},setShapeSize:function(t,e){var o=t.commit;o("SET_SHAPE_SIZE",e)},setShapeColor:function(t,e){var o=t.commit;o("SET_SHAPE_COLOR",e)},setWhiteboardTool:function(t,e){var o=t.commit;o("SET_WHITEBOARD_TOOL",e)}},ne={tool:function(t){return t.tool},toolArgs:function(t){return t.toolArgs},eraserArgs:function(t){return t.eraserArgs},shapeArgs:function(t){return t.shapeArgs},maxHeight:function(t){return t.maxHeight},touchLength:function(t){return t.touchLength}},re={state:te,mutations:ee,actions:oe,getters:ne};n["default"].use(nt["a"]);var ie,se=new nt["a"].Store({modules:{whiteboardModule:re}});o("a481"),o("34ef"),o("4917"),o("c5f6");function ae(t){var e=t.split(","),o=e[0].match(/:(.*?);/)[1],n=atob(e[1]),r=n.length,i=new Uint8Array(r);while(r--)i[r]=n.charCodeAt(r);return new Blob([i],{type:o})}function le(t,e){return new File([t],(new Date).getTime()+t.type.replace("image/","."))}var ce=(ie={components:{mainPanel:F,historyPanel:tt},created:function(){u.a.install(window)},data:function(){return{srcUrl:"",query:""}}},Object(l["a"])(ie,"created",function(){this.query=this.getUrlParams2(window.location.href)}),Object(l["a"])(ie,"methods",{getUrlParams2:function(t){var e=t.split("?")[1],o=new URLSearchParams(e),n=Object.fromEntries(o.entries());return n},submit:function(){var t=this;this.srcUrl||(console.log(se.getters.maxHeight,this.$refs.whiteboard.clientWidth),ot()(this.$refs.whiteboard,{width:this.$refs.whiteboard.clientWidth,height:se.getters.maxHeight+10,scrollY:0,scrollX:0,useCORS:!0}).then(function(e){var o=e.toDataURL("image/png");if(t.srcUrl=o,window.ReactNativeWebView)window.ReactNativeWebView.postMessage(o);else{var n=ae(o);console.log(n);var r=le(n);console.log(r);var i=decodeURIComponent(t.query.host),s=new FormData;s.append("file",r),fetch(i,{method:"POST",mode:"cors",credentials:"include",headers:{token:t.query.token,tenant:"szVdW4usayB486MYV8U"},body:s}).then(function(e){console.log(e),window.ReactNativeWebView?window.ReactNativeWebView.postMessage(JSON.stringify(e)):t.srcUrl=""}).catch(function(t){console.log(t)})}}))}}),Object(l["a"])(ie,"mounted",function(){u.a.setup("whiteboard")}),ie),ue=ce,he=(o("5515"),Object(m["a"])(ue,s,a,!1,null,null,null)),pe=he.exports,de={components:{whiteboard:pe}},ge=de,fe=Object(m["a"])(ge,r,i,!1,null,null,null),ve=fe.exports,me=o("ecee"),Se=o("ad3d"),ye=o("c074");me["c"].add({faPencilAlt:ye["h"],faUndo:ye["l"],faRedo:ye["i"],faEraser:ye["b"],faCircle:ye["a"],faFont:ye["d"],faUpload:ye["m"],faPaintBrush:ye["g"],faSquare:ye["k"],faExclamationTriangle:ye["c"],faSlash:ye["j"],faMousePointer:ye["f"],faHandPaper:ye["e"]}),n["default"].component("font-awesome-icon",Se["a"]);o("24df");n["default"].config.productionTip=!1,new n["default"]({render:function(t){return t(ve)},store:se}).$mount("#app")},"5cf0":function(t,e,o){"use strict";var n=o("d1b3"),r=o.n(n);r.a},"676d":function(t,e,o){},9345:function(t,e,o){"use strict";var n=o("15c1"),r=o.n(n);r.a},ad9b:function(t,e,o){},d1b3:function(t,e,o){},f020:function(t,e,o){},f52a:function(t,e,o){"use strict";var n=o("f020"),r=o.n(n);r.a}});
//# sourceMappingURL=app.8fe45ebf.js.map
\ No newline at end of file
Static.bundle/js/app.8fe45ebf.js.map 0 → 100644
View file @ 6c2cefb8
This source diff could not be displayed because it is too large. You can view the blob instead.
Static.bundle/js/chunk-vendors.9912874f.js 0 → 100644
View file @ 6c2cefb8
This source diff could not be displayed because it is too large. You can view the blob instead.
Static.bundle/js/chunk-vendors.9912874f.js.map 0 → 100644
View file @ 6c2cefb8
This source diff could not be displayed because it is too large. You can view the blob instead.
android/app/build.gradle
View file @ 6c2cefb8
...@@ -189,12 +189,17 @@ android { ...@@ -189,12 +189,17 @@ android {
} }
} }
sourceSets {
main {
assets.srcDirs = ['src/main/assets', '../../Static.bundle']
}
}
} }
dependencies { dependencies {
implementation fileTree(dir: "libs", include: ["*.jar"]) implementation fileTree(dir: "libs", include: ["*.jar"])
// 数字请根据最新版自行添加 // 数字请根据最新版自行添加
implementation 'com.github.netless-io:whiteboard-android:2.13.18' implementation 'com.github.netless-io:whiteboard-android:2.15.6'
//noinspection GradleDynamicVersion //noinspection GradleDynamicVersion
...@@ -232,5 +237,5 @@ task copyDownloadableDepsToLibs(type: Copy) { ...@@ -232,5 +237,5 @@ task copyDownloadableDepsToLibs(type: Copy) {
from configurations.compile from configurations.compile
into 'libs' into 'libs'
} }
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project) apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
android/app/release/output-metadata.json 0 → 100644
View file @ 6c2cefb8
{
"version": 2,
"artifactType": {
"type": "APK",
"kind": "Directory"
},
"applicationId": "com.fenghua_student_client",
"variantName": "processReleaseResources",
"elements": [
{
"type": "SINGLE",
"filters": [],
"versionCode": 1,
"versionName": "1.0",
"outputFile": "app-release.apk"
}
]
}
\ No newline at end of file
android/app/src/main/AndroidManifest.xml
View file @ 6c2cefb8
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<application <application
tools:replace="android:allowBackup" tools:replace="android:allowBackup"
android:name=".MainApplication" android:name=".MainApplication"
...@@ -12,6 +13,7 @@ ...@@ -12,6 +13,7 @@
android:icon="@mipmap/ic_launcher" android:icon="@mipmap/ic_launcher"
android:roundIcon="@mipmap/ic_launcher_round" android:roundIcon="@mipmap/ic_launcher_round"
android:allowBackup="false" android:allowBackup="false"
android:usesCleartextTraffic="true"
android:theme="@style/AppTheme"> android:theme="@style/AppTheme">
<activity <activity
android:name=".MainActivity" android:name=".MainActivity"
...@@ -23,6 +25,13 @@ ...@@ -23,6 +25,13 @@
<intent-filter> <intent-filter>
<action android:name="android.intent.action.MAIN" /> <action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" /> <category android:name="android.intent.category.LAUNCHER" />
<action android:name="android.intent.action.DOWNLOAD_COMPLETE"/>
</intent-filter>
<intent-filter>
<action android:name="android.intent.action.VIEW"/>
<category android:name="android.intent.category.DEFAULT"/>
<category android:name="android.intent.category.BROWSABLE"/>
<data android:scheme="fhstudents" android:host="fhstudents"/>
</intent-filter> </intent-filter>
</activity> </activity>
<activity android:name="com.facebook.react.devsupport.DevSettingsActivity" /> <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
......
android/app/src/main/assets/Static.bundle/css/app.6d43a2f3.css 0 → 100644
View file @ 6c2cefb8
.tool{padding:10px;cursor:pointer}.active,.tool:not(.active):hover{background:#e6e9f0;border-radius:5px}.toolSettings{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;background:#fff;padding:10px 5px;border-radius:5px;right:65px;top:0;-webkit-box-shadow:0 10px 30px 8px rgba(0,0,0,.2);box-shadow:0 10px 30px 8px rgba(0,0,0,.2)}.toolSettings,.toolSettings .settingsActions{display:-webkit-box;display:-ms-flexbox;display:flex}.toolSettings .settingsActions .tool:not(:last-child){margin-right:5px}.toolSettings .settingsSlider{margin-top:10px;padding:5px!important}.toolSettings .settingsColorPicker{margin-top:10px}.colorPicker{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.colorPicker .color{width:30px;height:30px;margin:5px;border-radius:15px;-webkit-transition:opacity .2s;transition:opacity .2s;border:1px solid rgba(0,0,0,.1)}.colorPicker .color:not(.active):hover{cursor:pointer;border:1px solid rgba(0,0,0,.5)}.mainPanel{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:120px;right:15px;padding:6px;background:#fff;border-radius:5px;-webkit-box-shadow:0 10px 30px 8px rgba(0,0,0,.4);box-shadow:0 10px 30px 8px rgba(0,0,0,.4);z-index:99}.mainPanel .actionsPanel .tool:not(:last-child){margin-bottom:5px;text-align:center}.historyPanel{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:99;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:370px;right:15px;padding:6px;background:#fff;border-radius:5px;-webkit-box-shadow:0 10px 30px 8px rgba(0,0,0,.4);box-shadow:0 10px 30px 8px rgba(0,0,0,.4)}body,html{width:100%;height:100%}body{margin:0;padding:0;height:100%}#wrapperBox{position:relative;height:100%;overflow:scroll;-webkit-overflow-scrolling:touch}#cover{left:0;right:0;z-index:-1}#cover,canvas{position:absolute;height:300vh}canvas{width:100%;background:#005141}.btn{position:fixed;width:80px;height:30px;bottom:10px;right:10px;z-index:999;background:#e6e9f0;border:none;line-height:30px;border-radius:5px}
\ No newline at end of file
android/app/src/main/assets/Static.bundle/css/chunk-vendors.a7bbc042.css 0 → 100644
View file @ 6c2cefb8
.vue-slider-disabled{opacity:.5;cursor:not-allowed}.vue-slider-rail{background-color:#ccc;border-radius:15px}.vue-slider-process{background-color:#3498db;border-radius:15px}.vue-slider-mark{z-index:4}.vue-slider-mark:first-child .vue-slider-mark-step,.vue-slider-mark:last-child .vue-slider-mark-step{display:none}.vue-slider-mark-step{width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,.16)}.vue-slider-mark-label{font-size:14px;white-space:nowrap}.vue-slider-dot-handle{cursor:pointer;width:100%;height:100%;border-radius:50%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32);box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32)}.vue-slider-dot-handle-focus{-webkit-box-shadow:0 0 1px 2px rgba(52,152,219,.36);box-shadow:0 0 1px 2px rgba(52,152,219,.36)}.vue-slider-dot-handle-disabled{cursor:not-allowed;background-color:#ccc}.vue-slider-dot-tooltip-inner{font-size:14px;white-space:nowrap;padding:2px 5px;min-width:20px;text-align:center;color:#fff;border-radius:5px;border-color:#3498db;background-color:#3498db;-webkit-box-sizing:content-box;box-sizing:content-box}.vue-slider-dot-tooltip-inner:after{content:"";position:absolute}.vue-slider-dot-tooltip-inner-top:after{top:100%;border-color:transparent;border-style:solid;border-width:5px;border-top-color:inherit}.vue-slider-dot-tooltip-inner-bottom:after,.vue-slider-dot-tooltip-inner-top:after{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);height:0;width:0}.vue-slider-dot-tooltip-inner-bottom:after{bottom:100%;border-color:transparent;border-style:solid;border-width:5px;border-bottom-color:inherit}.vue-slider-dot-tooltip-inner-left:after{left:100%;border-color:transparent;border-style:solid;border-width:5px;border-left-color:inherit}.vue-slider-dot-tooltip-inner-left:after,.vue-slider-dot-tooltip-inner-right:after{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:0;width:0}.vue-slider-dot-tooltip-inner-right:after{right:100%;border-color:transparent;border-style:solid;border-width:5px;border-right-color:inherit}.vue-slider-dot-tooltip-wrapper{opacity:0;-webkit-transition:all .3s;transition:all .3s}.vue-slider-dot-tooltip-wrapper-show{opacity:1}
\ No newline at end of file
android/app/src/main/assets/Static.bundle/dd.html 0 → 100644
View file @ 6c2cefb8
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>sd</title>
</head>
<body>
sdsdsdsd
</body>
</html>
android/app/src/main/assets/Static.bundle/index.html 0 → 100644
View file @ 6c2cefb8
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon.ico><title>Whiteboard</title><link href=css/app.6d43a2f3.css rel=preload as=style><link href=css/chunk-vendors.a7bbc042.css rel=preload as=style><link href=js/app.8fe45ebf.js rel=preload as=script><link href=js/chunk-vendors.9912874f.js rel=preload as=script><link href=css/chunk-vendors.a7bbc042.css rel=stylesheet><link href=css/app.6d43a2f3.css rel=stylesheet></head><body><noscript><strong>We're sorry but Whiteboard doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.9912874f.js></script><script src=js/app.8fe45ebf.js></script></body></html>
\ No newline at end of file
android/app/src/main/assets/Static.bundle/js/app.7f8bb2f3.js 0 → 100644
View file @ 6c2cefb8
(function(t){function e(e){for(var n,s,a=e[0],l=e[1],c=e[2],h=0,p=[];h<a.length;h++)s=a[h],r[s]&&p.push(r[s][0]),r[s]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(t[n]=l[n]);u&&u(e);while(p.length)p.shift()();return i.push.apply(i,c||[]),o()}function o(){for(var t,e=0;e<i.length;e++){for(var o=i[e],n=!0,a=1;a<o.length;a++){var l=o[a];0!==r[l]&&(n=!1)}n&&(i.splice(e--,1),t=s(s.s=o[0]))}return t}var n={},r={app:0},i=[];function s(e){if(n[e])return n[e].exports;var o=n[e]={i:e,l:!1,exports:{}};return t[e].call(o.exports,o,o.exports,s),o.l=!0,o.exports}s.m=t,s.c=n,s.d=function(t,e,o){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},s.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(s.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)s.d(o,n,function(e){return t[e]}.bind(null,n));return o},s.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="/";var a=window["webpackJsonp"]=window["webpackJsonp"]||[],l=a.push.bind(a);a.push=e,a=a.slice();for(var c=0;c<a.length;c++)e(a[c]);var u=l;i.push([0,"chunk-vendors"]),o()})({0:function(t,e,o){t.exports=o("56d7")},1:function(t,e){},"15c1":function(t,e,o){},2:function(t,e){},3585:function(t,e,o){"use strict";var n=o("ad9b"),r=o.n(n);r.a},"37a8":function(t,e,o){"use strict";var n=o("4392"),r=o.n(n);r.a},4392:function(t,e,o){},5515:function(t,e,o){"use strict";var n=o("676d"),r=o.n(n);r.a},"56d7":function(t,e,o){"use strict";o.r(e);o("14c6"),o("08c1"),o("4842"),o("d9fc");var n=o("2b0e"),r=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("whiteboard")},i=[],s=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{attrs:{id:"wrapperBox"}},[o("div",{attrs:{id:"cover"}}),o("canvas",{ref:"whiteboard",attrs:{id:"whiteboard",resize:""}}),o("mainPanel"),o("historyPanel"),o("button",{staticClass:"btn",on:{click:t.submit}},[t._v("提交截图")]),o("img",{attrs:{src:t.srcUrl,alt:""}})],1)},a=[],l=o("bd86"),c=(o("ac6a"),o("28a5"),o("2222")),u=o.n(c),h=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"mainPanel"},[o("div",{staticClass:"actionsPanel"},[o("panelToolIcon",{attrs:{icon:"mouse-pointer",isActive:"mousePointer"===t.tool},nativeOn:{click:function(e){return t.dragScreen(e)}}}),o("panelToolIcon",{attrs:{icon:"hand-paper",isActive:"pointMove"===t.tool},nativeOn:{click:function(e){return t.pointMove(e)}}}),o("panelToolIcon",{attrs:{toolColor:t.toolColor,isActive:"pencil"===t.tool||"brush"===t.tool,icon:t.activeTool},nativeOn:{click:function(e){return t.toggleToolSettings(e)}}}),o("panelToolIcon",{attrs:{toolColor:"#133337",isActive:"eraser"===t.tool,icon:"eraser"},nativeOn:{click:function(e){t.toggleEraserSettings(),t.setWhiteboardTool("eraser")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"circle"===t.tool||"square"===t.tool||"triangle"===t.tool||"line"===t.tool,icon:t.activeShape},nativeOn:{click:function(e){return t.toggleShapeSettings(e)}}})],1),o("div",{staticClass:"actionSettingsPanel"},[o("panelToolSettings",{directives:[{name:"show",rawName:"v-show",value:t.isToolSettingsOpened,expression:"isToolSettingsOpened"}]},[o("div",{staticClass:"settingsActions",attrs:{slot:"settingsActions"},slot:"settingsActions"}),o("colorPicker",{staticClass:"settingsColorPicker",attrs:{slot:"settingsColorPicker",onSelectColor:t.setToolColor,colors:t.colors},slot:"settingsColorPicker"}),o("rangeSlider",{staticClass:"settingsSlider",attrs:{slot:"slider",onChange:t.setToolSize,min:0,max:20,value:t.toolSize},slot:"slider"})],1),o("panelToolSettings",{directives:[{name:"show",rawName:"v-show",value:t.isEraserSettingsOpened,expression:"isEraserSettingsOpened"}]},[o("rangeSlider",{staticClass:"settingsSlider",attrs:{slot:"slider",onChange:t.setEraserSize,min:0,max:80,value:t.eraserSize},slot:"slider"})],1),o("panelToolSettings",{directives:[{name:"show",rawName:"v-show",value:t.isShapeSettingsOpened,expression:"isShapeSettingsOpened"}]},[o("div",{staticClass:"settingsActions",attrs:{slot:"settingsActions"},slot:"settingsActions"},[o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"circle"===t.tool,icon:"circle"},nativeOn:{click:function(e){return t.setWhiteboardTool("circle")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"square"===t.tool,icon:"square"},nativeOn:{click:function(e){return t.setWhiteboardTool("square")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"triangle"===t.tool,icon:"exclamation-triangle"},nativeOn:{click:function(e){return t.setWhiteboardTool("triangle")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"line"===t.tool,icon:"slash"},nativeOn:{click:function(e){return t.setWhiteboardTool("line")}}})],1),o("colorPicker",{staticClass:"settingsColorPicker",attrs:{slot:"settingsColorPicker",onSelectColor:t.setShapeColor,colors:t.colors},slot:"settingsColorPicker"}),o("rangeSlider",{staticClass:"settingsSlider",attrs:{slot:"slider",onChange:t.setShapeSize,min:0,max:20,value:t.shapeSize},slot:"slider"})],1)],1)])},p=[],d=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"tool",class:{active:t.isActive}},[o("font-awesome-icon",{attrs:{color:t.toolColor,icon:t.icon}})],1)},g=[],f={props:["icon","toolColor","isActive"]},v=f,m=(o("5cf0"),o("2877")),S=Object(m["a"])(v,d,g,!1,null,null,null),y=S.exports,C=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"toolSettings"},[t._t("settingsActions"),t._t("slider"),t._t("settingsColorPicker")],2)},w=[],T={},b=T,O=(o("37a8"),Object(m["a"])(b,C,w,!1,null,null,null)),_=O.exports,x=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"colorPicker"},t._l(t.colors,function(e,n){return o("div",{key:n,staticClass:"color",style:{"background-color":e},on:{click:function(o){return t.selectColor(e)}}})}),0)},E=[],A={props:["colors","onSelectColor"],methods:{selectColor:function(t){this.onSelectColor(t)}}},k=A,M=(o("3585"),Object(m["a"])(k,x,E,!1,null,null,null)),P=M.exports,z=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("vue-slider",{attrs:{lazy:!0,min:t.min,max:t.max,dotSize:12,height:3,interval:2,processStyle:{background:"black"},bgStyle:{backgroundColor:"#e6e9f0"},sliderStyle:{backgroundColor:"black",boxShadow:"unset"},tooltip:"none",width:"168px"},model:{value:t.sliderValue,callback:function(e){t.sliderValue=e},expression:"sliderValue"}})},I=[],j=o("4971"),D=o.n(j),R={components:{VueSlider:D.a},data:function(){return{sliderValue:this.value}},props:["min","max","value","onChange"],watch:{sliderValue:function(t){this.onChange(t)}}},W=R,H=Object(m["a"])(W,z,I,!1,null,null,null),$=H.exports,L=["#000000","#39B54A","#7841CC","#FFD54F","#00C6C2","#FF0000","#EC008C","#6DCFF6","#FBAF5D","#448CCB","#6d7dd7","#fd7e14"],U={components:{panelToolIcon:y,panelToolSettings:_,rangeSlider:$,colorPicker:P},data:function(){return{isToolSettingsOpened:!1,isEraserSettingsOpened:!1,isShapeSettingsOpened:!1,colors:L,cover:""}},methods:{dragScreen:function(){console.log("###",this.cover),this.cover.style.zIndex=1,this.isToolSettingsOpened=!1,this.isEraserSettingsOpened=!1,this.isShapeSettingsOpened=!1,this.setWhiteboardTool("mousePointer")},pointMove:function(){this.cover.style.zIndex=-1,this.isToolSettingsOpened=!1,this.isEraserSettingsOpened=!1,this.isShapeSettingsOpened=!1,this.setWhiteboardTool("pointMove")},toggleToolSettings:function(){this.cover.style.zIndex=-1,this.isToolSettingsOpened=!this.isToolSettingsOpened,this.isEraserSettingsOpened=!1,this.isShapeSettingsOpened=!1,this.setWhiteboardTool("pencil"),this.setToolSize(this.toolSize)},toggleEraserSettings:function(){console.log(this.cover.style,"@@@"),this.cover.style.zIndex=-1,this.isEraserSettingsOpened=!this.isEraserSettingsOpened,this.isToolSettingsOpened=!1,this.isShapeSettingsOpened=!1},toggleShapeSettings:function(){this.cover.style.zIndex=-1,this.isShapeSettingsOpened=!this.isShapeSettingsOpened,this.isEraserSettingsOpened=!1,this.isToolSettingsOpened=!1,this.setWhiteboardTool("circle")},setToolColor:function(t){this.$store.dispatch("setToolColor",t)},setShapeColor:function(t){this.$store.dispatch("setShapeColor",t)},setToolSize:function(t){this.$store.dispatch("setToolSize",t)},setEraserSize:function(t){this.$store.dispatch("setEraserSize",t)},setShapeSize:function(t){this.$store.dispatch("setShapeSize",t)},setWhiteboardTool:function(t){this.$store.dispatch("setWhiteboardTool",t)}},computed:{activeTool:function(){return"pencil"===this.tool?"pencil-alt":"brush"===this.tool?"paint-brush":"pencil-alt"},activeShape:function(){return"cricle"===this.tool?"circle":"square"===this.tool?"square":"triangle"===this.tool?"exclamation-triangle":"line"===this.tool?"slash":"circle"},tool:function(){return this.$store.getters.tool},toolColor:function(){return this.$store.getters.toolArgs.color},shapeColor:function(){return this.$store.getters.shapeArgs.color},toolSize:function(){return this.$store.getters.toolArgs.size},eraserSize:function(){return this.$store.getters.eraserArgs.size},shapeSize:function(){return this.$store.getters.shapeArgs.size}},mounted:function(){this.cover=document.getElementById("cover"),this.$store.dispatch("setWhiteboardTool","pencil")}},q=U,N=(o("f52a"),Object(m["a"])(q,h,p,!1,null,null,null)),F=N.exports,V=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"historyPanel"},[o("panelToolIcon",{attrs:{icon:"undo"},nativeOn:{click:function(e){return t.undo(e)}}}),o("panelToolIcon",{attrs:{icon:"redo"},nativeOn:{click:function(e){return t.redo(e)}}})],1)},B=[],Z=o("d225"),J=o("b0b4"),Y=function(){function t(e){Object(Z["a"])(this,t),this.limit=e,this.clear()}return Object(J["a"])(t,[{key:"add",value:function(t){(this.history.length>=this.limit||this.current==this.history.length-1)&&this.history.shift(),this.history.push(t),this.current=this.history.length}},{key:"undo",value:function(){this.current>0&&this.history[--this.current].unexec()}},{key:"redo",value:function(){this.history.length>this.current&&this.history[this.current++].exec()}},{key:"clear",value:function(){this.history=[],this.current=0}}]),t}(),G=new Y(1e3),X={components:{panelToolIcon:y},methods:{undo:function(){G.undo()},redo:function(){G.redo()}}},K=X,Q=(o("9345"),Object(m["a"])(K,V,B,!1,null,null,null)),tt=Q.exports,et=o("c0e9"),ot=o.n(et),nt=o("2f62");function rt(t){var e=document.getElementById("cover");e.style.zIndex=1}var it=new u.a.Tool;it.onMouseDown=rt;var st,at={segments:!0,stroke:!0,fill:!0,tolerance:5};function lt(t){st=null,console.log(t);var e=project.hitTest(t.point,at);e&&(console.log(e),e&&(st=e.item))}function ct(t){console.log(t,"onMouseMove"),project.activeLayer.selected=!1,t.item&&(t.item.selected=!0)}function ut(t){console.log(st,t,"onMouseDrag"),st&&(st.layer.position.x+=t.delta.x,st.layer.position.y+=t.delta.y)}var ht=new u.a.Tool;ht.onMouseDown=lt,ht.onMouseDrag=ut,ht.onMouseMove=ct;o("7f7f");var pt=o("4c17"),dt=o.n(pt),gt=function(t){t||(t=dt()());var e=new u.a.Layer({name:t});return u.a.project.addLayer(e),e},ft=function(){function t(e){Object(Z["a"])(this,t),this._args=e}return Object(J["a"])(t,[{key:"exec",value:function(){if(u.a.project.layers[this._args.layer]||gt(this._args.layer),this.removed)return u.a.project.layers[this._args.layer].addChildren(this.removed)}},{key:"unexec",value:function(){this.removed=u.a.project.layers[this._args.layer].removeChildren()}}]),t}(),vt={path:null,group:null};function mt(t){var e=gt();vt.path=new u.a.Path,vt.path.strokeColor=se.getters.toolArgs.color,vt.path.strokeWidth=se.getters.toolArgs.size,vt.path.add(t.point),vt.group=new u.a.Group({children:[vt.path],layer:e}),vt.group.addChild(new u.a.Shape.Ellipse({layer:e,center:t.point,strokeColor:se.getters.toolArgs.color,fillColor:se.getters.toolArgs.color,radius:se.getters.toolArgs.size/2})),e.addChild(vt.group)}function St(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),vt.path&&(vt.path.add(t.point),vt.path.selected=!1)}function yt(t){vt.path.add(t.point);var e=new ft({layer:vt.path.layer.name,tool:se.getters.tool,points:vt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(e),vt.path.selected=!1,vt.path=null,vt.group=null}var Ct=new u.a.Tool;Ct.onMouseDown=mt,Ct.onMouseDrag=St,Ct.onMouseUp=yt;var wt={path:null};function Tt(){var t=gt();wt.path=new u.a.Path;var e=xt(se.getters.toolArgs.color||"#000000");wt.path.fillColor="rgb(".concat(e.r,",").concat(e.g,",").concat(e.b,")"),t.addChild(wt.path)}function bt(t){if(wt.path){var e=t.delta;e.x*=se.getters.toolArgs.size/2.8,e.y*=se.getters.toolArgs.size/2.8,e.angle+=90;var o=t.middlePoint.add(e),n=t.middlePoint.subtract(e);wt.path.selected=!1,wt.path.add(o),wt.path.insert(0,n)}}function Ot(){wt.path.simplify();var t=new ft({layer:wt.path.layer.name,tool:se.getters.tool,points:wt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(t),wt.path.selected=!1,wt.path=null}var _t=new u.a.Tool;function xt(t){var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return e?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:null}_t.minDistance=7,_t.maxDistance=7,_t.onMouseDown=Tt,_t.onMouseDrag=bt,_t.onMouseUp=Ot;var Et={layName:[],path:null,group:null},At={segments:!0,stroke:!0,fill:!0,tolerance:5};function kt(t){var e=project.hitTest(t.point,At);if(e){var o=e.item,n=G.history.filter(function(t){return t._args.layer==o.layer.name});console.log(n),Et.layName.push(o.layer.name),n[0].unexec()}}function Mt(t){Et.layName=[],kt(t)}function Pt(t){kt(t)}function zt(t){if(Et.layName.length){var e={name:Et.layName,_args:"",exec:function(){this.name.forEach(function(t){var e=G.history.filter(function(e){return e._args.layer==t});e[0].unexec()})},unexec:function(){console.log(this),this.name.forEach(function(t){var e=G.history.filter(function(e){return console.log(G.history,e),e._args.layer==t});e[0].exec()})}};G.add(e)}}var It=new u.a.Tool;It.onMouseDown=Mt,It.onMouseDrag=Pt,It.onMouseUp=zt;var jt={path:null,center:null};function Dt(t){var e=gt();jt.path=new u.a.Shape.Circle({center:t.point,strokeColor:se.getters.shapeArgs.color,strokeWidth:se.getters.shapeArgs.size}),e.addChild(jt.path),jt.center=t.point}function Rt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),jt.path&&(jt.path.radius=Math.sqrt((t.point.x-jt.center.x)*(t.point.x-jt.center.x)+(t.point.y-jt.center.y)*(t.point.y-jt.center.y)))}function Wt(){var t=new ft({layer:jt.path.layer.name,tool:se.getters.tool,center:jt.center,radius:jt.path.radius});jt.path=null,G.add(t)}var Ht=new u.a.Tool;Ht.onMouseDown=Dt,Ht.onMouseDrag=Rt,Ht.onMouseUp=Wt;var $t={path:null,center:null,layer:null};function Lt(t){$t.layer=gt(),$t.center=t.point}function Ut(t){$t.path&&$t.path.remove(),$t.path=new u.a.Shape.Rectangle($t.center,t.point),$t.path.strokeColor=se.getters.shapeArgs.color,$t.path.strokeWidth=se.getters.shapeArgs.size}function qt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),$t.layer.addChild($t.path);var n=new ft({layer:$t.path.layer.name,tool:se.getters.tool,from:{x:$t.center.x,y:$t.center.y},to:{x:t.point.x,y:t.point.y}});$t.path=null,G.add(n)}var Nt=new u.a.Tool;Nt.onMouseDown=Lt,Nt.onMouseDrag=Ut,Nt.onMouseUp=qt;var Ft={path:null,center:null,layer:null};function Vt(t){Ft.layer=gt(),Ft.center=t.point}function Bt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),Ft.path&&Ft.path.remove(),Ft.path=new u.a.Path.RegularPolygon(Ft.center,3,Math.sqrt((t.point.x-Ft.center.x)*(t.point.x-Ft.center.x)+(t.point.y-Ft.center.y)*(t.point.y-Ft.center.y))),Ft.path.strokeColor=se.getters.shapeArgs.color,Ft.path.strokeWidth=se.getters.shapeArgs.size}function Zt(){Ft.layer.addChild(Ft.path);var t=new ft({layer:Ft.path.layer.name,tool:se.getters.tool,points:Ft.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(t),Ft.path=null}var Jt=new u.a.Tool;Jt.onMouseDown=Vt,Jt.onMouseDrag=Bt,Jt.onMouseUp=Zt;var Yt={path:null};function Gt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),Yt.path&&Yt.path.remove(),Yt.path=new u.a.Path.Line({from:t.downPoint,to:t.point,strokeColor:"black"}),Yt.path.strokeColor=se.getters.shapeArgs.color,Yt.path.strokeWidth=se.getters.shapeArgs.size}function Xt(){var t=gt();t.addChild(Yt.path);var e=new ft({layer:Yt.path.layer.name,tool:se.getters.tool,points:Yt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(e),Yt.path=null}var Kt=new u.a.Tool;Kt.onMouseDrag=Gt,Kt.onMouseUp=Xt;var Qt={mousePointer:it,pointMove:ht,pencil:Ct,brush:_t,eraser:It,circle:Ht,square:Nt,triangle:Jt,line:Kt},te={tool:null,toolArgs:{size:10,color:"#000000"},eraserArgs:{size:50,color:"#005141"},shapeArgs:{size:2,color:"#000000"},maxHeight:window.innerHeight,touchLength:1},ee={SET_TOOL_COLOR:function(t,e){t.toolArgs.color=e},SET_TOOL_SIZE:function(t,e){t.toolArgs.size=e},SET_ERASER_SIZE:function(t,e){t.eraserArgs.size=e},SET_ERASER_COLOR:function(t,e){t.eraserArgs.color=e},SET_SHAPE_SIZE:function(t,e){t.shapeArgs.size=e},SET_SHAPE_COLOR:function(t,e){t.shapeArgs.color=e},SET_WHITEBOARD_TOOL:function(t,e){t.tool=e,Qt[e]&&Qt[e].activate()},SET_Max_Height:function(t,e){e>window.innerHeight&&(t.maxHeight=e)},touchLength:function(t,e){t.touchLength=e}},oe={setToolColor:function(t,e){var o=t.commit;o("SET_TOOL_COLOR",e)},setToolSize:function(t,e){var o=t.commit;o("SET_TOOL_SIZE",e)},setEraserSize:function(t,e){var o=t.commit;o("SET_ERASER_SIZE",e)},setEraserColor:function(t,e){var o=t.commit;o("SET_ERASER_COLOR",e)},setShapeSize:function(t,e){var o=t.commit;o("SET_SHAPE_SIZE",e)},setShapeColor:function(t,e){var o=t.commit;o("SET_SHAPE_COLOR",e)},setWhiteboardTool:function(t,e){var o=t.commit;o("SET_WHITEBOARD_TOOL",e)}},ne={tool:function(t){return t.tool},toolArgs:function(t){return t.toolArgs},eraserArgs:function(t){return t.eraserArgs},shapeArgs:function(t){return t.shapeArgs},maxHeight:function(t){return t.maxHeight},touchLength:function(t){return t.touchLength}},re={state:te,mutations:ee,actions:oe,getters:ne};n["default"].use(nt["a"]);var ie,se=new nt["a"].Store({modules:{whiteboardModule:re}});o("a481"),o("34ef"),o("4917"),o("c5f6");function ae(t){var e=t.split(","),o=e[0].match(/:(.*?);/)[1],n=atob(e[1]),r=n.length,i=new Uint8Array(r);while(r--)i[r]=n.charCodeAt(r);return new Blob([i],{type:o})}function le(t,e){return new File([t],(new Date).getTime()+t.type.replace("image/","."))}var ce=(ie={components:{mainPanel:F,historyPanel:tt},created:function(){u.a.install(window)},data:function(){return{srcUrl:"",query:""}}},Object(l["a"])(ie,"created",function(){this.query=this.getUrlParams2(window.location.href)}),Object(l["a"])(ie,"methods",{getUrlParams2:function(t){var e=t.split("?")[1],o=new URLSearchParams(e),n=Object.fromEntries(o.entries());return n},submit:function(){var t=this;this.srcUrl||(console.log(se.getters.maxHeight,this.$refs.whiteboard.clientWidth),ot()(this.$refs.whiteboard,{width:this.$refs.whiteboard.clientWidth,height:se.getters.maxHeight+10,scrollY:0,scrollX:0,useCORS:!0}).then(function(e){var o=e.toDataURL("image/png");if(t.srcUrl=o,window.ReactNativeWebView)window.ReactNativeWebView.postMessage(o);else{var n=ae(o);console.log(n);var r=le(n);console.log(r);var i=decodeURIComponent(t.query.host),s=new FormData;s.append("file",r),fetch(i,{method:"POST",mode:"cors",credentials:"include",headers:{token:t.query.token,tenant:"szVdW4usayB486MYV8U"},body:s}).then(function(e){console.log(e),window.ReactNativeWebView?window.ReactNativeWebView.postMessage(JSON.stringify(e)):t.srcUrl=""}).catch(function(t){console.log(t)})}}))}}),Object(l["a"])(ie,"mounted",function(){u.a.setup("whiteboard")}),ie),ue=ce,he=(o("5515"),Object(m["a"])(ue,s,a,!1,null,null,null)),pe=he.exports,de={components:{whiteboard:pe}},ge=de,fe=Object(m["a"])(ge,r,i,!1,null,null,null),ve=fe.exports,me=o("ecee"),Se=o("ad3d"),ye=o("c074");me["c"].add({faPencilAlt:ye["h"],faUndo:ye["l"],faRedo:ye["i"],faEraser:ye["b"],faCircle:ye["a"],faFont:ye["d"],faUpload:ye["m"],faPaintBrush:ye["g"],faSquare:ye["k"],faExclamationTriangle:ye["c"],faSlash:ye["j"],faMousePointer:ye["f"],faHandPaper:ye["e"]}),n["default"].component("font-awesome-icon",Se["a"]);o("24df");n["default"].config.productionTip=!1,new n["default"]({render:function(t){return t(ve)},store:se}).$mount("#app")},"5cf0":function(t,e,o){"use strict";var n=o("d1b3"),r=o.n(n);r.a},"676d":function(t,e,o){},9345:function(t,e,o){"use strict";var n=o("15c1"),r=o.n(n);r.a},ad9b:function(t,e,o){},d1b3:function(t,e,o){},f020:function(t,e,o){},f52a:function(t,e,o){"use strict";var n=o("f020"),r=o.n(n);r.a}});
//# sourceMappingURL=app.7f8bb2f3.js.map
\ No newline at end of file
android/app/src/main/assets/Static.bundle/js/app.7f8bb2f3.js.map 0 → 100644
View file @ 6c2cefb8
This source diff could not be displayed because it is too large. You can view the blob instead.
android/app/src/main/assets/Static.bundle/js/app.8fe45ebf.js 0 → 100644
View file @ 6c2cefb8
(function(t){function e(e){for(var n,s,a=e[0],l=e[1],c=e[2],h=0,p=[];h<a.length;h++)s=a[h],r[s]&&p.push(r[s][0]),r[s]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(t[n]=l[n]);u&&u(e);while(p.length)p.shift()();return i.push.apply(i,c||[]),o()}function o(){for(var t,e=0;e<i.length;e++){for(var o=i[e],n=!0,a=1;a<o.length;a++){var l=o[a];0!==r[l]&&(n=!1)}n&&(i.splice(e--,1),t=s(s.s=o[0]))}return t}var n={},r={app:0},i=[];function s(e){if(n[e])return n[e].exports;var o=n[e]={i:e,l:!1,exports:{}};return t[e].call(o.exports,o,o.exports,s),o.l=!0,o.exports}s.m=t,s.c=n,s.d=function(t,e,o){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},s.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(s.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)s.d(o,n,function(e){return t[e]}.bind(null,n));return o},s.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="";var a=window["webpackJsonp"]=window["webpackJsonp"]||[],l=a.push.bind(a);a.push=e,a=a.slice();for(var c=0;c<a.length;c++)e(a[c]);var u=l;i.push([0,"chunk-vendors"]),o()})({0:function(t,e,o){t.exports=o("56d7")},1:function(t,e){},"15c1":function(t,e,o){},2:function(t,e){},3585:function(t,e,o){"use strict";var n=o("ad9b"),r=o.n(n);r.a},"37a8":function(t,e,o){"use strict";var n=o("4392"),r=o.n(n);r.a},4392:function(t,e,o){},5515:function(t,e,o){"use strict";var n=o("676d"),r=o.n(n);r.a},"56d7":function(t,e,o){"use strict";o.r(e);o("14c6"),o("08c1"),o("4842"),o("d9fc");var n=o("2b0e"),r=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("whiteboard")},i=[],s=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{attrs:{id:"wrapperBox"}},[o("div",{attrs:{id:"cover"}}),o("canvas",{ref:"whiteboard",attrs:{id:"whiteboard",resize:""}}),o("mainPanel"),o("historyPanel"),o("button",{staticClass:"btn",on:{click:t.submit}},[t._v("提交截图")])],1)},a=[],l=o("bd86"),c=(o("ac6a"),o("28a5"),o("2222")),u=o.n(c),h=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"mainPanel"},[o("div",{staticClass:"actionsPanel"},[o("panelToolIcon",{attrs:{icon:"mouse-pointer",isActive:"mousePointer"===t.tool},nativeOn:{click:function(e){return t.dragScreen(e)}}}),o("panelToolIcon",{attrs:{icon:"hand-paper",isActive:"pointMove"===t.tool},nativeOn:{click:function(e){return t.pointMove(e)}}}),o("panelToolIcon",{attrs:{toolColor:t.toolColor,isActive:"pencil"===t.tool||"brush"===t.tool,icon:t.activeTool},nativeOn:{click:function(e){return t.toggleToolSettings(e)}}}),o("panelToolIcon",{attrs:{toolColor:"#133337",isActive:"eraser"===t.tool,icon:"eraser"},nativeOn:{click:function(e){t.toggleEraserSettings(),t.setWhiteboardTool("eraser")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"circle"===t.tool||"square"===t.tool||"triangle"===t.tool||"line"===t.tool,icon:t.activeShape},nativeOn:{click:function(e){return t.toggleShapeSettings(e)}}})],1),o("div",{staticClass:"actionSettingsPanel"},[o("panelToolSettings",{directives:[{name:"show",rawName:"v-show",value:t.isToolSettingsOpened,expression:"isToolSettingsOpened"}]},[o("div",{staticClass:"settingsActions",attrs:{slot:"settingsActions"},slot:"settingsActions"}),o("colorPicker",{staticClass:"settingsColorPicker",attrs:{slot:"settingsColorPicker",onSelectColor:t.setToolColor,colors:t.colors},slot:"settingsColorPicker"}),o("rangeSlider",{staticClass:"settingsSlider",attrs:{slot:"slider",onChange:t.setToolSize,min:0,max:20,value:t.toolSize},slot:"slider"})],1),o("panelToolSettings",{directives:[{name:"show",rawName:"v-show",value:t.isEraserSettingsOpened,expression:"isEraserSettingsOpened"}]},[o("rangeSlider",{staticClass:"settingsSlider",attrs:{slot:"slider",onChange:t.setEraserSize,min:0,max:80,value:t.eraserSize},slot:"slider"})],1),o("panelToolSettings",{directives:[{name:"show",rawName:"v-show",value:t.isShapeSettingsOpened,expression:"isShapeSettingsOpened"}]},[o("div",{staticClass:"settingsActions",attrs:{slot:"settingsActions"},slot:"settingsActions"},[o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"circle"===t.tool,icon:"circle"},nativeOn:{click:function(e){return t.setWhiteboardTool("circle")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"square"===t.tool,icon:"square"},nativeOn:{click:function(e){return t.setWhiteboardTool("square")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"triangle"===t.tool,icon:"exclamation-triangle"},nativeOn:{click:function(e){return t.setWhiteboardTool("triangle")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"line"===t.tool,icon:"slash"},nativeOn:{click:function(e){return t.setWhiteboardTool("line")}}})],1),o("colorPicker",{staticClass:"settingsColorPicker",attrs:{slot:"settingsColorPicker",onSelectColor:t.setShapeColor,colors:t.colors},slot:"settingsColorPicker"}),o("rangeSlider",{staticClass:"settingsSlider",attrs:{slot:"slider",onChange:t.setShapeSize,min:0,max:20,value:t.shapeSize},slot:"slider"})],1)],1)])},p=[],d=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"tool",class:{active:t.isActive}},[o("font-awesome-icon",{attrs:{color:t.toolColor,icon:t.icon}})],1)},g=[],f={props:["icon","toolColor","isActive"]},v=f,m=(o("5cf0"),o("2877")),S=Object(m["a"])(v,d,g,!1,null,null,null),y=S.exports,C=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"toolSettings"},[t._t("settingsActions"),t._t("slider"),t._t("settingsColorPicker")],2)},w=[],T={},b=T,O=(o("37a8"),Object(m["a"])(b,C,w,!1,null,null,null)),_=O.exports,x=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"colorPicker"},t._l(t.colors,function(e,n){return o("div",{key:n,staticClass:"color",style:{"background-color":e},on:{click:function(o){return t.selectColor(e)}}})}),0)},E=[],A={props:["colors","onSelectColor"],methods:{selectColor:function(t){this.onSelectColor(t)}}},k=A,M=(o("3585"),Object(m["a"])(k,x,E,!1,null,null,null)),P=M.exports,z=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("vue-slider",{attrs:{lazy:!0,min:t.min,max:t.max,dotSize:12,height:3,interval:2,processStyle:{background:"black"},bgStyle:{backgroundColor:"#e6e9f0"},sliderStyle:{backgroundColor:"black",boxShadow:"unset"},tooltip:"none",width:"168px"},model:{value:t.sliderValue,callback:function(e){t.sliderValue=e},expression:"sliderValue"}})},I=[],j=o("4971"),D=o.n(j),R={components:{VueSlider:D.a},data:function(){return{sliderValue:this.value}},props:["min","max","value","onChange"],watch:{sliderValue:function(t){this.onChange(t)}}},W=R,H=Object(m["a"])(W,z,I,!1,null,null,null),$=H.exports,L=["#000000","#39B54A","#7841CC","#FFD54F","#00C6C2","#FF0000","#EC008C","#6DCFF6","#FBAF5D","#448CCB","#6d7dd7","#fd7e14"],U={components:{panelToolIcon:y,panelToolSettings:_,rangeSlider:$,colorPicker:P},data:function(){return{isToolSettingsOpened:!1,isEraserSettingsOpened:!1,isShapeSettingsOpened:!1,colors:L,cover:""}},methods:{dragScreen:function(){console.log("###",this.cover),this.cover.style.zIndex=1,this.isToolSettingsOpened=!1,this.isEraserSettingsOpened=!1,this.isShapeSettingsOpened=!1,this.setWhiteboardTool("mousePointer")},pointMove:function(){this.cover.style.zIndex=-1,this.isToolSettingsOpened=!1,this.isEraserSettingsOpened=!1,this.isShapeSettingsOpened=!1,this.setWhiteboardTool("pointMove")},toggleToolSettings:function(){this.cover.style.zIndex=-1,this.isToolSettingsOpened=!this.isToolSettingsOpened,this.isEraserSettingsOpened=!1,this.isShapeSettingsOpened=!1,this.setWhiteboardTool("pencil"),this.setToolSize(this.toolSize)},toggleEraserSettings:function(){console.log(this.cover.style,"@@@"),this.cover.style.zIndex=-1,this.isEraserSettingsOpened=!this.isEraserSettingsOpened,this.isToolSettingsOpened=!1,this.isShapeSettingsOpened=!1},toggleShapeSettings:function(){this.cover.style.zIndex=-1,this.isShapeSettingsOpened=!this.isShapeSettingsOpened,this.isEraserSettingsOpened=!1,this.isToolSettingsOpened=!1,this.setWhiteboardTool("circle")},setToolColor:function(t){this.$store.dispatch("setToolColor",t)},setShapeColor:function(t){this.$store.dispatch("setShapeColor",t)},setToolSize:function(t){this.$store.dispatch("setToolSize",t)},setEraserSize:function(t){this.$store.dispatch("setEraserSize",t)},setShapeSize:function(t){this.$store.dispatch("setShapeSize",t)},setWhiteboardTool:function(t){this.$store.dispatch("setWhiteboardTool",t)}},computed:{activeTool:function(){return"pencil"===this.tool?"pencil-alt":"brush"===this.tool?"paint-brush":"pencil-alt"},activeShape:function(){return"cricle"===this.tool?"circle":"square"===this.tool?"square":"triangle"===this.tool?"exclamation-triangle":"line"===this.tool?"slash":"circle"},tool:function(){return this.$store.getters.tool},toolColor:function(){return this.$store.getters.toolArgs.color},shapeColor:function(){return this.$store.getters.shapeArgs.color},toolSize:function(){return this.$store.getters.toolArgs.size},eraserSize:function(){return this.$store.getters.eraserArgs.size},shapeSize:function(){return this.$store.getters.shapeArgs.size}},mounted:function(){this.cover=document.getElementById("cover"),this.$store.dispatch("setWhiteboardTool","pencil")}},q=U,N=(o("f52a"),Object(m["a"])(q,h,p,!1,null,null,null)),F=N.exports,V=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"historyPanel"},[o("panelToolIcon",{attrs:{icon:"undo"},nativeOn:{click:function(e){return t.undo(e)}}}),o("panelToolIcon",{attrs:{icon:"redo"},nativeOn:{click:function(e){return t.redo(e)}}})],1)},B=[],Z=o("d225"),J=o("b0b4"),Y=function(){function t(e){Object(Z["a"])(this,t),this.limit=e,this.clear()}return Object(J["a"])(t,[{key:"add",value:function(t){(this.history.length>=this.limit||this.current==this.history.length-1)&&this.history.shift(),this.history.push(t),this.current=this.history.length}},{key:"undo",value:function(){this.current>0&&this.history[--this.current].unexec()}},{key:"redo",value:function(){this.history.length>this.current&&this.history[this.current++].exec()}},{key:"clear",value:function(){this.history=[],this.current=0}}]),t}(),G=new Y(1e3),X={components:{panelToolIcon:y},methods:{undo:function(){G.undo()},redo:function(){G.redo()}}},K=X,Q=(o("9345"),Object(m["a"])(K,V,B,!1,null,null,null)),tt=Q.exports,et=o("c0e9"),ot=o.n(et),nt=o("2f62");function rt(t){var e=document.getElementById("cover");e.style.zIndex=1}var it=new u.a.Tool;it.onMouseDown=rt;var st,at={segments:!0,stroke:!0,fill:!0,tolerance:5};function lt(t){st=null,console.log(t);var e=u.a.project.hitTest(t.point,at);e&&(console.log(e),e&&(st=e.item))}function ct(t){console.log(t,"onMouseMove"),u.a.project.activeLayer.selected=!1,t.item&&(t.item.selected=!0)}function ut(t){console.log(st,t,"onMouseDrag"),st&&(st.layer.position.x+=t.delta.x,st.layer.position.y+=t.delta.y)}var ht=new u.a.Tool;ht.onMouseDown=lt,ht.onMouseDrag=ut,ht.onMouseMove=ct;o("7f7f");var pt=o("4c17"),dt=o.n(pt),gt=function(t){t||(t=dt()());var e=new u.a.Layer({name:t});return u.a.project.addLayer(e),e},ft=function(){function t(e){Object(Z["a"])(this,t),this._args=e}return Object(J["a"])(t,[{key:"exec",value:function(){if(u.a.project.layers[this._args.layer]||gt(this._args.layer),this.removed)return u.a.project.layers[this._args.layer].addChildren(this.removed)}},{key:"unexec",value:function(){this.removed=u.a.project.layers[this._args.layer].removeChildren()}}]),t}(),vt={path:null,group:null};function mt(t){var e=gt();vt.path=new u.a.Path,vt.path.strokeColor=se.getters.toolArgs.color,vt.path.strokeWidth=se.getters.toolArgs.size,vt.path.add(t.point),vt.group=new u.a.Group({children:[vt.path],layer:e}),vt.group.addChild(new u.a.Shape.Ellipse({layer:e,center:t.point,strokeColor:se.getters.toolArgs.color,fillColor:se.getters.toolArgs.color,radius:se.getters.toolArgs.size/2})),e.addChild(vt.group)}function St(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),vt.path&&(vt.path.add(t.point),vt.path.selected=!1)}function yt(t){vt.path.add(t.point);var e=new ft({layer:vt.path.layer.name,tool:se.getters.tool,points:vt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(e),vt.path.selected=!1,vt.path=null,vt.group=null}var Ct=new u.a.Tool;Ct.onMouseDown=mt,Ct.onMouseDrag=St,Ct.onMouseUp=yt;var wt={path:null};function Tt(){var t=gt();wt.path=new u.a.Path;var e=xt(se.getters.toolArgs.color||"#000000");wt.path.fillColor="rgb(".concat(e.r,",").concat(e.g,",").concat(e.b,")"),t.addChild(wt.path)}function bt(t){if(wt.path){var e=t.delta;e.x*=se.getters.toolArgs.size/2.8,e.y*=se.getters.toolArgs.size/2.8,e.angle+=90;var o=t.middlePoint.add(e),n=t.middlePoint.subtract(e);wt.path.selected=!1,wt.path.add(o),wt.path.insert(0,n)}}function Ot(){wt.path.simplify();var t=new ft({layer:wt.path.layer.name,tool:se.getters.tool,points:wt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(t),wt.path.selected=!1,wt.path=null}var _t=new u.a.Tool;function xt(t){var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return e?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:null}_t.minDistance=7,_t.maxDistance=7,_t.onMouseDown=Tt,_t.onMouseDrag=bt,_t.onMouseUp=Ot;var Et={layName:[],path:null,group:null},At={segments:!0,stroke:!0,fill:!0,tolerance:5};function kt(t){var e=u.a.project.hitTest(t.point,At);if(e){var o=e.item,n=G.history.filter(function(t){return t._args.layer==o.layer.name});console.log(n),Et.layName.push(o.layer.name),n[0].unexec()}}function Mt(t){Et.layName=[],kt(t)}function Pt(t){kt(t)}function zt(t){if(Et.layName.length){var e={name:Et.layName,_args:"",exec:function(){this.name.forEach(function(t){var e=G.history.filter(function(e){return e._args.layer==t});e[0].unexec()})},unexec:function(){console.log(this),this.name.forEach(function(t){var e=G.history.filter(function(e){return console.log(G.history,e),e._args.layer==t});e[0].exec()})}};G.add(e)}}var It=new u.a.Tool;It.onMouseDown=Mt,It.onMouseDrag=Pt,It.onMouseUp=zt;var jt={path:null,center:null};function Dt(t){var e=gt();jt.path=new u.a.Shape.Circle({center:t.point,strokeColor:se.getters.shapeArgs.color,strokeWidth:se.getters.shapeArgs.size}),e.addChild(jt.path),jt.center=t.point}function Rt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),jt.path&&(jt.path.radius=Math.sqrt((t.point.x-jt.center.x)*(t.point.x-jt.center.x)+(t.point.y-jt.center.y)*(t.point.y-jt.center.y)))}function Wt(){var t=new ft({layer:jt.path.layer.name,tool:se.getters.tool,center:jt.center,radius:jt.path.radius});jt.path=null,G.add(t)}var Ht=new u.a.Tool;Ht.onMouseDown=Dt,Ht.onMouseDrag=Rt,Ht.onMouseUp=Wt;var $t={path:null,center:null,layer:null};function Lt(t){$t.layer=gt(),$t.center=t.point}function Ut(t){$t.path&&$t.path.remove(),$t.path=new u.a.Shape.Rectangle($t.center,t.point),$t.path.strokeColor=se.getters.shapeArgs.color,$t.path.strokeWidth=se.getters.shapeArgs.size}function qt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),$t.layer.addChild($t.path);var n=new ft({layer:$t.path.layer.name,tool:se.getters.tool,from:{x:$t.center.x,y:$t.center.y},to:{x:t.point.x,y:t.point.y}});$t.path=null,G.add(n)}var Nt=new u.a.Tool;Nt.onMouseDown=Lt,Nt.onMouseDrag=Ut,Nt.onMouseUp=qt;var Ft={path:null,center:null,layer:null};function Vt(t){Ft.layer=gt(),Ft.center=t.point}function Bt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),Ft.path&&Ft.path.remove(),Ft.path=new u.a.Path.RegularPolygon(Ft.center,3,Math.sqrt((t.point.x-Ft.center.x)*(t.point.x-Ft.center.x)+(t.point.y-Ft.center.y)*(t.point.y-Ft.center.y))),Ft.path.strokeColor=se.getters.shapeArgs.color,Ft.path.strokeWidth=se.getters.shapeArgs.size}function Zt(){Ft.layer.addChild(Ft.path);var t=new ft({layer:Ft.path.layer.name,tool:se.getters.tool,points:Ft.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(t),Ft.path=null}var Jt=new u.a.Tool;Jt.onMouseDown=Vt,Jt.onMouseDrag=Bt,Jt.onMouseUp=Zt;var Yt={path:null};function Gt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),Yt.path&&Yt.path.remove(),Yt.path=new u.a.Path.Line({from:t.downPoint,to:t.point,strokeColor:"black"}),Yt.path.strokeColor=se.getters.shapeArgs.color,Yt.path.strokeWidth=se.getters.shapeArgs.size}function Xt(){var t=gt();t.addChild(Yt.path);var e=new ft({layer:Yt.path.layer.name,tool:se.getters.tool,points:Yt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(e),Yt.path=null}var Kt=new u.a.Tool;Kt.onMouseDrag=Gt,Kt.onMouseUp=Xt;var Qt={mousePointer:it,pointMove:ht,pencil:Ct,brush:_t,eraser:It,circle:Ht,square:Nt,triangle:Jt,line:Kt},te={tool:null,toolArgs:{size:10,color:"#000000"},eraserArgs:{size:50,color:"#005141"},shapeArgs:{size:2,color:"#000000"},maxHeight:window.innerHeight,touchLength:1},ee={SET_TOOL_COLOR:function(t,e){t.toolArgs.color=e},SET_TOOL_SIZE:function(t,e){t.toolArgs.size=e},SET_ERASER_SIZE:function(t,e){t.eraserArgs.size=e},SET_ERASER_COLOR:function(t,e){t.eraserArgs.color=e},SET_SHAPE_SIZE:function(t,e){t.shapeArgs.size=e},SET_SHAPE_COLOR:function(t,e){t.shapeArgs.color=e},SET_WHITEBOARD_TOOL:function(t,e){t.tool=e,Qt[e]&&Qt[e].activate()},SET_Max_Height:function(t,e){e>window.innerHeight&&(t.maxHeight=e)},touchLength:function(t,e){t.touchLength=e}},oe={setToolColor:function(t,e){var o=t.commit;o("SET_TOOL_COLOR",e)},setToolSize:function(t,e){var o=t.commit;o("SET_TOOL_SIZE",e)},setEraserSize:function(t,e){var o=t.commit;o("SET_ERASER_SIZE",e)},setEraserColor:function(t,e){var o=t.commit;o("SET_ERASER_COLOR",e)},setShapeSize:function(t,e){var o=t.commit;o("SET_SHAPE_SIZE",e)},setShapeColor:function(t,e){var o=t.commit;o("SET_SHAPE_COLOR",e)},setWhiteboardTool:function(t,e){var o=t.commit;o("SET_WHITEBOARD_TOOL",e)}},ne={tool:function(t){return t.tool},toolArgs:function(t){return t.toolArgs},eraserArgs:function(t){return t.eraserArgs},shapeArgs:function(t){return t.shapeArgs},maxHeight:function(t){return t.maxHeight},touchLength:function(t){return t.touchLength}},re={state:te,mutations:ee,actions:oe,getters:ne};n["default"].use(nt["a"]);var ie,se=new nt["a"].Store({modules:{whiteboardModule:re}});o("a481"),o("34ef"),o("4917"),o("c5f6");function ae(t){var e=t.split(","),o=e[0].match(/:(.*?);/)[1],n=atob(e[1]),r=n.length,i=new Uint8Array(r);while(r--)i[r]=n.charCodeAt(r);return new Blob([i],{type:o})}function le(t,e){return new File([t],(new Date).getTime()+t.type.replace("image/","."))}var ce=(ie={components:{mainPanel:F,historyPanel:tt},created:function(){u.a.install(window)},data:function(){return{srcUrl:"",query:""}}},Object(l["a"])(ie,"created",function(){this.query=this.getUrlParams2(window.location.href)}),Object(l["a"])(ie,"methods",{getUrlParams2:function(t){var e=t.split("?")[1],o=new URLSearchParams(e),n=Object.fromEntries(o.entries());return n},submit:function(){var t=this;this.srcUrl||(console.log(se.getters.maxHeight,this.$refs.whiteboard.clientWidth),ot()(this.$refs.whiteboard,{width:this.$refs.whiteboard.clientWidth,height:se.getters.maxHeight+10,scrollY:0,scrollX:0,useCORS:!0}).then(function(e){var o=e.toDataURL("image/png");if(t.srcUrl=o,window.ReactNativeWebView)window.ReactNativeWebView.postMessage(o);else{var n=ae(o);console.log(n);var r=le(n);console.log(r);var i=decodeURIComponent(t.query.host),s=new FormData;s.append("file",r),fetch(i,{method:"POST",mode:"cors",credentials:"include",headers:{token:t.query.token,tenant:"szVdW4usayB486MYV8U"},body:s}).then(function(e){console.log(e),window.ReactNativeWebView?window.ReactNativeWebView.postMessage(JSON.stringify(e)):t.srcUrl=""}).catch(function(t){console.log(t)})}}))}}),Object(l["a"])(ie,"mounted",function(){u.a.setup("whiteboard")}),ie),ue=ce,he=(o("5515"),Object(m["a"])(ue,s,a,!1,null,null,null)),pe=he.exports,de={components:{whiteboard:pe}},ge=de,fe=Object(m["a"])(ge,r,i,!1,null,null,null),ve=fe.exports,me=o("ecee"),Se=o("ad3d"),ye=o("c074");me["c"].add({faPencilAlt:ye["h"],faUndo:ye["l"],faRedo:ye["i"],faEraser:ye["b"],faCircle:ye["a"],faFont:ye["d"],faUpload:ye["m"],faPaintBrush:ye["g"],faSquare:ye["k"],faExclamationTriangle:ye["c"],faSlash:ye["j"],faMousePointer:ye["f"],faHandPaper:ye["e"]}),n["default"].component("font-awesome-icon",Se["a"]);o("24df");n["default"].config.productionTip=!1,new n["default"]({render:function(t){return t(ve)},store:se}).$mount("#app")},"5cf0":function(t,e,o){"use strict";var n=o("d1b3"),r=o.n(n);r.a},"676d":function(t,e,o){},9345:function(t,e,o){"use strict";var n=o("15c1"),r=o.n(n);r.a},ad9b:function(t,e,o){},d1b3:function(t,e,o){},f020:function(t,e,o){},f52a:function(t,e,o){"use strict";var n=o("f020"),r=o.n(n);r.a}});
//# sourceMappingURL=app.8fe45ebf.js.map
\ No newline at end of file
android/app/src/main/assets/Static.bundle/js/app.8fe45ebf.js.map 0 → 100644
View file @ 6c2cefb8
This source diff could not be displayed because it is too large. You can view the blob instead.
android/app/src/main/assets/Static.bundle/js/chunk-vendors.9912874f.js 0 → 100644
View file @ 6c2cefb8
This source diff could not be displayed because it is too large. You can view the blob instead.
android/app/src/main/assets/Static.bundle/js/chunk-vendors.9912874f.js.map 0 → 100644
View file @ 6c2cefb8
This source diff could not be displayed because it is too large. You can view the blob instead.
android/app/src/main/assets/index.android.bundle 0 → 100644
View file @ 6c2cefb8
This source diff could not be displayed because it is too large. You can view the blob instead.
android/app/src/main/java/com/fenghua_student_client/WhiteboardUI.java
View file @ 6c2cefb8
...@@ -46,8 +46,9 @@ public class WhiteboardUI extends SimpleViewManager<View> { ...@@ -46,8 +46,9 @@ public class WhiteboardUI extends SimpleViewManager<View> {
LinearLayout ll_Layout = (LinearLayout) LayoutInflater.from(reactContext).inflate(R.layout.activity_main, null); LinearLayout ll_Layout = (LinearLayout) LayoutInflater.from(reactContext).inflate(R.layout.activity_main, null);
whiteboardView = ll_Layout.findViewById(R.id.white); whiteboardView = ll_Layout.findViewById(R.id.white);
// int mycolor = getResources().getColor(R.color.mycolor); // int mycolor = getResources().getColor(R.color.mycolor);
// whiteboardView.setBackgroundColor(2d3036"); // whiteboardView.setBackgroundColor(2d3036"); 0E5C4A
whiteboardView.setBackgroundColor(Color.argb(0xff, 0x2d, 0x30, 0x36)); // whiteboardView.setBackgroundColor(Color.argb(0xff, 0x2d, 0x30, 0x36));
whiteboardView.setBackgroundColor(Color.argb(0xff, 0x0E, 0x5C, 0x4A));
// 初始化 // 初始化
WhiteboardAPI.getInstance().initContext(whiteboardView); WhiteboardAPI.getInstance().initContext(whiteboardView);
......
android/app/src/main/java/com/fenghua_student_client/netless/WhiteboardAPI.java
View file @ 6c2cefb8
...@@ -63,6 +63,7 @@ public class WhiteboardAPI { ...@@ -63,6 +63,7 @@ public class WhiteboardAPI {
*/ */
public void initSdk(String appIdentifier, Context context) { public void initSdk(String appIdentifier, Context context) {
WhiteSdkConfiguration sdkConfiguration = new WhiteSdkConfiguration(appIdentifier, true); WhiteSdkConfiguration sdkConfiguration = new WhiteSdkConfiguration(appIdentifier, true);
sdkConfiguration.setRenderEngine(WhiteSdkConfiguration.RenderEngineType.valueOf("svg"));
whiteSdk = new WhiteSdk(whiteboardView, context, sdkConfiguration, whiteSdk = new WhiteSdk(whiteboardView, context, sdkConfiguration,
new CommonCallbacks() { new CommonCallbacks() {
@Override @Override
...@@ -109,15 +110,19 @@ public class WhiteboardAPI { ...@@ -109,15 +110,19 @@ public class WhiteboardAPI {
*/ */
public void joinRoom(String uuid, public void joinRoom(String uuid,
String roomToken,com.facebook.react.bridge.Promise promises) { String roomToken,com.facebook.react.bridge.Promise promises) {
whiteSdk.joinRoom(new RoomParams(uuid,roomToken), new AbstractRoomCallbacks() { RoomParams roomConfig = new RoomParams(uuid, roomToken, uuid);
@Override // roomConfig.setDisableNewPencil(false);
public void onPhaseChanged(RoomPhase phase) { whiteSdk.joinRoom(roomConfig,
} // new AbstractRoomCallbacks() {
// @Override
@Override // public void onPhaseChanged(RoomPhase phase) {
public void onRoomStateChanged(RoomState modifyState) { // }
} //
}, new Promise<Room>() { // @Override
// public void onRoomStateChanged(RoomState modifyState) {
// }
// },
new Promise<Room>() {
@Override @Override
public void then(Room wRoom) { public void then(Room wRoom) {
Log.i("ROOM_JOIN_SUCCESS", "白板加入成功"); Log.i("ROOM_JOIN_SUCCESS", "白板加入成功");
......
android/app/src/main/res/values/color.xml 0 → 100644
View file @ 6c2cefb8
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="colorPrimary">#3F51B5</color>
<color name="colorPrimaryDark">#303F9F</color>
<color name="colorAccent">#FF4081</color>
</resources>
\ No newline at end of file
css/Component.css.ts
View file @ 6c2cefb8
...@@ -11,7 +11,7 @@ let ComponentCSS = StyleSheet.create({ ...@@ -11,7 +11,7 @@ let ComponentCSS = StyleSheet.create({
top: Constants.statusBarHeight + Constants.unitWidth * 128, top: Constants.statusBarHeight + Constants.unitWidth * 128,
width: Constants.unitWidth * 312, width: Constants.unitWidth * 312,
height: Constants.unitWidth * 200, height: Constants.unitWidth * 200,
backgroundColor: '#252627' backgroundColor: '#008A6A'
}, },
alarmSeperator: { alarmSeperator: {
width: Constants.unitWidth * 312, width: Constants.unitWidth * 312,
...@@ -150,7 +150,7 @@ let ComponentCSS = StyleSheet.create({ ...@@ -150,7 +150,7 @@ let ComponentCSS = StyleSheet.create({
}, },
randBg: { randBg: {
width: Constants.unitWidth * 252, width: Constants.unitWidth * 252,
height: Constants.unitWidth * 96, height: Constants.unitWidth * 156,
marginTop: Constants.unitWidth * 25, marginTop: Constants.unitWidth * 25,
overflow: 'hidden' overflow: 'hidden'
}, },
......
css/Live.css.ts
View file @ 6c2cefb8
...@@ -219,7 +219,7 @@ let LiveCSS = StyleSheet.create({ ...@@ -219,7 +219,7 @@ let LiveCSS = StyleSheet.create({
}, },
headerRow: { headerRow: {
height: Constants.unitWidth * 40, height: Constants.unitWidth * 40,
backgroundColor: '#2E2E35', backgroundColor: '#0E5C4A',
flexDirection: 'row', flexDirection: 'row',
alignItems: 'center', alignItems: 'center',
}, },
...@@ -281,7 +281,7 @@ let LiveCSS = StyleSheet.create({ ...@@ -281,7 +281,7 @@ let LiveCSS = StyleSheet.create({
flexDirection: 'row' flexDirection: 'row'
}, },
wbWrapper: { wbWrapper: {
backgroundColor: '#2d3036', backgroundColor: '#0E5C4A',
// background:'black', // background:'black',
width: Constants.height, width: Constants.height,
height: Constants.width - Constants.statusBarHeight - Constants.unitWidth * 40, height: Constants.width - Constants.statusBarHeight - Constants.unitWidth * 40,
...@@ -415,7 +415,7 @@ let LiveCSS = StyleSheet.create({ ...@@ -415,7 +415,7 @@ let LiveCSS = StyleSheet.create({
top: Constants.unitWidth * 8, top: Constants.unitWidth * 8,
}, },
toolbar: { toolbar: {
backgroundColor: '#21232A', backgroundColor: '#0E5C4A',
flex: 1, flex: 1,
flexDirection: 'row', flexDirection: 'row',
alignItems: 'center', alignItems: 'center',
......
css/homework.css.ts 0 → 100644
View file @ 6c2cefb8
import { constants } from 'buffer';
import {
StyleSheet, Dimensions
} from 'react-native';
import Constants from '../Constants';
let homeWork = StyleSheet.create({
pageTitle: {
width: '100%', height: Constants.unitWidth * 50, overflow: 'hidden', backgroundColor: '#fff',
display: 'flex',
justifyContent: 'space-between',
flexDirection: 'row',
alignItems: 'center',
fontSize: 16 * Constants.unitWidth,
color: '#333',
paddingLeft: Constants.unitWidth * 35,
paddingRight: Constants.unitWidth * 35
},
displayRow: {
display: 'flex',
justifyContent: 'space-between',
flexDirection: 'row',
alignItems: 'center',
},
itemWorp: {
paddingLeft: Constants.unitWidth * 18,
paddingRight: Constants.unitWidth * 18,
paddingTop: Constants.unitWidth * 10,
backgroundColor: '#F5F6F9',
paddingBottom:Constants.unitWidth * 108,
},
taskList: {
backgroundColor: '#ffffff',
height: Constants.unitWidth * 230,
width: '100%',
paddingLeft: Constants.unitWidth * 26,
position: 'relative',
marginBottom: Constants.unitWidth * 12,
},
taskListBtn: {
position: 'absolute',
right: Constants.unitWidth * 30,
bottom: Constants.unitWidth * 24,
},
downTime: {
height: Constants.unitWidth * 40,
backgroundColor: '#fff',
borderWidth: 1,
borderColor: '#EEEEEE',
},
taskMainWarp: {
paddingLeft: Constants.unitWidth * 16,
paddingRight: Constants.unitWidth * 16,
paddingTop: Constants.unitWidth * 14,
},
taskMain: {
height: (Constants.width - 130),
backgroundColor: '#fff',
display: 'flex',
justifyContent: 'flex-start',
alignItems: 'flex-start',
paddingLeft: Constants.unitWidth * 22,
paddingRight: Constants.unitWidth * 22,
paddingTop: Constants.unitWidth * 24,
},
taskmain: {
height: (Constants.width - 210),
backgroundColor: '#eee',
width: '100%',
},
taskEleWarp: {
width: Constants.unitWidth * 240,
height: Constants.unitWidth * 48,
backgroundColor: '#fff',
shadowColor: "rgba(203, 199, 199, 0.5))",
shadowOffset: {
width: 10,
height: Constants.unitWidth * 10,
},
// shadowOpacity: 0.25,
shadowRadius: Constants.unitWidth * 4,
position:'relative',
},
taskImgWarp:{
width: Constants.unitWidth * 120,
height: Constants.unitWidth * 120,
backgroundColor: '#FFE2AF',
shadowColor: "rgba(203, 199, 199, 0.5))",
shadowOffset: {
width: 10,
height: Constants.unitWidth * 10,
},
// shadowOpacity: 0.25,
shadowRadius: Constants.unitWidth * 4,
position:'relative',
},
taskEleWarpDel:{
position:'absolute',
height: Constants.unitWidth * 24,
width: Constants.unitWidth * 24,
right:Constants.unitWidth * -8,
top:Constants.unitWidth * -8,
zIndex:2,
backgroundColor:'#D8D8D8',
borderRadius:Constants.unitWidth * 12,
},
LookMoreStyle: {
// height: 32,
textAlign: 'center',
fontSize: Constants.unitWidth * 12,
paddingTop: 20,
paddingBottom: 20,
},
});
module.exports = homeWork;
index.js
View file @ 6c2cefb8
/** /**
* @format * @format
*/ */
global.Buffer = require('buffer').Buffer;
if (typeof atob === 'undefined') {
global.atob = function (b64Encoded) {
return new Buffer(b64Encoded, 'base64').toString('binary');
};
}
import {AppRegistry} from 'react-native'; import {AppRegistry} from 'react-native';
import App from './App'; import App from './App';
......
package-lock.json 0 → 100644
View file @ 6c2cefb8
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
View file @ 6c2cefb8
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
"start": "react-native start", "start": "react-native start",
"test": "jest", "test": "jest",
"lint": "eslint .", "lint": "eslint .",
"a-build": "react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/" "a-build": "react-native bundle --entry-file index.js --bundle-output ./android/app/src/main/assets/index.android.bundle --platform android --assets-dest ./android/app/src/main/res/ --dev false"
}, },
"dependencies": { "dependencies": {
"@react-native-async-storage/async-storage": "^1.13.4", "@react-native-async-storage/async-storage": "^1.13.4",
...@@ -20,17 +20,22 @@ ...@@ -20,17 +20,22 @@
"@react-navigation/native": "^5.9.2", "@react-navigation/native": "^5.9.2",
"@react-navigation/stack": "^5.14.2", "@react-navigation/stack": "^5.14.2",
"@types/react-native": "^0.66.11", "@types/react-native": "^0.66.11",
"agora-react-native-rtm": "1.4.8", "agora-react-native-rtm": "^1.4.8",
"buffer": "^6.0.3",
"events": "^3.2.0", "events": "^3.2.0",
"js-md5": "^0.7.3",
"react": "16.13.1", "react": "16.13.1",
"react-native": "0.64.0", "react-native": "0.64.0",
"react-native-agora": "^3.5.1", "react-native-agora": "^3.5.1",
"react-native-anchor-point": "^1.0.3", "react-native-anchor-point": "^1.0.3",
"react-native-audio": "^4.3.0",
"react-native-awesome-alerts": "^1.5.1", "react-native-awesome-alerts": "^1.5.1",
"react-native-button": "^3.0.1", "react-native-button": "^3.0.1",
"react-native-calendars": "^1.1248.0", "react-native-calendars": "^1.1248.0",
"react-native-document-picker": "^8.1.0",
"react-native-draggable": "^3.3.0", "react-native-draggable": "^3.3.0",
"react-native-fast-image": "^8.3.4", "react-native-fast-image": "^8.3.4",
"react-native-fetch-blob": "^0.10.8",
"react-native-fs": "^2.16.6", "react-native-fs": "^2.16.6",
"react-native-gesture-handler": "^1.10.1", "react-native-gesture-handler": "^1.10.1",
"react-native-idle-timer": "^2.1.6", "react-native-idle-timer": "^2.1.6",
...@@ -46,7 +51,7 @@ ...@@ -46,7 +51,7 @@
"react-native-orientation": "^3.1.3", "react-native-orientation": "^3.1.3",
"react-native-photo-editor": "^1.0.12", "react-native-photo-editor": "^1.0.12",
"react-native-picker": "^4.3.7", "react-native-picker": "^4.3.7",
"react-native-progress": "^4.1.2", "react-native-progress": "^5.0.0",
"react-native-reanimated": "^1.13.2", "react-native-reanimated": "^1.13.2",
"react-native-safe-area-context": "^3.1.9", "react-native-safe-area-context": "^3.1.9",
"react-native-screens": "^2.17.1", "react-native-screens": "^2.17.1",
......
src/components/Alarm.tsx
View file @ 6c2cefb8
...@@ -150,7 +150,7 @@ export default class Alarm extends Component { ...@@ -150,7 +150,7 @@ export default class Alarm extends Component {
sec22: sec2, sec22: sec2,
showSec22: false showSec22: false
}) })
}, 500); }, 800);
} }
if (sec1 !== this.state.sec12) { if (sec1 !== this.state.sec12) {
this.setState({ this.setState({
...@@ -172,7 +172,7 @@ export default class Alarm extends Component { ...@@ -172,7 +172,7 @@ export default class Alarm extends Component {
sec12: sec1, sec12: sec1,
showSec12: false showSec12: false
}) })
}, 500); }, 800);
} }
if (min2 !== this.state.min22) { if (min2 !== this.state.min22) {
...@@ -195,7 +195,7 @@ export default class Alarm extends Component { ...@@ -195,7 +195,7 @@ export default class Alarm extends Component {
min22: min2, min22: min2,
showMin22: false showMin22: false
}) })
}, 500); }, 800);
} }
if (min1 !== this.state.min12) { if (min1 !== this.state.min12) {
...@@ -218,7 +218,7 @@ export default class Alarm extends Component { ...@@ -218,7 +218,7 @@ export default class Alarm extends Component {
min12: min1, min12: min1,
showMin12: false showMin12: false
}) })
}, 500); }, 800);
} }
// Animated.parallel(actions); // Animated.parallel(actions);
} }
......
src/components/Login.tsx
View file @ 6c2cefb8
import React, {Component} from 'react'; import React, {Component} from 'react';
import {Text, View, Animated, Image, Modal, Keyboard, StatusBar, TextInput, TouchableHighlight,TouchableOpacity, findNodeHandle, DeviceEventEmitter} from 'react-native'; import {Linking,AppState,
NativeModules,Text, View, Animated, Image, Modal, Keyboard, StatusBar, TextInput, TouchableHighlight,TouchableOpacity, findNodeHandle, DeviceEventEmitter} from 'react-native';
import Constants from '../../Constants'; import Constants from '../../Constants';
// import LinearGradient from 'react-native-linear-gradient'; // import LinearGradient from 'react-native-linear-gradient';
import Button from 'react-native-button'; import Button from 'react-native-button';
...@@ -9,6 +10,7 @@ import Api from '../../Api'; ...@@ -9,6 +10,7 @@ import Api from '../../Api';
import Toast from './Toast'; import Toast from './Toast';
import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view'; import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
import Reset from './Reset'; import Reset from './Reset';
import md5 from 'js-md5'
export default class Login extends Component { export default class Login extends Component {
...@@ -16,7 +18,7 @@ export default class Login extends Component { ...@@ -16,7 +18,7 @@ export default class Login extends Component {
super(props); super(props);
this.state = { this.state = {
show: props.show || false, show: props.show || false,
// mobile: '18502198580', // mobile: '18502198580 19800001001 96e79218965eb72c92a549dd5a330112',
mobile: '', mobile: '',
code: '', code: '',
// password: 'fenglue123', // password: 'fenglue123',
...@@ -36,6 +38,25 @@ export default class Login extends Component { ...@@ -36,6 +38,25 @@ export default class Login extends Component {
}; };
} }
componentDidMount = () => { componentDidMount = () => {
// alert(1)
// AppState.addEventListener('change',(appState)=>{
// alert(appState)
// if(appState=='active'){
// Linking.getInitialURL().then(url=>{
// NativeModules.LinkingCustom.resetURL().then(()=>{
// alert('stateChange'+url)
// });
// })
// }
// })
// Linking.getInitialURL().then(url=>{
// alert(3)
// NativeModules.LinkingCustom.resetURL().then(()=>{
// alert('didmount'+url)
// });
// })
Constants.readData('rememberPwd').then((data) => { Constants.readData('rememberPwd').then((data) => {
console.log(1111) console.log(1111)
if (data !== null) { if (data !== null) {
...@@ -65,7 +86,8 @@ export default class Login extends Component { ...@@ -65,7 +86,8 @@ export default class Login extends Component {
canSubmmit = true; canSubmmit = true;
} }
} else { } else {
if (/^\d{11}$/.test(mobile) && password.length > 0) { // if (/^\d{11}$/.test(mobile) && password.length > 0) {
if ( mobile.length > 0 && password.length > 0) {
canSubmmit = true; canSubmmit = true;
} }
} }
...@@ -152,22 +174,24 @@ export default class Login extends Component { ...@@ -152,22 +174,24 @@ export default class Login extends Component {
loginWithPassword = () => { loginWithPassword = () => {
if (this.state.canSubmit) { if (this.state.canSubmit) {
if (this.state.rememberPwd) { // alert(1)
Constants.storeData('loginInfo', JSON.stringify({ // if (this.state.rememberPwd) {
mobile: this.state.mobile, // Constants.storeData('loginInfo', JSON.stringify({
password: this.state.password // mobile: this.state.mobile,
})); // password: this.state.password
} else { // }));
Constants.storeData('loginInfo', JSON.stringify({ // } else {
mobile: '', // Constants.storeData('loginInfo', JSON.stringify({
password: '' // mobile: '',
})); // password: ''
} // }));
// }
Constants.postJSON(Api.loginWithPassword({ Constants.postJSON(Api.loginWithPassword({
username: this.state.mobile, userName: this.state.mobile,
password: this.state.password, password: md5(this.state.password),
roleName: 'student' roleName: 'student'
})).then((response) => { })).then((response) => {
console.log(response)
return response.json() return response.json()
}) })
.then(data => { .then(data => {
...@@ -199,6 +223,8 @@ export default class Login extends Component { ...@@ -199,6 +223,8 @@ export default class Login extends Component {
console.log('login', data); console.log('login', data);
}) })
.catch(error => { .catch(error => {
// alert(2)
console.log('error', error) console.log('error', error)
}); });
} }
...@@ -263,7 +289,7 @@ export default class Login extends Component { ...@@ -263,7 +289,7 @@ export default class Login extends Component {
<View style={LoginCSS.wrapper}> <View style={LoginCSS.wrapper}>
<Image style={LoginCSS.logo} source={require('../../images/common/logo.png')}/> <Image style={LoginCSS.logo} source={require('../../images/common/logo.png')}/>
<View style={LoginCSS.tabWrapper}> <View style={LoginCSS.tabWrapper}>
<Button onPress={() => { {/* <Button onPress={() => {
this.setState({ this.setState({
loginType: 'password' loginType: 'password'
}) })
...@@ -290,15 +316,18 @@ export default class Login extends Component { ...@@ -290,15 +316,18 @@ export default class Login extends Component {
backgroundColor: this.state.loginType === 'code' ? '#F9AE2B' : '#ffffff' backgroundColor: this.state.loginType === 'code' ? '#F9AE2B' : '#ffffff'
}]}></View> }]}></View>
</View> </View>
</Button> </Button> */}
</View> </View>
<View style={[LoginCSS.mobileWrapper, { <View style={[LoginCSS.mobileWrapper, {
borderWidth: this.state.mobileFocus ? Constants.unitWidth * 1 : 0, borderWidth: this.state.mobileFocus ? Constants.unitWidth * 1 : 0,
}]}> }]}>
<View style={[LoginCSS.areaNoWrapper, PublicCSS.centerAll]}> <View style={[LoginCSS.areaNoWrapper, PublicCSS.centerAll, {
<Text allowFontScaling={false} style={LoginCSS.areaNo}>+86</Text> width: Constants.unitWidth * 74
}]}>
{/* <Text allowFontScaling={false} style={LoginCSS.areaNo}>+86</Text> */}
<Text allowFontScaling={false} style={LoginCSS.areaNo}>学号</Text>
</View> </View>
<Image source={require('../../images/common/jiantouba.png')} style={LoginCSS.jiantou}/> {/* <Image source={require('../../images/common/jiantouba.png')} style={LoginCSS.jiantou}/> */}
<TextInput maxLength={11} allowFontScaling={false} keyboardType="phone-pad" <TextInput maxLength={11} allowFontScaling={false} keyboardType="phone-pad"
placeholderTextColor="#919191" placeholder="请输入手机号" placeholderTextColor="#919191" placeholder="请输入手机号"
style={LoginCSS.mobile} onChangeText={(text) => { style={LoginCSS.mobile} onChangeText={(text) => {
......
src/components/QA.tsx
View file @ 6c2cefb8
import React, {Component} from 'react'; import React, { Component } from 'react';
import {Text, View, Animated, Image, ImageBackground, DeviceEventEmitter} from 'react-native'; import { Text, View, Animated, Image, ImageBackground, DeviceEventEmitter } from 'react-native';
import Constants from '../../Constants'; import Constants from '../../Constants';
import ComponentCSS from '../../css/Component.css'; import ComponentCSS from '../../css/Component.css';
import PublicCSS from '../../css/Public.css'; import PublicCSS from '../../css/Public.css';
...@@ -32,26 +32,26 @@ export default class QA extends Component { ...@@ -32,26 +32,26 @@ export default class QA extends Component {
this.djs(); this.djs();
} }
shouldComponentUpdate(nextProps, nextState){ shouldComponentUpdate(nextProps, nextState) {
// console.log('hello', nextProps, nextState); // console.log('hello', nextProps, nextState);
if (this.state.max !== nextProps.max || this.state.selectButton.length !== nextProps.selectButton.length || nextProps.answerState !== this.state.answerState) { if (this.state.max !== nextProps.max || this.state.selectButton.length !== nextProps.selectButton.length || nextProps.answerState !== this.state.answerState) {
let multiple = false; // let multiple = false; // 是否多选
let answersNum = 0; let answersNum = 0;
nextProps.selectButton.map((item) => { // nextProps.selectButton.map((item) => {
if (item.rightOption) { // if (item.rightOption) {
answersNum ++; // answersNum ++;
} // }
}); // });
if (answersNum > 1) { // if (answersNum > 1) {
multiple = true; // multiple = true;
} // }
this.setState({ this.setState({
max: nextProps.max, max: nextProps.max,
currentMax: nextProps.currentMax, currentMax: nextProps.currentMax,
currentSec: nextProps.currentMax, currentSec: nextProps.currentMax,
selectButton: nextProps.selectButton, selectButton: nextProps.selectButton,
answerState: nextProps.answerState, answerState: nextProps.answerState,
multiple: multiple, multiple: true,
uid: nextProps.uid, uid: nextProps.uid,
answered: false, answered: false,
students: nextProps.students students: nextProps.students
...@@ -135,7 +135,7 @@ export default class QA extends Component { ...@@ -135,7 +135,7 @@ export default class QA extends Component {
}) })
}} key={index}><View style={ComponentCSS.selectBtn}> }} key={index}><View style={ComponentCSS.selectBtn}>
<Image source={item.selected ? require('../../images/live/checked.png') : require('../../images/live/unchecked.png')} <Image source={item.selected ? require('../../images/live/checked.png') : require('../../images/live/unchecked.png')}
style={ComponentCSS.selectCheckBox}/> style={ComponentCSS.selectCheckBox} />
<Text allowFontScaling={false} style={[ComponentCSS.selectValue, { <Text allowFontScaling={false} style={[ComponentCSS.selectValue, {
color: item.selected ? '#F9AE2B' : '#ffffff' color: item.selected ? '#F9AE2B' : '#ffffff'
}]}>{item.value}</Text> }]}>{item.value}</Text>
...@@ -143,8 +143,22 @@ export default class QA extends Component { ...@@ -143,8 +143,22 @@ export default class QA extends Component {
}); });
return <View style={ComponentCSS.selectBtnWrapper}>{result}</View>; return <View style={ComponentCSS.selectBtnWrapper}>{result}</View>;
} }
getRightList = () => {
// let result = [];
// let trueRate = '0';
// if (this.state.students.length > 0) {
// trueRate = Math.floor(trueNum / this.state.students.length * 100);
// }
// console.log('selectButton', this.state.students, trueNum);
// let rightOption = [];
// this.state.selectButton.forEach(e => {
// if (e.rightOption)
// rightOption.push(e.value)
// })
// console.log(option, this.selectButton, 'rightOption')
getAnswerList = () => {
let selectButton = this.state.selectButton; let selectButton = this.state.selectButton;
let answers = []; let answers = [];
selectButton.map((item) => { selectButton.map((item) => {
...@@ -169,28 +183,48 @@ export default class QA extends Component { ...@@ -169,28 +183,48 @@ export default class QA extends Component {
myAnswers = item.list; myAnswers = item.list;
} }
if (answers.sort().join('-') === item.list.sort().join('-')) { if (answers.sort().join('-') === item.list.sort().join('-')) {
trueNum ++; trueNum++;
} }
}) })
let result = []; // selectButton.map((item, index) => {
let trueRate = '0'; // if (!item.num) {
if (this.state.students.length > 0) { // item.num = 0;
trueRate = Math.floor(trueNum / this.state.students.length * 100); // }
// result.push(<View key={index} style={ComponentCSS.resultCell}>
// <Text allowFontScaling={false} style={ComponentCSS.resultCellNum}>{item.num}</Text>
// <View style={[ComponentCSS.resultBar, {
// height: Constants.unitWidth * 10 * item.num,
// backgroundColor: item.rightOption ? '#F9AE2B' : '#ffffff'
// }]}></View>
// <Text allowFontScaling={false} style={ComponentCSS.resultCellValue}>{item.value}</Text>
// </View>)
// })
return <View style={{
width: Constants.unitWidth * 312,
height: Constants.unitWidth * 200,
// backgroundColor: '#eee000',
alignItems: 'center',
justifyContent: 'center'
}}>
{/* <View style={ComponentCSS.resultWrapper}>{result}</View> */}
{(answers.join() == myAnswers.join()) &&
<Text allowFontScaling={false} style={ComponentCSS.resultTxt}>恭喜回答正确</Text>
} }
// console.log('selectButton', this.state.students, trueNum); {(answers.join() != myAnswers.join()) &&
selectButton.map((item, index) => { <Text allowFontScaling={false} style={ComponentCSS.resultTxt}>回答错误</Text>
if (!item.num) {
item.num = 0;
} }
result.push(<View key={index} style={ComponentCSS.resultCell}> <Text allowFontScaling={false} style={ComponentCSS.resultTxt}>正确选项：<Text allowFontScaling={false} style={ComponentCSS.resultTxt2}> {answers.join(',')}</Text></Text>
<Text allowFontScaling={false} style={ComponentCSS.resultCellNum}>{item.num}</Text> <Text allowFontScaling={false} style={ComponentCSS.resultTxt}>我的选项：<Text allowFontScaling={false} style={ComponentCSS.resultTxt2}> {myAnswers.join(',')}</Text></Text>
<View style={[ComponentCSS.resultBar, {
height: Constants.unitWidth * 10 * item.num, {/* <Text allowFontScaling={false} style={ComponentCSS.resultTxt}>班级正确率：<Text allowFontScaling={false} style={ComponentCSS.resultTxt2}>{trueRate}%</Text></Text> */}
backgroundColor: item.rightOption ? '#F9AE2B' : '#ffffff'
}]}></View> </View>
<Text allowFontScaling={false} style={ComponentCSS.resultCellValue}>{item.value}</Text>
</View>) }
}) getAnswerList = () => {
return <View style={{ return <View style={{
width: Constants.unitWidth * 312, width: Constants.unitWidth * 312,
height: Constants.unitWidth * 200, height: Constants.unitWidth * 200,
...@@ -198,21 +232,24 @@ export default class QA extends Component { ...@@ -198,21 +232,24 @@ export default class QA extends Component {
alignItems: 'center', alignItems: 'center',
justifyContent: 'center' justifyContent: 'center'
}}> }}>
<View style={ComponentCSS.resultWrapper}>{result}</View> {
<Text allowFontScaling={false} style={ComponentCSS.resultTxt}>我的选项：<Text allowFontScaling={false} style={ComponentCSS.resultTxt2}>{myAnswers.join(',')}</Text></Text> <View style={ComponentCSS.resultWrapper}>
<Text allowFontScaling={false} style={ComponentCSS.resultTxt}>班级正确率：<Text allowFontScaling={false} style={ComponentCSS.resultTxt2}>{trueRate}%</Text></Text> <Text allowFontScaling={false} style={ComponentCSS.resultTxt2}>等待正确答案...</Text>
</View>
}
</View> </View>
} }
answer = () => { answer = () => {
if (this.state.currentSec > 0 && this.state.answerState === 2) { if (this.state.currentSec > 0 && this.state.answerState === 2) {
let rightOption = []; let replyOption = [];
this.state.selectButton.map((item, index) => { this.state.selectButton.map((item, index) => {
if (item.selected) { if (item.selected) {
rightOption.push(item.value); replyOption.push(item.value);
} }
}) })
if (rightOption.length === 0) { if (replyOption.length === 0) {
return; return;
} }
if (this.timer) { if (this.timer) {
...@@ -224,7 +261,7 @@ export default class QA extends Component { ...@@ -224,7 +261,7 @@ export default class QA extends Component {
let secs = ((sec % 3600) % 60); let secs = ((sec % 3600) % 60);
let time = [String(hours).padStart(2, '0'), String(mins).padStart(2, '0'), String(secs).padStart(2, '0')].join(':'); let time = [String(hours).padStart(2, '0'), String(mins).padStart(2, '0'), String(secs).padStart(2, '0')].join(':');
DeviceEventEmitter.emit('saveAnswer', { DeviceEventEmitter.emit('saveAnswer', {
rightOption: rightOption, replyOption: replyOption,
time: time time: time
}); });
this.setState({ this.setState({
...@@ -243,7 +280,7 @@ export default class QA extends Component { ...@@ -243,7 +280,7 @@ export default class QA extends Component {
</View> </View>
<View style={ComponentCSS.alarmSeperator}></View> <View style={ComponentCSS.alarmSeperator}></View>
<View style={[ComponentCSS.QAWrapepr, PublicCSS.centerAll]}> <View style={[ComponentCSS.QAWrapepr, PublicCSS.centerAll]}>
{(this.state.currentSec > 0 && this.state.answerState === 2 && !this.state.answered) && <Progress.Circle progress={this.state.currentSec/this.state.max} {(this.state.currentSec > 0 && this.state.answerState === 2 && !this.state.answered) && <Progress.Circle progress={this.state.currentSec / this.state.max}
unfilledColor="#919191" color="#F9AE2B" unfilledColor="#919191" color="#F9AE2B"
thickness={Constants.unitWidth * 10} direction="clockwise" thickness={Constants.unitWidth * 10} direction="clockwise"
borderWidth={0} borderWidth={0}
...@@ -266,15 +303,22 @@ export default class QA extends Component { ...@@ -266,15 +303,22 @@ export default class QA extends Component {
</Progress.Circle>} </Progress.Circle>}
{(this.state.answerState === 2 && !this.state.answered) && this.getSelectButtons()} {(this.state.answerState === 2 && !this.state.answered) && this.getSelectButtons()}
{(this.state.answerState === 3 || this.state.answered) && this.getAnswerList()} {(this.state.answerState === 3 || this.state.answered) && this.getAnswerList()}
{(this.state.answerState === 4) && this.getRightList()}
<Button containerStyle={[ComponentCSS.submitBtn], { <Button containerStyle={[ComponentCSS.submitBtn], {
marginTop: Constants.unitWidth * 25 marginTop: Constants.unitWidth * 25
}} onPress={this.answer}> }} onPress={this.answer}>
{(this.state.answerState === 2 && !this.state.answered) &&
<View style={[ComponentCSS.submitBtn, PublicCSS.centerAll, { <View style={[ComponentCSS.submitBtn, PublicCSS.centerAll, {
backgroundColor: (this.state.currentSec > 0 && this.state.answerState === 2 && !this.state.answered) ? '#F9AE2B' : '#919191' backgroundColor: (this.state.currentSec > 0 && this.state.answerState === 2 && !this.state.answered) ? '#F9AE2B' : '#919191'
}]}> }]}>
<Text allowFontScaling={false} style={ComponentCSS.submitBtnTxt}>提交</Text> <Text allowFontScaling={false} style={ComponentCSS.submitBtnTxt}>提交</Text>
</View> </View>
}
</Button> </Button>
</View> </View>
</View> </View>
); );
......
src/components/Random.tsx
View file @ 6c2cefb8
import React, {Component} from 'react'; import React, { Component } from 'react';
import {Text, View, Animated, Image, ImageBackground, Easing, ScrollView} from 'react-native'; import { Text, View, Animated, Image, ImageBackground, Easing, ScrollView } from 'react-native';
import Constants from '../../Constants'; import Constants from '../../Constants';
import ComponentCSS from '../../css/Component.css'; import ComponentCSS from '../../css/Component.css';
import PublicCSS from '../../css/Public.css'; import PublicCSS from '../../css/Public.css';
...@@ -13,12 +13,11 @@ export default class Random extends Component { ...@@ -13,12 +13,11 @@ export default class Random extends Component {
super(props); super(props);
this.state = { this.state = {
// names: ['爸爸', '张三', '李四', '赵大', '爸爸', '张三', '李四', '赵大', '爸爸', '张三', '李四', '赵大'], // names: ['爸爸', '张三', '李四', '赵大', '爸爸', '张三', '李四', '赵大', '爸爸', '张三', '李四', '赵大'],
students: [], selNumList: [],
names: [], // names: [],
randNum: 0, students:[],
random: 0, showResult: true,
selectedIndex: 0, uid:0,
showResult: false
}; };
// this.offsetAnim = new Animated.Value(0); // this.offsetAnim = new Animated.Value(0);
// this.scaleAnimateBig = new Animated.Value(1); // this.scaleAnimateBig = new Animated.Value(1);
...@@ -30,29 +29,30 @@ export default class Random extends Component { ...@@ -30,29 +29,30 @@ export default class Random extends Component {
componentDidMount() { componentDidMount() {
// setTimeout(this.loop, loopPeriod); // setTimeout(this.loop, loopPeriod);
let students = this.props.students; let students = this.props.students;
console.log(students)
// this.props.students.map((item, index) => { // this.props.students.map((item, index) => {
// names.push(item.studentName); // names.push(item.studentName);
// }); // });
let names = []; // let names = [];
for (let i = 0; i < this.props.randNum ; i ++) { // for (let i = 0; i < this.props.randNum + 2; i++) {
names.push({ // names.push({
name: students[i%students.length].studentName, // name: students[i % students.length].studentName,
selected: i === 1 ? true : false // selected: i === 1 ? true : false
}); // });
} // }
this.setState({ this.setState({
students: students, students: students,
names: names, // names: names,
randNum: this.props.randNum , // randNum: this.props.randNum ,
random: this.props.random, // random: this.props.random,
selectedIndex:this.props.selectedIndex, // selectedIndex:this.props.selectedIndex,
}); });
// console.log('names', names); // console.log('names', names);
setTimeout(this.loop, 500); // setTimeout(this.loop, 500);
} }
componentWillReceiveProps (nextProps) { componentWillReceiveProps(nextProps) {
if (nextProps.random !== this.state.random) { if (nextProps.selNumList !== this.state.selNumList) {
// let students = this.props.students; // let students = this.props.students;
// let names = []; // let names = [];
// for (let i = 0; i < this.props.randNum + students.length; i ++) { // for (let i = 0; i < this.props.randNum + students.length; i ++) {
...@@ -70,28 +70,46 @@ export default class Random extends Component { ...@@ -70,28 +70,46 @@ export default class Random extends Component {
// }); // });
// setTimeout(this.loop, 500); // setTimeout(this.loop, 500);
console.log(nextProps) console.log(nextProps)
let students = nextProps.students; // alert(nextProps.uid)
let names = []; // let students = nextProps.students;
for (let i = 0; i < nextProps.randNum ; i ++) { // let names = [];
names.push({ // for (let i = 0; i < nextProps.randNum+2 ; i ++) {
name: students[i%students.length].studentName, // names.push({
selected: i === 1 ? true : false // name: students[i%students.length].studentName,
}); // selected: i === 1 ? true : false
} // });
// }
this.setState({ this.setState({
names: names, selNumList: nextProps.selNumList,
randNum: nextProps.randNum , uid:nextProps.uid,
random: nextProps.random, // names: names,
selectedIndex:nextProps.selectedIndex, // randNum: nextProps.randNum ,
showResult: false // random: nextProps.random,
// selectedIndex:nextProps.selectedIndex,
// showResult: false
}); });
// this.scrollView.scrollTo({
// y: 0,
// animated: false,
// duration: 0
// });
// console.log('names', names); // console.log('names', names);
setTimeout(this.loop, 500); // setTimeout(this.loop, 500);
} }
} }
// shouldComponentUpdate(nextProps){
// if (nextProps.random !== this.state.random) {
// return false
componentDidUpdate() { // }else{
} // return true
// }
// }
// componentDidUpdate(ee,rr) {
// console.log(ee,rr,'rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr')
// }
componentWillUnmount() { componentWillUnmount() {
} }
...@@ -116,8 +134,9 @@ export default class Random extends Component { ...@@ -116,8 +134,9 @@ export default class Random extends Component {
// } // }
// this.times ++; // this.times ++;
this.scrollView.scrollTo({ this.scrollView.scrollTo({
y: Constants.unitWidth * 30 * (this.state.randNum) , y: Constants.unitWidth * 30 * (this.state.randNum + 3),
animated: true, animated: true,
duration: 1000
}); });
// let names = this.state.names; // let names = this.state.names;
...@@ -131,9 +150,9 @@ export default class Random extends Component { ...@@ -131,9 +150,9 @@ export default class Random extends Component {
// this.setState({ // this.setState({
// names: names // names: names
// }); // });
setTimeout(() => { // setTimeout(() => {
this.onMomentumScrollEnd() // this.onMomentumScrollEnd()
}, 400); // }, 1000);
// Animated.parallel([ // Animated.parallel([
// Animated.timing(this.offsetAnim, { // Animated.timing(this.offsetAnim, {
// toValue: (this.state.randNum - 1) * Constants.unitWidth * (-29), // toValue: (this.state.randNum - 1) * Constants.unitWidth * (-29),
...@@ -172,7 +191,7 @@ export default class Random extends Component { ...@@ -172,7 +191,7 @@ export default class Random extends Component {
// selectedIndex: index // selectedIndex: index
// }); // });
let names = this.state.names; let names = this.state.names;
for (let i = 0; i < names.length; i ++) { for (let i = 0; i < names.length; i++) {
let selected = false; let selected = false;
if (i === names.length - 2) { if (i === names.length - 2) {
selected = true; selected = true;
...@@ -206,7 +225,37 @@ export default class Random extends Component { ...@@ -206,7 +225,37 @@ export default class Random extends Component {
}) })
return <View>{result}</View>; return <View>{result}</View>;
} }
stuItems= () => {
let result = [];
this.state.selNumList.map((item, index) => {
if(this.state.uid == item){
result.push(<View key={index} style={[{
height: Constants.unitWidth * 30,
}, PublicCSS.centerAll]}>
<Text allowFontScaling={false} style={[ComponentCSS.showName, {
}]}> 就是你啦，做好准备哦！</Text>
</View>);
}
})
if(result.length){
return <View>{result}</View>;
}
this.state.students.forEach(e=>{
this.state.selNumList.map((item, index) => {
if(e.liveRoomUid == item){
result.push(<View key={index} style={[{
height: Constants.unitWidth * 30,
}, PublicCSS.centerAll]}>
<Text allowFontScaling={false} style={[ComponentCSS.showName, {
}]}>{e.stuName}</Text>
</View>);
}
})
})
// alert(result.length)
return <View>{result}</View>;
}
render() { render() {
return ( return (
<View style={[ComponentCSS.alarmWrapper, { <View style={[ComponentCSS.alarmWrapper, {
...@@ -218,36 +267,45 @@ export default class Random extends Component { ...@@ -218,36 +267,45 @@ export default class Random extends Component {
<View style={ComponentCSS.alarmSeperator}></View> <View style={ComponentCSS.alarmSeperator}></View>
<View style={[ComponentCSS.QAWrapepr, PublicCSS.centerAll]}> <View style={[ComponentCSS.QAWrapepr, PublicCSS.centerAll]}>
<Text allowFontScaling={false} style={ComponentCSS.randomResult}>{ <Text allowFontScaling={false} style={ComponentCSS.randomResult}>{
this.state.showResult ? '选人结果': '　' this.state.showResult ? '选人结果' : '　'
}</Text> }</Text>
<ImageBackground source={require('../../images/live/rand-bg.png')} style={[ComponentCSS.randBg, PublicCSS.centerAll, { {/* <ImageBackground source={require('../../images/live/rand-bg.png')} style={[ComponentCSS.randBg, PublicCSS.centerAll, {
// backgroundColor: '#eee000',
overflow: 'hidden'
}]}> */}
<View style={[ComponentCSS.randBg, PublicCSS.centerAll, {
// backgroundColor: '#eee000', // backgroundColor: '#eee000',
overflow: 'hidden' overflow: 'hidden'
}]}> }]}>
<View style={{ <View style={{
width: Constants.unitWidth * 250, width: Constants.unitWidth * 250,
// height: Constants.unitWidth * 81, // height: Constants.unitWidth * 250,
position: 'absolute', position: 'absolute',
top: Constants.unitWidth * 4, top: Constants.unitWidth * 4,
// overflow: 'hidden', // overflow: 'hidden',
// backgroundColor: '#eee000' // backgroundColor: '#eee000'
}}> }}>
<View> <View>
<ScrollView {
this.stuItems()
}
{/* <ScrollView
ref={(ref)=>{this.scrollView = ref}} ref={(ref)=>{this.scrollView = ref}}
onMomentumScrollEnd={this.onMomentumScrollEnd} // onMomentumScrollEnd={this.onMomentumScrollEnd}
style={{ style={{
width:Constants.unitWidth * 240, width:Constants.unitWidth * 240,
height: Constants.unitWidth * 90, height: Constants.unitWidth * 90,
overflow: 'hidden' overflow: 'hidden'
}} bounces={false} showsVerticalScrollIndicator={false} scrollEnabled={true}> }} bounces={false} showsVerticalScrollIndicator={false} scrollEnabled={false}>
{ {
this.getItems() this.getItems()
} }
</ScrollView> </ScrollView> */}
</View>
</View> </View>
</View> </View>
</ImageBackground> {/* </ImageBackground> */}
</View> </View>
</View> </View>
); );
......
src/components/Rush.tsx
View file @ 6c2cefb8
...@@ -118,7 +118,7 @@ export default class Rush extends Component { ...@@ -118,7 +118,7 @@ export default class Rush extends Component {
size={Constants.unitWidth * 114} size={Constants.unitWidth * 114}
> >
</Progress.Circle>} </Progress.Circle>}
{(this.state.rushing === 3 && !this.state.answerStu.hasOwnProperty('id')) && <Text style={{ {(this.state.rushing === 3 && !this.state.answerStu.hasOwnProperty('uid')) && <Text style={{
fontFamily: 'PingFang SC', fontFamily: 'PingFang SC',
fontSize: Constants.baseFontSize * 1.333, fontSize: Constants.baseFontSize * 1.333,
color: '#ffffff', color: '#ffffff',
...@@ -127,7 +127,7 @@ export default class Rush extends Component { ...@@ -127,7 +127,7 @@ export default class Rush extends Component {
}} allowFontScaling={false}> }} allowFontScaling={false}>
无人抢答 无人抢答
</Text>} </Text>}
{(this.state.rushing === 3 && this.state.answerStu.hasOwnProperty('id')) && <View style={{ {(this.state.rushing === 3 && this.state.answerStu.hasOwnProperty('uid')) && <View style={{
// backgroundColor: '#eee000', // backgroundColor: '#eee000',
width: '100%', width: '100%',
alignItems: 'center' alignItems: 'center'
......
src/components/Toast.tsx
View file @ 6c2cefb8
...@@ -22,7 +22,7 @@ export default class Toast extends Component { ...@@ -22,7 +22,7 @@ export default class Toast extends Component {
show: false show: false
}); });
this.props.onHide(); this.props.onHide();
}, 1200 * 1) }, 2000 * 1)
} }
} }
...@@ -53,7 +53,7 @@ export default class Toast extends Component { ...@@ -53,7 +53,7 @@ export default class Toast extends Component {
top: 0, top: 0,
zIndex: 5000, zIndex: 5000,
backgroundColor: 'rgba(0, 0, 0, 0.2)', backgroundColor: 'rgba(0, 0, 0, 0.2)',
display: this.props.show ? 'flex' : 'none' // display: this.props.show ? 'flex' : 'none'
}}> }}>
<View style={{ <View style={{
backgroundColor: 'rgba(0, 0, 0, 0.6)', backgroundColor: 'rgba(0, 0, 0, 0.6)',
......
src/components/rtm-adapter.ts
View file @ 6c2cefb8
...@@ -13,7 +13,9 @@ export default class RtmAdapter extends EventEmitter { ...@@ -13,7 +13,9 @@ export default class RtmAdapter extends EventEmitter {
constructor() { constructor() {
super(); super();
this.uid = null; this.uid = null;
this.channelId = null;
this.client = new RtmEngine(); this.client = new RtmEngine();
console.log(this)
} }
listenersAll(){ listenersAll(){
const events = [ const events = [
...@@ -47,10 +49,12 @@ export default class RtmAdapter extends EventEmitter { ...@@ -47,10 +49,12 @@ export default class RtmAdapter extends EventEmitter {
console.log('ChannelAttributesUpdated', evt); console.log('ChannelAttributesUpdated', evt);
this.emit('attributesUpdated', evt); this.emit('attributesUpdated', evt);
}); });
// this.client.addListener('ChannelMemberJoined', (evt: any) => { this.client.addListener('MemberCountUpdated', async (evt: any) => {
// console.log('channelMemberJoined', evt); console.log('MemberCountUpdated', evt);
// this.emit('channelMemberJoined', evt); let memberCountList = await this.client.getMembers(this.channelId)
// }); console.log(memberCountList,'memberCountListmemberCountList')
this.emit('MemberCountUpdated', memberCountList);
});
} }
async login(uid: string): Promise<any> { async login(uid: string): Promise<any> {
...@@ -96,6 +100,7 @@ export default class RtmAdapter extends EventEmitter { ...@@ -96,6 +100,7 @@ export default class RtmAdapter extends EventEmitter {
} }
async join(cid: string): Promise<any> { async join(cid: string): Promise<any> {
this.channelId = cid
return this.client.joinChannel(cid); return this.client.joinChannel(cid);
} }
......
src/home202201/Index.tsx
View file @ 6c2cefb8
...@@ -112,7 +112,7 @@ export default class Index extends Component { ...@@ -112,7 +112,7 @@ export default class Index extends Component {
componentWillShow = () => { componentWillShow = () => {
// StatusBar.setBarStyle('dark-content'); // StatusBar.setBarStyle('dark-content');
this.getCurrentLessons(); // this.getCurrentLessons();
// this.getLessonsByDate(); // this.getLessonsByDate();
// this.setMarkDates(); // this.setMarkDates();
// this.getLessonStat(); // this.getLessonStat();
...@@ -407,21 +407,30 @@ export default class Index extends Component { ...@@ -407,21 +407,30 @@ export default class Index extends Component {
}); });
} }
golive = () => { golive = () => {
if (this.state.classList && this.state.classList.length) { if (this.state.classList && this.state.classList.lessonInfo && !this.state.classList.sClose) {
let item = this.state.classList[0] let item ={
...this.state.classList.stuSchedule,
...this.state.classList.lessonInfo,
stuScheduleId:this.state.classList.stuSchedule.stuId,
clazzStudentList:this.state.classList.stuSchedules,
tchSchedule:[this.state.classList.tchSchedule]
}
console.log(item)
this.props.navigation.navigate('LiveIndex', { this.props.navigation.navigate('LiveIndex', {
liveRoomUid: item.liveRoomUid, liveRoomUid: item.liveRoomUid,
channelId: item.channelId, channelId: item.channelId,
netlessUuid: item.netlessUuid, netlessUuid: item.netlessUuid,
students: item.clazzStudentList, students: item.clazzStudentList,
teachers: item.clazzTeacherList, teachers: item.tchSchedule,
courseName: item.courseScheduleName, courseName: item.lessonName,
studentName: item.studentName, studentName: item.stuName,
classId: item.classId, classId: item.classId,
classScheduleId: item.classScheduleId, lessonId:item.lessonId,
startTime: item.startTime, stuScheduleId:item.stuScheduleId,
endTime: item.endTime, // classScheduleId: item.classScheduleId,
lessonDate: item.lessonDate, // startTime: item.startTime,
// endTime: item.endTime,
// lessonDate: item.lessonDate,
}); });
return return
if (item.status === '20') { if (item.status === '20') {
...@@ -436,7 +445,7 @@ export default class Index extends Component { ...@@ -436,7 +445,7 @@ export default class Index extends Component {
} else { } else {
this.setState({ this.setState({
showToast: true, showToast: true,
msg: '此账户当前无课程', msg: '当前老师未开课',
tipsIcon: require('../../images/common/info.png') tipsIcon: require('../../images/common/info.png')
}); });
} }
...@@ -449,18 +458,19 @@ export default class Index extends Component { ...@@ -449,18 +458,19 @@ export default class Index extends Component {
}) })
.then(data => { .then(data => {
console.log('getCurrentLessons', data.data); console.log('getCurrentLessons', data.data);
if (data.success) { if (data.success && data.data) {
let classList = []; // let classList = [];
data.data.map((item) => { // data.data.map((item) => {
item = this.setDate(item); // item = this.setDate(item);
// item.startDate = new Date('2021-05-25 00:10'); // // item.startDate = new Date('2021-05-25 00:10');
item = this.setButton(item); // item = this.setButton(item);
classList.push(item); // classList.push(item);
}); // });
this.setState({ this.setState({
classList: classList classList:data.data
}) })
} }
this.golive()
}) })
.catch(error => { .catch(error => {
console.log('error', error) console.log('error', error)
...@@ -769,7 +779,7 @@ export default class Index extends Component { ...@@ -769,7 +779,7 @@ export default class Index extends Component {
<Text style={{ fontSize: Constants.unitWidth * 16, color: '#444444' }}>数据实证 智能互动 即时反馈</Text> <Text style={{ fontSize: Constants.unitWidth * 16, color: '#444444' }}>数据实证 智能互动 即时反馈</Text>
</View> </View>
<TouchableOpacity onPress={this.golive} style={{ width: Constants.unitWidth * 160, flex: 48, }}> <TouchableOpacity onPress={this.getCurrentLessons} style={{ width: Constants.unitWidth * 160, flex: 48, }}>
<Image resizeMode='contain' style={{ maxWidth: '100%', maxHeight: '100%' }} source={require('../../images/common2201/btn.png')} /> <Image resizeMode='contain' style={{ maxWidth: '100%', maxHeight: '100%' }} source={require('../../images/common2201/btn.png')} />
</TouchableOpacity> </TouchableOpacity>
</View> </View>
...@@ -777,32 +787,43 @@ export default class Index extends Component { ...@@ -777,32 +787,43 @@ export default class Index extends Component {
<Image resizeMode='contain' style={{ width: '75%', }} source={require('../../images/common2201/ban.png')} /> <Image resizeMode='contain' style={{ width: '75%', }} source={require('../../images/common2201/ban.png')} />
</View> </View>
</View> </View>
<View style={HomeStyle.mainViewTopBtmListView}> <TouchableOpacity style={HomeStyle.mainViewTopBtmListView} onPress={() => {
this.props.navigation.navigate('woekList')
}} >
<View >
<Image style={HomeStyle.ListViewImg} source={require('../../images/common2201/icon1.png')} /> <Image style={HomeStyle.ListViewImg} source={require('../../images/common2201/icon1.png')} />
<Text style={HomeStyle.ListViewText}>课后作业</Text> <Text style={HomeStyle.ListViewText}>课后作业</Text>
</View> </View>
</TouchableOpacity>
</View> </View>
} }
</View> </View>
<View style={HomeStyle.mainViewBtm}> <View style={HomeStyle.mainViewBtm}>
<View style={[HomeStyle.mainViewTopBtmView, { height: this.state.mainHeight }]}> <View style={[HomeStyle.mainViewTopBtmView, { height: this.state.mainHeight }]}>
<TouchableOpacity style={HomeStyle.mainViewTopBtmListView} onPress={() => { <TouchableOpacity style={HomeStyle.mainViewTopBtmListView} onPress={() => {
this.props.navigation.navigate('webview') this.props.navigation.navigate('webview', { type: 'other' })
}} > }} >
<View > <View >
<Image style={HomeStyle.ListViewImg} source={require('../../images/common2201/icon2.png')} /> <Image style={HomeStyle.ListViewImg} source={require('../../images/common2201/icon2.png')} />
<Text style={HomeStyle.ListViewText}>在线测试</Text> <Text style={HomeStyle.ListViewText}>在线测试</Text>
</View> </View>
</TouchableOpacity> </TouchableOpacity>
<TouchableOpacity style={HomeStyle.mainViewTopBtmListView} onPress={() => {
this.props.navigation.navigate('webview', { type: 'other' })
}} >
<View style={HomeStyle.mainViewTopBtmListView}> <View style={HomeStyle.mainViewTopBtmListView}>
<Image style={HomeStyle.ListViewImg} source={require('../../images/common2201/icon3.png')} /> <Image style={HomeStyle.ListViewImg} source={require('../../images/common2201/icon3.png')} />
<Text style={HomeStyle.ListViewText}>学情分析</Text> <Text style={HomeStyle.ListViewText}>学情分析</Text>
</View> </View>
</TouchableOpacity>
<TouchableOpacity style={HomeStyle.mainViewTopBtmListView} onPress={() => {
this.props.navigation.navigate('webview', { type: 'other' })
}} >
<View style={HomeStyle.mainViewTopBtmListView}> <View style={HomeStyle.mainViewTopBtmListView}>
<Image style={HomeStyle.ListViewImg} source={require('../../images/common2201/icon4.png')} /> <Image style={HomeStyle.ListViewImg} source={require('../../images/common2201/icon4.png')} />
<Text style={HomeStyle.ListViewText}>错题攻坚</Text> <Text style={HomeStyle.ListViewText}>错题攻坚</Text>
</View> </View>
</TouchableOpacity>
</View> </View>
</View> </View>
</View> </View>
......
src/homework/doHomeworkWithImg/index.tsx 0 → 100644
View file @ 6c2cefb8
import React, { Component } from 'react';
import { View, Modal, FlatList, Text, Image, ScrollView, TextInput, TouchableHighlight, Linking, Alert } from 'react-native';
import Button from 'react-native-button';
import Constants from '../../../Constants';
import homeWork from '../../../css/homework.css';
import RNModal from "react-native-modal";
import { AudioRecorder, AudioUtils } from 'react-native-audio';
import Sound from 'react-native-sound';
import RNFS from 'react-native-fs';
import Api from '../../../Api';
import DocumentPicker from 'react-native-document-picker';
import Icon from 'react-native-vector-icons/AntDesign';
import SoundScreen from './vudioCom'
import ImageShow from '../imageShow'
let timeer;
import moment from 'moment';
export default class Index extends Component {
constructor(props) {
super(props);
this.state = {
note: '',
sepId: props.route.params.sepId,
workDetailObj: '',
showWorkDetail: true,
//媒体类型 mediaType 1:图片 2:语音 3:视频 4:文件 5: 链接
detailAudioList: [],
detailImgList: [],
detailFileList: [],
detailLinkList: [],
showActionSheet: false,
hasPermission: undefined, //录音 授权状态
audioPath: AudioUtils.DocumentDirectoryPath + `/quick_audio_${new Date().getTime()}.aac`, // 文件路径
stop: false, //录音是否停止
recording: false, // 录音进行中
currentTime: 0, //录音时长
maxcurrentTime: 180,//录制最长时间
imageShowM: false,
images: [],
pageNum: 0,
pushAudioList: [],
pushImgList: [],
pushFileList: [],
surplusTimeStr: '',
canSubMit: true,
}
}
componentDidMount() {
this.getDetail()
console.log(this.props,)
}
componentWillUnmount() {
clearInterval(timeer)
}
surplusTime() {
let d1 = new Date(moment(this.state.workDetailObj.closeTime).format()).getTime()
let d2 = Date.now()
// alert( d1,this.state.workDetailObj.closeTime )
// alert( d2 )
// alert( moment().format() )
console.log(this.state.workDetailObj.closeTime, d1, d2, 'newDate')
console.log(moment(this.state.workDetailObj.closeTime).format(), 'moment')
if (d1 > d2 && this.state.workDetailObj.sepStatus != 70) {
timeer = setInterval(e => {
this.setState({
surplusTimeStr: this.getStrTime((d1 - Date.now()) / 1000)
})
// this.getStrTime(d1 - d2)
}, 1000)
} else {
clearInterval(timeer)
this.setState({
surplusTimeStr: this.getStrTime(0),
canSubMit: false,
})
}
}
showIMg(list, index) {
let imgList = list.map(e => {
return {
url: e.mediaUrl
}
})
this.setState({
imageShowM: true,
images: imgList,
pageNum: index,
})
console.log(this.state, '111111111111111111')
}
getDetail() {
Constants.get(Api.stuGetMediaHomeworkDetail(this.state.sepId))
.then((response) => {
// console.log(response);
return response.json();
})
.then(data => {
console.log('removeNote', data);
if (data.success) {
this.setState({
workDetailObj: data.data
})
this.surplusTime()
if (data.data.mediaList) {
let mediaList = data.data.mediaList
let detailAudioList = mediaList.filter(e => {
return e.mediaType == 2
})
let detailImgList = mediaList.filter(e => {
return e.mediaType == 1
})
let detailFileList = mediaList.filter(e => {
return e.mediaType == 4
})
let detailLinkList = mediaList.filter(e => {
return e.mediaType == 5
})
this.setState({
detailAudioList,
detailImgList,
detailFileList,
detailLinkList
})
console.log(this.state)
}
if (data.data.lastStuMedia && data.data.lastStuMedia.content) {
this.setState({
note: data.data.lastStuMedia.content
})
let mediaList = data.data.lastStuMedia.stuMediaDetailList
let pushAudioList = mediaList.filter(e => {
return e.mediaType == 2
})
let pushImgList = mediaList.filter(e => {
return e.mediaType == 1
})
let pushFileList = mediaList.filter(e => {
return e.mediaType == 4
})
this.setState({
pushAudioList,
pushImgList,
pushFileList
})
}
}
})
.catch(error => {
console.log('error', error)
});
}
renderdetailAudioList() {
let res = this.state.detailAudioList.map((e, index) => {
console.log(e, 'renderdetailAudioList')
return (
<View key={index} style={[homeWork.taskEleWarp, { width: '30%', alignItems: 'flex-start', marginBottom: 20 }]}>
<SoundScreen audioSrc={e.mediaUrl}></SoundScreen>
</View>)
})
return res
}
renderdetailFileList() {
let res = this.state.detailFileList.map((e, index) => {
console.log(e, 'renderdetailFileList')
return (
<View key={index} style={[homeWork.taskEleWarp, { width: '30%', marginBottom: 20 }]}>
<Button onPress={() => {
Linking.openURL(e.mediaUrl)
}}>
<View style={{ flexDirection: 'row', alignItems: 'center', paddingLeft: Constants.unitWidth * 12, paddingRight: Constants.unitWidth * 12, justifyContent: 'space-between', width: '100%', height: '100%' }}>
<Icon name="file1" size={30} color="#333333" />
<View style={{ width: Constants.unitWidth * 170 }}>
<Text numberOfLines={1} ellipsizeMode={'tail'} style={{ color: '#333333', }}>{e.title}</Text>
</View>
<Text style={{ color: '#333333' }}>{e.fileSizeDisp}</Text>
</View>
</Button>
</View>)
})
return res
}
renderdetailLinkList() {
let res = this.state.detailLinkList.map((e, index) => {
console.log(e, 'renderdetailLinkList')
return (
<View key={index} style={[homeWork.taskEleWarp, { width: '30%', marginBottom: 20 }]}>
<Button onPress={() => {
Linking.openURL(e.mediaUrl)
}}>
<View style={{ flexDirection: 'row', alignItems: 'center', paddingLeft: Constants.unitWidth * 12, paddingRight: Constants.unitWidth * 12, justifyContent: 'space-between', width: '100%', height: '100%' }}>
<Icon name="link" size={30} color="#333333" />
<View style={{ width: Constants.unitWidth * 170 }}>
<Text numberOfLines={1} ellipsizeMode={'tail'} style={{ color: '#333333', }}>{e.title}</Text>
</View>
{/* <Text style={{ color: '#333333' }}>{e.fileSizeDisp}</Text> */}
</View>
</Button>
</View>)
})
return res
}
renderdetailImgList() {
let res = this.state.detailImgList.map((e, index) => {
console.log(e, 'renderdetailImgList')
return (
<View key={index} style={{ width: '20%', alignItems: 'flex-start', marginBottom: 20 }}>
<View style={homeWork.taskImgWarp}>
<Button onPress={e => this.showIMg(this.state.detailImgList, index)} >
<Image style={{ width: '100%', height: '100%' }} resizeMode='contain' source={{ uri: e.mediaUrl }} />
</Button>
</View>
</View>)
})
return res
}
renTecAudioList() {
let res = this.state.workDetailObj.lastTchMedia.stuMediaDetailList.map((e, index) => {
return (
<View key={index} style={[homeWork.taskEleWarp, { width: '30%', alignItems: 'flex-start', marginBottom: 20 }]}>
<SoundScreen audioSrc={e.mediaUrl}></SoundScreen>
</View>)
})
return res
}
renderpushAudioList() {
let res = this.state.pushAudioList.map((e, index) => {
console.log(e, 'renderpushAudioList')
return (
<View key={index} style={[homeWork.taskEleWarp, { width: '30%', alignItems: 'flex-start', marginBottom: 20 }]}>
<View style={homeWork.taskEleWarpDel}>
<Button onPress={e => {
let list = this.state.pushAudioList
list.splice(index, 1)
this.setState({ pushAudioList: list })
}}>
<Image style={{ width: '100%', height: '100%' }} resizeMode='contain' source={require('../../../images/homeWork/del.png')} />
</Button>
</View>
<SoundScreen audioSrc={e.mediaUrl}></SoundScreen>
</View>)
})
return res
}
renderpushFileList() {
let res = this.state.pushFileList.map((e, index) => {
console.log(e, 'renderpushFileList')
return (
<View key={index} style={[homeWork.taskEleWarp, { width: '30%', marginBottom: 20 }]}>
<View style={homeWork.taskEleWarpDel}>
<Button onPress={e => {
let list = this.state.pushFileList
list.splice(index, 1)
this.setState({ pushFileList: list })
}}>
<Image style={{ width: '100%', height: '100%' }} resizeMode='contain' source={require('../../../images/homeWork/del.png')} />
</Button>
</View>
<Button onPress={() => {
// Linking.openURL(e.mediaUrl)
}}>
<View style={{ flexDirection: 'row', alignItems: 'center', paddingLeft: Constants.unitWidth * 12, paddingRight: Constants.unitWidth * 12, justifyContent: 'space-between', width: '100%', height: '100%' }}>
<Icon name="file1" size={30} color="#333333" />
<View style={{ width: Constants.unitWidth * 170 }}>
<Text numberOfLines={1} ellipsizeMode={'tail'} style={{ color: '#333333', }}>{e.title}</Text>
</View>
<Text style={{ color: '#333333' }}>{e.fileSizeDisp}</Text>
</View>
</Button>
</View>)
})
return res
}
renderpushImgList() {
let res = this.state.pushImgList.map((e, index) => {
console.log(e, 'renderpushImgList')
return (
<View key={index} style={{ width: '20%', alignItems: 'flex-start', marginBottom: 20 }}>
<View style={homeWork.taskImgWarp}>
<View style={homeWork.taskEleWarpDel}>
<Button onPress={e => {
let list = this.state.pushImgList
list.splice(index, 1)
this.setState({ pushImgList: list })
}}>
<Image style={{ width: '100%', height: '100%' }} resizeMode='contain' source={require('../../../images/homeWork/del.png')} />
</Button>
</View>
<Button onPress={e => this.showIMg(this.state.pushImgList, index)} >
<Image style={{ width: '100%', height: '100%' }} resizeMode='contain' source={{ uri: e.mediaUrl }} />
</Button>
</View>
</View>)
})
return res
}
getStrTime = (totalTime) => {
// let totalTime = this.state.whoosh.getDuration();
totalTime = Math.ceil(totalTime);
let totalMin = parseInt(totalTime / 60); //总分钟数
let totalSec = totalTime - totalMin * 60; //秒钟数并判断前缀是否 + '0'
totalSec = totalSec > 9 ? totalSec : '0' + totalSec;
return totalMin + ':' + totalSec
// this.setState({
// maximumValue: totalTime,
// })
}
// 请求录音授权
getAudioAuthorize() {
AudioRecorder.requestAuthorization()
.then(isAuthor => {
console.log('是否授权: ' + isAuthor)
if (!isAuthor) {
return alert('APP需要使用录音，请打开录音权限允许APP使用')
}
this.setState({ hasPermission: isAuthor })
this.prepareRecordingPath(this.state.audioPath);
// 录音进展
AudioRecorder.onProgress = (data) => {
console.log(data)
this.setState({
currentTime: Math.ceil(data.currentTime),
recording: true,
});
if (this.state.currentTime > this.state.maxcurrentTime) {
this.handleStopAudio()
}
};
setTimeout(() => {
this.handleStartAudio()
}, 100);
// 完成录音
AudioRecorder.onFinished = (data) => {
// data 录音数据，可以在此存储需要传给接口的路径数据
console.log('完成录音', data, this.state.currentTime)
};
})
}
/**
* AudioRecorder.prepareRecordingAtPath(path,option)
* 录制路径
* path 路径
* option 参数
*/
prepareRecordingPath = (path) => {
const option = {
// SampleRate: 44100.0, //采样率
// Channels: 2, //通道
// AudioQuality: 'High', //音质
// AudioEncoding: 'aac', //音频编码 aac
// OutputFormat: 'mpeg_4', //输出格式
// MeteringEnabled: false, //是否计量
// MeasurementMode: false, //测量模式
// AudioEncodingBitRate: 32000, //音频编码比特率
// IncludeBase64: true, //是否是base64格式
// AudioSource: 0, //音频源
SampleRate: 22050,
Channels: 1,
AudioQuality: 'Low',
AudioEncoding: 'aac',
OutputFormat: 'aac_adts',
}
AudioRecorder.prepareRecordingAtPath(path, option)
}
// 开始录音
handleStartAudio = async () => {
if (!this.state.hasPermission) {
return alert('APP需要使用录音，请打开录音权限允许APP使用')
}
console.log('录音开始')
if (this.state.stop) {
// 初始化录音
this.setState({
currentTime: 0
})
this.prepareRecordingPath(this.state.audioPath)
}
try {
await AudioRecorder.startRecording()
} catch (err) {
console.error(err)
}
}
// 停止录音
handleStopAudio = async () => {
console.log('录音结束')
try {
await AudioRecorder.stopRecording();
this.setState({ stop: true, recording: false });
// this.handlePlayAudio()
} catch (error) {
console.error(error);
}
}
uploadAudio = () => {
let downloadDest = 'file://' + this.state.audioPath
Constants.uploadFile(Api.uploadFile({
file: downloadDest,
folder: 'student',
name: 'acc'
})).then((response) => {
return response.json()
}).then(data => {
console.log('save uploadAudio', JSON.stringify(data));
// setTimeout(() => {
// this.setState({
// webViewBoard:false
// })
// });
}).catch(error => {
console.log('save image error', error)
});
}
// 播放录音
handlePlayAudio = async () => {
let self = this
console.log('正在播放', this.state.audioPath)
self.whoosh = new Sound(this.state.audioPath, '', (err) => {
if (err) {
console.log('加载音频失败')
return console.warn(err)
}
self.whoosh.play(success => {
if (success) {
console.warn('success - 播放成功')
console.log('播放完毕')
console.log(self.whoosh)
} else {
console.warn('fail - 播放失败')
console.log('播放失败')
}
})
})
console.log(self.whoosh)
}
pickFile = async (type) => {
try {
let res;
if (type == 'image') {
res = await DocumentPicker.pick({
type: [DocumentPicker.types.images,],
});
} else {
res = await DocumentPicker.pick({
type: [DocumentPicker.types.doc, DocumentPicker.types.docx, DocumentPicker.types.pdf, DocumentPicker.types.ppt,
DocumentPicker.types.pptx, DocumentPicker.types.xls, DocumentPicker.types.xlsx
],
});
}
let file = res[0]
console.log(res, file.uri);
Constants.uploadFile(Api.uploadFile({
file: file.uri,
folder: 'student',
name: file.name
})).then((response) => {
return response.json()
}).then(data => {
console.log('save pickFile', data, JSON.stringify(data));
if (type == 'image') {
let imgList = this.state.pushImgList
data.data.fileList.forEach(item => {
imgList.push({
mediaUrl: data.data.domain + item.key,
fileSize: file.size,
title: file.name,
// 媒体类型 1:图片 2:语音 3:视频 4:文件
mediaType: 1
})
})
this.setState({
pushImgList: imgList
})
} else {
let imgList = this.state.pushFileList
data.data.fileList.forEach(item => {
imgList.push({
mediaUrl: data.data.domain + item.key,
fileSize: file.size,
title: file.name,
// 媒体类型 1:图片 2:语音 3:视频 4:文件
mediaType: 4
})
})
this.setState({
pushFileList: imgList
})
}
}).catch(error => {
console.log('save pickFile error', error)
});
//output: content://com.android.providers.media.documents/document/image%3A4055
// RNFetchBlob.fs
// .stat(res.uri)
// .then((stats) => {
// console.log(stats.path);
// //output: /storage/emulated/0/WhatsApp/Media/WhatsApp Images/IMG-20200831-WA0019.jpg
// })
// .catch((err) => {
// console.log(err);
// });
} catch (err) {
if (DocumentPicker.isCancel(err)) {
} else {
throw err;
}
}
};
submitHomeWork = () => {
if (!this.state.note) return;
console.log(
{
sepId: this.state.sepId,
answer: this.state.pushImgList,
mediaList: [...this.state.pushAudioList, ...this.state.pushFileList, ...this.state.pushImgList],
}
)
Constants.postJSONWithToken(Api.submitMediaHomework({
sepId: this.state.sepId,
answer: this.state.note,
mediaList: [...this.state.pushAudioList, ...this.state.pushFileList, ...this.state.pushImgList],
}))
.then((response) => {
console.log('getListHomework', response);
return response.json();
})
.then(data => {
console.log('getListHomework', data.results);
if (data.success) {
Alert.alert('提交成功')
this.props.route.params.refresh();
this.props.navigation.goBack();
} else {
Alert.alert(data.memo)
}
// console.log(this.listHomework)
// if (data.memo === '成功') {
// this.setState(data.data);
// setTimeout(this.init, 100);
// }
})
.catch(error => {
console.log('error', error)
});
}
render() {
return (
<View>
{!!this.state.workDetailObj &&
<View>
<View style={homeWork.downTime}>
<Text style={{ textAlign: 'center', lineHeight: Constants.unitWidth * 40, }}>剩余时间：{this.state.surplusTimeStr}</Text>
</View>
<View style={homeWork.taskMainWarp}>
<View style={homeWork.taskMain}>
<View style={homeWork.taskmain}>
<ScrollView >
<View style={{ position: 'relative', paddingLeft: Constants.unitWidth * 30, paddingRight: Constants.unitWidth * 30, paddingTop: Constants.unitWidth * 30 }}>
{
this.state.showWorkDetail &&
<View style={{ position: 'absolute', width: 30, zIndex: 10, right: 40, top: Constants.unitWidth * 35 }}>
<Button
onPress={e => { this.setState({ showWorkDetail: false }) }} >
<Text >
收起
</Text>
</Button>
</View>
}
{
!this.state.showWorkDetail &&
<View style={{ position: 'absolute', width: 30, zIndex: 10, right: 40, top: Constants.unitWidth * 35 }}>
<Button
onPress={e => { this.setState({ showWorkDetail: true }) }} >
<Text >
展开
</Text>
</Button>
</View>
// <Text style={{ position: 'absolute', right: 40, top: Constants.unitWidth * 35 }} onPress={e => { this.setState({ showWorkDetail: true }) }} >展开</Text>
}
<Text style={{ fontSize: Constants.unitWidth * 16, paddingBottom: Constants.unitWidth * 17, color: '#333' }}>{this.state.workDetailObj.paperName}</Text>
{
this.state.showWorkDetail &&
<View>
<Text style={{ fontSize: Constants.unitWidth * 14, paddingBottom: Constants.unitWidth * 17, color: '#333' }}>作业内容</Text>
<Text style={{ fontSize: Constants.unitWidth * 14, paddingBottom: Constants.unitWidth * 17, color: '#666' }}>{this.state.workDetailObj.content}</Text>
<View style={{ flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-between' }}>
{
this.renderdetailAudioList()
}
</View>
<View style={{ flexDirection: 'row', flexWrap: 'wrap', }}>
{
this.renderdetailImgList()
}
</View>
<View style={{ flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-between' }}>
{
this.renderdetailFileList()
}
</View>
<View style={{ flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-between' }}>
{
this.renderdetailLinkList()
}
</View>
</View>}
{/* <View style={homeWork.taskImgWarp}>
<View style={homeWork.taskEleWarpDel}>
<Button onPress={() => {
this.setState({
showActionSheet: true
})
}}>
<Image style={{ width: '100%', height: '100%' }} resizeMode='contain' source={require('../../../images/homeWork/del.png')} />
</Button>
</View>
</View> */}
{/* <View style={homeWork.taskImgWarp}>
<View style={homeWork.taskEleWarpDel}>
<Button >
<Image style={{ width: '100%', height: '100%' }} resizeMode='contain' source={require('../../../images/homeWork/del.png')} />
</Button>
</View>
</View> */}
<Text style={{ fontSize: Constants.unitWidth * 14, paddingBottom: Constants.unitWidth * 17, color: '#333' }}>学生回答</Text>
<TextInput style={{
// borderWidth: Constants.unitWidth * 1,
// borderColor: '#616161',
// borderRadius: Constants.unitWidth * 5,
// height: Constants.unitWidth * 110,
// marginTop: Constants.unitWidth * 10,
color: '#666',
padding: Constants.unitWidth * 5,
paddingLeft: 0,
}} onChangeText={(text) => {
if (text.length <= 200) {
this.setState({
note: text
})
}
}} value={this.state.note}
multiline={true} placeholder="请输入回答" placeholderTextColor="#727272" />
<View style={{ paddingTop: Constants.unitWidth * 38, }}>
<View style={{ flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-between' }}>
{
this.renderpushAudioList()
}
</View>
<View style={{ flexDirection: 'row', flexWrap: 'wrap', }}>
{
this.renderpushImgList()
}
</View>
<View style={{ flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-between' }}>
{
this.renderpushFileList()
}
</View>
</View>
{(this.state.workDetailObj.sepStatus == 50 || this.state.workDetailObj.sepStatus == 25 || this.state.workDetailObj.sepStatus == 70) &&
<View>
<Text style={{ fontSize: Constants.unitWidth * 14, paddingBottom: Constants.unitWidth * 17, color: '#333' }}>老师评语</Text>
<View>
<Text style={{ fontSize: Constants.unitWidth * 12, paddingBottom: Constants.unitWidth * 17, color: '#666' }}>{this.state.workDetailObj.lastTchMedia.content}</Text>
{
!!this.state.workDetailObj.lastTchMedia && !!this.state.workDetailObj.lastTchMedia.stuMediaDetailList.length &&
<View style={{ flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-between' }}>
{
this.renTecAudioList()
}
</View>
}
</View>
</View>
}
</View>
<View style={{ minHeight: Constants.unitWidth * 110, }}></View>
</ScrollView>
</View>{
this.state.canSubMit &&
<View style={{ paddingTop: 10, display: 'flex', flexDirection: 'row', }}>
<View style={{ width: '50%', height: Constants.unitWidth * 40, display: 'flex', flexDirection: 'row', alignItems: 'center' }}>
<View style={{ height: Constants.unitWidth * 30, width: Constants.unitWidth * 30, marginLeft: 30 }}>
<Button onPress={() => {
this.pickFile('image')
}}>
<Image style={{ width: '100%', height: '100%' }} resizeMode='contain' source={require('../../../images/homeWork/selImg.png')} />
</Button>
</View>
<View style={{ height: Constants.unitWidth * 30, width: Constants.unitWidth * 30, marginLeft: 30, marginRight: 30 }}>
<Button onPress={() => {
this.setState({
showActionSheet: true
})
}}>
<Image style={{ width: '100%', height: '100%' }} resizeMode='contain' source={require('../../../images/homeWork/selaudio.png')} />
</Button>
</View>
<View style={{ height: Constants.unitWidth * 30, width: Constants.unitWidth * 30 }}>
<Button onPress={() => {
this.pickFile('file')
}}>
<Image style={{ width: '100%', height: '100%' }} resizeMode='contain' source={require('../../../images/homeWork/selFile.png')} />
</Button>
</View>
</View>
<View style={{
height: Constants.unitWidth * 40, width: Constants.unitWidth * 96, backgroundColor: '#F9AE2B',
borderRadius: Constants.unitWidth * 4,
marginLeft: Constants.unitWidth * -48,
}}>
<Button onPress={this.submitHomeWork}>
<Text style={{ lineHeight: Constants.unitWidth * 40, textAlign: 'center', color: '#fff' }}>提交</Text>
</Button>
</View>
</View>
}
</View>
</View>
<RNModal transparent={true}
animationType="slide"
visible={this.state.showActionSheet}
style={{
margin: 0, alignItems: 'center',
justifyContent: 'center',
}}
>
<TouchableHighlight
style={{
backgroundColor: 'rgba(0, 0, 0, 0.5)',
width: Constants.height,
height: Constants.width,
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
}}
onPress={() => {
this.setState({
showActionSheet: false
})
}}
underlayColor="rgba(255, 255, 255, 0)"
>
<View style={{
width: Constants.unitWidth * 424,
height: Constants.unitWidth * 312,
backgroundColor: '#ffffff',
}} >
{!this.state.recording && !this.state.stop &&
<View style={{
height: Constants.unitWidth * 312, justifyContent: 'space-around',
alignItems: 'center'
}}>
<Text>{this.getStrTime(this.state.currentTime)} / {this.getStrTime(this.state.maxcurrentTime)}</Text>
<Button onPress={() => {
this.getAudioAuthorize()
}}>
<Image style={{ width: Constants.unitWidth * 88, height: Constants.unitWidth * 88 }} resizeMode='contain' source={require('../../../images/homeWork/audioIcon.png')} />
</Button>
<Text>点击开始录音</Text>
</View>
}
{this.state.recording && !this.state.stop &&
<View style={{
height: Constants.unitWidth * 312, justifyContent: 'space-around',
alignItems: 'center'
}}>
<Text>{this.getStrTime(this.state.currentTime)} / {this.getStrTime(this.state.maxcurrentTime)}</Text>
<Button onPress={() => {
this.handleStopAudio()
}}>
<Image style={{ width: Constants.unitWidth * 88, height: Constants.unitWidth * 88 }} resizeMode='contain' source={require('../../../images/homeWork/audioStop.png')} />
</Button>
<Text>点击停止录音</Text>
</View>
}
{!this.state.recording && this.state.stop &&
<View style={{
height: Constants.unitWidth * 312, justifyContent: 'space-around',
alignItems: 'center'
}}>
<Text>播放中</Text>
{/* <Button onPress={() => {
// this.handlePlayAudio()
}}> */}
<View style={{ height: Constants.unitWidth * 120, width: Constants.unitWidth * 324, paddingLeft: Constants.unitWidth * 40 }}>
<SoundScreen autoPlay={true} audioSrc={this.state.audioPath}></SoundScreen>
</View>
{/* <Image style={{ width: Constants.unitWidth * 88, height: Constants.unitWidth * 88 }} resizeMode='contain' source={require('../../../images/homeWork/audioAction.png')} /> */}
{/* </Button> */}
<View style={{ flexDirection: 'row', alignItems: 'center', width: Constants.unitWidth * 200, justifyContent: 'space-around' }}>
<Button onPress={() => {
this.setState({ stop: false })
this.handleStartAudio()
}}>
<Text>重录</Text>
</Button>
<Button onPress={() => {
this.uploadAudio()
}}>
<Text>确定</Text>
</Button>
</View>
</View>
}
</View>
</TouchableHighlight>
</RNModal>
<Modal statusBarTranslucent={true} visible={this.state.imageShowM} transparent={true}>
<ImageShow closeImgView={e => { this.setState({ imageShowM: false }) }} pageNum={this.state.pageNum} images={this.state.images} />
</Modal>
</View>}
</View>
);
}
}
\ No newline at end of file
src/homework/doHomeworkWithImg/vudioCom.tsx 0 → 100644
View file @ 6c2cefb8
import React, { Component } from 'react';
import { View, FlatList, Text, Image, StyleSheet } from 'react-native';
import Button from 'react-native-button';
import Constants from '../../../Constants';
// import Picker from 'react-native-picker';
import homeWork from '../../../css/homework.css';
// import Api from '../../../Api';
import Sound from 'react-native-sound';
import Slider from "react-native-slider";
import Icon from 'react-native-vector-icons/AntDesign';
Sound.setCategory('Playback');
/* <Icon name="rocket" size={30} color="#900" /> */
export default class SoundScreen extends Component {
constructor(props) {
super(props);
this.state = {
whoosh: null, //音频对象
volume: 0.5,
seconds: 0, //秒数
totalMin: '', //总分钟
totalSec: '', //总分钟秒数
nowMin: 0, //当前分钟
nowSec: 0, //当前秒钟
maximumValue: 0, //滑块最大值
playIng:false,
}
}
componentDidMount() {
// this.getListHomework()
this.build()
}
componentWillUnmount() {
// this.setState({
// uri:false,
// })
this.time && clearTimeout(this.time);
if(this.state.whoosh._playing) {
this._stop()
};
}
build = () => {
let audioSrc = this.props.audioSrc; //这个音频放在android\app\src\main\res\raw
let whoosh = new Sound(audioSrc, Sound.MAIN_BUNDLE, (error) => {
if (error) {
alert('加载声音失败');
return;
}
this.setState({ whoosh: whoosh });
this.getTime();
if(this.props.autoPlay){
this._play()
}
});
}
getTime = () => {
let totalTime = this.state.whoosh.getDuration();
totalTime = Math.ceil(totalTime);
let totalMin = parseInt(totalTime / 60); //总分钟数
let totalSec = totalTime - totalMin * 60; //秒钟数并判断前缀是否 + '0'
totalSec = totalSec > 9 ? totalSec : '0' + totalSec;
this.setState({
totalMin,
totalSec,
maximumValue: totalTime,
})
}
playAudio = () => {
this.state.whoosh.play((success) => {
if (success) {//播放完成后的逻辑在这里处理
} else {
console.log('playback failed due to audio decoding errors');
}
});
}
// 播放
_play = () => {
let whoosh = this.state.whoosh
if(whoosh._playing) return;
whoosh.play((success) => {
if (success) {//播放完成后的逻辑在这里处理
this._stop()
} else {
console.log('playback failed due to audio decoding errors');
}
});
console.log(whoosh)
clearInterval(this.time);
this.setState({
playIng:true,
})
this.time = setInterval(() => {
whoosh.getCurrentTime(seconds => {
seconds = Math.ceil(seconds);
this._getNowTime(seconds)
})
}, 1000)
}
// 暂停
_pause = () => {
let whoosh = this.state.whoosh
clearInterval(this.time);
whoosh.pause();
this.setState({
playIng:false,
})
console.log(whoosh)
}
// 停止
_stop = () => {
let whoosh = this.state.whoosh
clearInterval(this.time);
this.setState({
nowMin: 0,
nowSec: 0,
seconds: 0,
playIng:false,
})
whoosh.stop();
console.log(whoosh)
}
_getNowTime = (seconds) => {
let nowMin = this.state.nowMin,
nowSec = this.state.nowSec;
if (seconds >= 60) {
nowMin = parseInt(seconds / 60); //当前分钟数
nowSec = seconds - nowMin * 60;
nowSec = nowSec < 10 ? '0' + nowSec : nowSec;
} else {
nowSec = seconds < 10 ? '0' + seconds : seconds;
}
this.setState({
nowMin,
nowSec,
seconds
})
}
render() {
let time = this.state;
return (
<View >
<View style={{ flexDirection: 'row', alignItems: 'center',paddingLeft: Constants.unitWidth * 12,paddingRight: Constants.unitWidth * 12, justifyContent: 'space-between',width:'100%',height:'100%' }}>
{ this.state.playIng &&
<Icon onPress={this._pause} name="pausecircleo" size={30} color="#F9AE2B" />
}
{ !this.state.playIng &&
<Icon onPress={this._play} name="playcircleo" size={30} color="#F9AE2B" />
}
<View style={{ width: Constants.unitWidth * 150, }}>
<Slider
// disabled //禁止滑动
maximumTrackTintColor={'#ccc'} //右侧轨道的颜色
minimumTrackTintColor={'#F9AE2B'} //左侧轨道的颜色
thumbTintColor={'#F9AE2B'}
maximumValue={this.state.maximumValue} //滑块最大值
minimumValue={0} //滑块最小值
value={this.state.seconds}
onSlidingComplete={(value) => { //用户完成更改值时调用的回调（例如，当滑块被释放时）
value = parseInt(value);
this._getNowTime(value)
// 设置播放时间
this.state.whoosh.setCurrentTime(value);
this._play()
}}
/>
</View>
<Text>{time.nowMin}:{time.nowSec}/{time.totalMin}:{time.totalSec}</Text>
</View>
{/* <Text>当前音量: {this.state.volume}</Text> */}
{/* <Text onPress={this._addVolume}>声音+</Text>
<Text onPress={this._reduceVolume}>声音-</Text> */}
{/* <Text onPress={this._play}>播放</Text>
<Text onPress={this._pause}>暂停</Text>
<Text onPress={this._stop}>停止</Text> */}
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#F5FCFF',
width: '100%'
},
});
\ No newline at end of file
src/homework/imageShow.tsx 0 → 100644
View file @ 6c2cefb8
import React, {Component} from 'react';
import {
View,
} from 'react-native';
import ImageViewer from 'react-native-image-zoom-viewer';
// import stylesCommon from '../../../assets/css/common';
// import aaa from '../../../assets/img/nodata.png';
class ImageShow extends Component {
constructor(props) {
super(props);
this.state = {
images: [],
imageIndex: 1,
};
}
componentWillMount() {
// 上个界面传来的照片集合
// const params = this.props.router.getCurrentRoute().params;
// const images = params.image;
// const pageNum = params.num;
this.setState({
images: this.props.images,
imageIndex:this.props.pageNum,
});
}
render() {
return (
// style={stylesCommon.container}
<View style={{width:'100%',height:'100%',backgroundColor:'#000000'}} >
<ImageViewer
imageUrls={this.state.images} // 照片路径
enableImageZoom={true} // 是否开启手势缩放
index={this.state.imageIndex} // 初始显示第几张
// failImageSource={aaa} // 加载失败图片
onChange={(index) => {}} // 图片切换时触发
onClick={() => { // 图片单击事件
this.props.closeImgView();
// this.props.navigator.pop();
}}
/>
</View>
);
}
}
export default ImageShow;
\ No newline at end of file
src/homework/woekList/index.tsx 0 → 100644
View file @ 6c2cefb8
import React, { Component } from 'react';
import { View, FlatList, Text, Image, TextInput } from 'react-native';
import Button from 'react-native-button';
import Constants from '../../../Constants';
import Picker from 'react-native-picker';
import homeWork from '../../../css/homework.css';
import Api from '../../../Api';
import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
export default class Index extends Component {
constructor(props) {
super(props);
this.state = {
uri: false,
selectedValue: ['全部'],
pickerData: ['全部', '未提交', '待批改', '已批改'],
selectedTime: ['发布时间倒序'],
pickerTime: ['发布时间倒序', '开始时间正序', '开始时间倒序', '截止时间正序', '截止时间倒序'],
listHomework: [],
par: {
orderByPubTime: 1,
orderDesc: 1,
exerciseNameLike: '',
sepStatusList: [],
},
}
}
componentDidMount() {
this.getListHomework()
// console.log(this.props.navigation)
// console.log(this.props.route)
// let type = this.props.route.params && this.props.route.params.type;
// if(type){
// this.setState({
// uri:'https://changning.gankao.com/p-account/statistics/group?noGroupSwitch=1&gankaoUID=11347855&studygroupId=28634',
// })
// return
// }
// Constants.readData('userInfo').then((userInfo) => {
// if (userInfo) {
// console.log(userInfo)
// userInfo = JSON.parse(userInfo);
// // content: "{"id":null,"userName":"19000000005","nickName":null,"headImgUrl":null,"realName":"19000000005","mobile":"19000000005","email":null,"isAdmin":0,"memberType":"01","province":null,"city":null,"district":null,"lastLoginTime":"2022-01-17T09:16:52.000+0000","createTime":"2022-01-17T05:17:32.000+0000","updateTime":"2022-01-17T05:17:32.000+0000","token":"IPAD_CREDIT_TOKEN:639a964a3b4f4af2b8526f7e51deffb0","validTime":43200}"
// let url = `http://10.51.0.147:8082/evaluation/teacher/#/loading?type=1&&token=${userInfo.token}`
// url = `http://121.36.221.250:8018/evaluation/teacher/#/?type=1&token=${userInfo.token}`
// // url = 'http://www.cnblogs.com/jingguorui/p/11727947.html'
// this.setState({
// uri:url,
// })
// console.log(this.state.uri)
// }
// })
}
pinkeState = () => {
Picker.isPickerShow(status => {
if (status) {
Picker.hide()
return
}
Picker.init({
pickerConfirmBtnText: '确定',
pickerCancelBtnText: '取消',
pickerTitleText: '请选择',
pickerData: this.state.pickerData,
selectedValue: this.state.selectedValue,
onPickerConfirm: data => {
console.log('onPickerConfirm', data);
if (data == '全部') {
this.setState({
par: { ...this.state.par, ...{ sepStatusList: [] } }
})
} else if (data == '未提交') {
this.setState({
par: { ...this.state.par, ...{ sepStatusList: [10, 20] } }
})
} else if (data == '待批改') {
this.setState({
par: { ...this.state.par, ...{ sepStatusList: [30, 60] } }
})
} else if (data == '已批改') {
this.setState({
par: {
orderByPubTime: 1,
orderDesc: 1,
}
})
}
this.setState({
selectedValue: data
})
this.getListHomework()
},
onPickerCancel: data => {
console.log(data);
},
onPickerSelect: data => {
console.log('onPickerSelect', data);
}
});
Picker.show()
});
}
pinkeTime = () => {
Picker.isPickerShow(status => {
if (status) {
Picker.hide()
return
}
Picker.init({
pickerConfirmBtnText: '确定',
pickerCancelBtnText: '取消',
pickerTitleText: '请选择',
pickerData: this.state.pickerTime,
selectedValue: this.state.selectedTime,
onPickerConfirm: data => {
console.log('onPickerConfirm', data);
if (data == '发布时间正序') {
this.setState({
par: {
orderByPubTime: 1,
orderDesc: 1,
exerciseNameLike: this.state.par.exerciseNameLike,
sepStatusList: this.state.par.sepStatusList,
}
})
} else if (data == '开始时间正序') {
this.setState({
par: {
orderByOpenTime: 1,
// orderDesc: 1,
exerciseNameLike: this.state.par.exerciseNameLike,
sepStatusList: this.state.par.sepStatusList,
}
})
} else if (data == '开始时间倒序') {
this.setState({
par: {
orderByOpenTime: 1,
orderDesc: 1,
exerciseNameLike: this.state.par.exerciseNameLike,
sepStatusList: this.state.par.sepStatusList,
}
})
} else if (data == '截止时间正序') {
this.setState({
par: {
orderByCloseTime: 1,
// orderDesc: 1,
exerciseNameLike: this.state.par.exerciseNameLike,
sepStatusList: this.state.par.sepStatusList,
}
})
} else if (data == '截止时间倒序') {
this.setState({
par: {
orderByCloseTime: 1,
orderDesc: 1,
exerciseNameLike: this.state.par.exerciseNameLike,
sepStatusList: this.state.par.sepStatusList,
}
})
}
this.setState({
selectedTime: data
})
this.getListHomework()
},
onPickerCancel: data => {
console.log(data);
},
onPickerSelect: data => {
console.log('onPickerSelect', data);
}
});
Picker.show()
});
}
componentWillUnmount() {
// this.setState({
// uri:false,
// })
}
getListHomework = () => {
Constants.postJSONWithToken(Api.studentListHomework(this.state.par))
.then((response) => {
console.log('getListHomework', response);
return response.json();
})
.then(data => {
console.log('getListHomework', data.results);
if (data.success) {
if (data.data.results && data.data.results.length) {
this.setState({
listHomework: data.data.results
})
} else {
this.setState({
listHomework: false
})
}
}
console.log(this.listHomework)
// if (data.memo === '成功') {
// this.setState(data.data);
// setTimeout(this.init, 100);
// }
})
.catch(error => {
console.log('error', error)
});
}
typeName(type) {
if (type == '102') {
return '图文作业'
} else if (type == '101') {
return '题库作业'
} else if (type == '201') {
return '题库测评'
} else if (type == '301') {
return '题库堂测'
}
}
sepStatus(type) {
let day;
switch (type) {
case 10:
day = "未提交";
break;
case 70:
day = "已批改";
break;
case 20://完成中
day = "未提交";
break;
case 30:
day = "已提交待批改";
break;
case 40:
day = "未参与";
break;
case 50:
day = "待订正";
case 25:
day = "待订正";
break;
case 60:
day = "已提交待批改";
}
return day
}
renderRow = ({ item }) => {
// console.log(item,'exerciseNameexerciseName')
return (
<View style={homeWork.taskList}>
<View >
<Text style={{ fontSize: Constants.unitWidth * 14, color: '#F4A13D', lineHeight: Constants.unitWidth * 55 }}>{this.sepStatus(item.sepStatus)}</Text>
</View>
<View >
<Text style={{ fontSize: Constants.unitWidth * 16, color: '#333', paddingBottom: Constants.unitWidth * 10 }}>{item.exerciseName}</Text>
</View>
<View style={{ fontSize: Constants.unitWidth * 14, color: '#333', display: 'flex', flexDirection: 'row' }}>
<View style={{ paddingRight: Constants.unitWidth * 50 }} >
<Text style={{ lineHeight: Constants.unitWidth * 30 }}>班级：{item.rangeLvName}</Text>
<Text style={{ lineHeight: Constants.unitWidth * 32 }}>开始时间：{item.openTime}</Text>
<Text style={{ lineHeight: Constants.unitWidth * 32 }}>教师：{item.teacherName}</Text>
<Text style={{ lineHeight: Constants.unitWidth * 30 }}>提交人数：{item.stuSubmitCount}/{item.stuCount}</Text>
</View>
<View>
<Text style={{ lineHeight: Constants.unitWidth * 30 }}>类型：{this.typeName(item.exerciseType)}</Text>
<Text style={{ lineHeight: Constants.unitWidth * 32 }}>提交截止时间：{item.closeTime}</Text>
</View>
</View>
{(item.sepStatus == 20 || item.sepStatus == 10 || item.sepStatus == 30 || item.sepStatus == 60 || item.sepStatus == 25 || item.sepStatus == 50 || item.sepStatus == 70) &&
<View style={homeWork.taskListBtn}>
<Button onPress={() => {
this.props.navigation.navigate('doHomeworkWithImg', {
sepId: item.sepId,
refresh: () => this.getListHomework()
});
}}>
<View style={{ width: Constants.unitWidth * 96, height: Constants.unitWidth * 40, backgroundColor: '#F9AE2B', borderRadius: 4 }}>
{item.sepStatus == 70 && <Text style={{ lineHeight: Constants.unitWidth * 40, color: '#fff', textAlign: 'center' }}>查看批改</Text>}
{(item.sepStatus == 20 || item.sepStatus == 10) && <Text style={{ lineHeight: Constants.unitWidth * 40, color: '#fff', textAlign: 'center' }}>写作业</Text>}
{(item.sepStatus == 25 || item.sepStatus == 50) && <Text style={{ lineHeight: Constants.unitWidth * 40, color: '#fff', textAlign: 'center' }}>去订正</Text>}
{(item.sepStatus == 30 || item.sepStatus == 60) && <Text style={{ lineHeight: Constants.unitWidth * 40, color: '#fff', textAlign: 'center' }}>重新提交</Text>}
</View>
</Button>
</View>}
</View>
)
}
render() {
return (
<View>
<View style={homeWork.pageTitle}>
<View>
<Text>我的作业({this.state.listHomework ? this.state.listHomework.length : 0})</Text>
</View>
<View style={[homeWork.displayRow, {
width: Constants.unitWidth * 296,
}]}>
<View style={homeWork.displayRow}>
<TextInput style={{
borderWidth: Constants.unitWidth * 1,
borderColor: '#616161',
// borderRadius: Constants.unitWidth * 5,
// height: Constants.unitWidth * 110,
// marginTop: Constants.unitWidth * 10,
width: Constants.unitWidth * 160,
color: '#666',
padding: Constants.unitWidth * 5,
paddingLeft: 10,
}} onChangeText={(text) => {
if (text.length <= 10) {
this.setState({
par: { ...this.state.par, ...{ exerciseNameLike: text } }
})
}
}} value={this.state.note}
multiline={true} placeholder="请输入作业关键字" placeholderTextColor="#727272" />
<Button onPress={() => { this.getListHomework() }} >
<Icon name="text-search" size={30} color="#333333" />
</Button>
</View>
<Button onPress={() => { this.pinkeTime() }} >
<Icon name="sort-ascending" size={30} color="#333333" />
</Button>
<Button onPress={() => { this.pinkeState() }} >
<Icon name="sort-bool-ascending" size={30} color="#333333" />
</Button>
</View>
</View >
{/* <FlatList>
<View style={homeWork.itemWorp}>
<View style={homeWork.taskList}>
</View>
</View>
</FlatList> */}
<View style={homeWork.itemWorp}>
{
!this.state.listHomework &&
<Text style={homeWork.LookMoreStyle}>暂无作业</Text>
}
<FlatList
data={this.state.listHomework}
keyExtractor={(item, index) => index}
renderItem={this.renderRow}
// ListEmptyComponent={() => { return () }}
/>
{/* getItemLayout={(data,index)=>(
{length: AdaptationModel.scaleHeight(46), offset:AdaptationModel.scaleHeight(46) * index, index}
)} */}
{/* <View style={homeWork.taskList}>
<View >
<Text style={{ fontSize: Constants.unitWidth * 14, color: '#F4A13D', lineHeight: Constants.unitWidth * 55 }}>未提交</Text>
</View>
<View >
<Text style={{ fontSize: Constants.unitWidth * 16, color: '#333', paddingBottom: Constants.unitWidth * 10 }}>作业标题</Text>
</View>
<View style={{ fontSize: Constants.unitWidth * 14, color: '#333', display: 'flex', flexDirection: 'row' }}>
<View style={{ paddingRight: Constants.unitWidth * 50 }} >
<Text style={{ lineHeight: Constants.unitWidth * 30 }}>班级：二1班</Text>
<Text style={{ lineHeight: Constants.unitWidth * 32 }}>开始时间：2022-03-23 15:03：33</Text>
<Text style={{ lineHeight: Constants.unitWidth * 32 }}>教师：王老师</Text>
<Text style={{ lineHeight: Constants.unitWidth * 30 }}>提交人数：3/32</Text>
</View>
<View>
<Text style={{ lineHeight: Constants.unitWidth * 30 }}>类型：测评</Text>
<Text style={{ lineHeight: Constants.unitWidth * 32 }}>提交截止剩余时间：15:03：33</Text>
</View>
</View>
<View style={homeWork.taskListBtn}>
<Button onPress={() => {
this.props.navigation.navigate('doHomeworkWithImg', {
});
}}>
<View style={{ width: Constants.unitWidth * 96, height: Constants.unitWidth * 40, backgroundColor: '#F9AE2B', borderRadius: 4 }}>
<Text style={{ lineHeight: Constants.unitWidth * 40, color: '#fff', textAlign: 'center' }}>写作业</Text>
</View>
</Button>
</View>
</View>
<View style={homeWork.taskList}>
<View >
<Text style={{ fontSize: Constants.unitWidth * 14, color: '#F4A13D', lineHeight: Constants.unitWidth * 55 }}>已提交</Text>
</View>
<View >
<Text style={{ fontSize: Constants.unitWidth * 16, color: '#333', paddingBottom: Constants.unitWidth * 10 }}>作业标题</Text>
</View>
<View style={{ fontSize: Constants.unitWidth * 14, color: '#333', display: 'flex', flexDirection: 'row' }}>
<View style={{ paddingRight: Constants.unitWidth * 50 }} >
<Text style={{ lineHeight: Constants.unitWidth * 30 }}>班级：二1班</Text>
<Text style={{ lineHeight: Constants.unitWidth * 32 }}>开始时间：2022-03-23 15:03：33</Text>
<Text style={{ lineHeight: Constants.unitWidth * 32 }}>教师：王老师</Text>
<Text style={{ lineHeight: Constants.unitWidth * 30 }}>提交人数：3/32</Text>
</View>
<View>
<Text style={{ lineHeight: Constants.unitWidth * 30 }}>类型：测评</Text>
<Text style={{ lineHeight: Constants.unitWidth * 32 }}>提交截止剩余时间：15:03：33</Text>
</View>
</View>
<View style={homeWork.taskListBtn}>
<Button>
<View style={{ width: Constants.unitWidth * 96, height: Constants.unitWidth * 40, borderWidth: 1, borderColor: '#F9AE2B', borderRadius: 4 }}>
<Text style={{ lineHeight: Constants.unitWidth * 40, color: '#F9AE2B', textAlign: 'center' }}>去订正</Text>
</View>
</Button>
</View>
</View> */}
</View>
</View>
);
}
}
\ No newline at end of file
src/live/Index.tsx
View file @ 6c2cefb8
import React, {Component} from 'react'; import React, { Component } from 'react';
import {Image, View, Text, StatusBar, TextInput, ActionSheetIOS, Keyboard, FlatList, Modal, Platform, Animated, import {
DeviceEventEmitter, ScrollView, ImageBackground, TouchableHighlight, NativeEventEmitter, NativeModules} from 'react-native'; Image, View, Text, StatusBar, TextInput, ActionSheetIOS, Keyboard, FlatList, Modal, Platform, Animated,
DeviceEventEmitter, ScrollView, ImageBackground, TouchableHighlight, NativeEventEmitter, NativeModules
} from 'react-native';
import { WebView } from 'react-native-webview';
import CameraRoll from "@react-native-community/cameraroll"; import CameraRoll from "@react-native-community/cameraroll";
...@@ -49,9 +52,10 @@ import QA from "../components/QA"; ...@@ -49,9 +52,10 @@ import QA from "../components/QA";
import Color from '../components/Color'; import Color from '../components/Color';
import { captureScreen } from "react-native-view-shot"; import { captureScreen } from "react-native-view-shot";
const networkStatus = ['无网络', '极差', '差', '一般', '良好', '极好']; const networkStatus = ['无网络', '极差', '差', '一般', '良好', '极好'];
interface Props {} interface Props { }
interface State { interface State {
appId: string; appId: string;
...@@ -71,14 +75,19 @@ const pencelHeightMax = 20; ...@@ -71,14 +75,19 @@ const pencelHeightMax = 20;
import PhotoEditor from 'react-native-photo-editor'; import PhotoEditor from 'react-native-photo-editor';
import AddNote from "../components/AddNote"; import AddNote from "../components/AddNote";
import EditNote from "../components/EditNote"; import EditNote from "../components/EditNote";
import { RNLockScreen } from 'react-native-lock-screen'; // import { RNLockScreen } from 'react-native-lock-screen';
let webViewUrl = (Platform.OS === 'android' ? 'file:///android_asset/' : '') + `Static.bundle/dd.html`;
webViewUrl = `file:///android_asset/Static.bundle/index.html`
export default class Index extends Component<Props, State, HomeState, AppContextType> { export default class Index extends Component<Props, State, HomeState, AppContextType> {
_engine?: RtcEngine; _engine?: RtcEngine;
static contextType = AppContext; static contextType = AppContext;
context!: React.ContextType<typeof AppContext>; context!: React.ContextType<typeof AppContext>;
DeviceEventEmitter1: DeviceEventEmitter = null
DeviceEventEmitter2: DeviceEventEmitter = null
DeviceEventEmitter3: DeviceEventEmitter = null
DeviceEventEmitter4: DeviceEventEmitter = null
constructor(props) { constructor(props) {
super(props); super(props);
...@@ -149,6 +158,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -149,6 +158,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
randType: 'all', randType: 'all',
selectedIndex: 0, selectedIndex: 0,
showRandom: false, showRandom: false,
selNumList: [],
randStudents: [], randStudents: [],
randNum: 0, randNum: 0,
showRush: false, showRush: false,
...@@ -176,7 +186,10 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -176,7 +186,10 @@ export default class Index extends Component<Props, State, HomeState, AppContext
editNoteId: 0, editNoteId: 0,
noteRemark: '', noteRemark: '',
startTime: '00:00', startTime: '00:00',
showLook:false, showLook: false,
group: '',
webViewBoard: false,
}; };
this.msgList = null; this.msgList = null;
this.timer = null; this.timer = null;
...@@ -201,7 +214,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -201,7 +214,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
this.timer = setTimeout(this.durationInc, 1000); this.timer = setTimeout(this.durationInc, 1000);
} }
componentDidUpdate () { componentDidUpdate() {
} }
...@@ -214,9 +227,9 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -214,9 +227,9 @@ export default class Index extends Component<Props, State, HomeState, AppContext
showNetless2: true showNetless2: true
}); });
}); });
if(Platform.OS != 'ios'){ if (Platform.OS != 'ios') {
this.setState({ this.setState({
showNetless:true, showNetless: true,
showNetless2: true showNetless2: true
}); });
// setTimeout(e=>{ // setTimeout(e=>{
...@@ -230,7 +243,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -230,7 +243,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
let teacherName = ''; let teacherName = '';
if (this.props.route.params.teachers && this.props.route.params.teachers.length > 0) { if (this.props.route.params.teachers && this.props.route.params.teachers.length > 0) {
teacherUid = this.props.route.params.teachers[0].liveRoomUid; teacherUid = this.props.route.params.teachers[0].liveRoomUid;
teacherName = this.props.route.params.teachers[0].teacherName; teacherName = this.props.route.params.teachers[0].tchName;
} }
this.props.route.params.teacherUid = teacherUid; this.props.route.params.teacherUid = teacherUid;
this.props.route.params.teacherName = teacherName; this.props.route.params.teacherName = teacherName;
...@@ -258,37 +271,41 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -258,37 +271,41 @@ export default class Index extends Component<Props, State, HomeState, AppContext
}); });
}); });
DeviceEventEmitter.addListener('go2Login', () => { this.DeviceEventEmitter1 = DeviceEventEmitter.addListener('go2Login', () => {
this.props.navigation.goBack(); this.props.navigation.goBack();
}); });
DeviceEventEmitter.addListener('joinRoomSuccess', (data) => { this.DeviceEventEmitter2 = DeviceEventEmitter.addListener('joinRoomSuccess', (data) => {
console.log('joinRoomSuccess', data); console.log('joinRoomSuccess', data);
}); });
DeviceEventEmitter.addListener('rushAnswer', (data) => { this.DeviceEventEmitter3 = DeviceEventEmitter.addListener('rushAnswer', (data) => {
console.log(data, 'rushAnswer')
this.context.client.sendMessageToPeer({ this.context.client.sendMessageToPeer({
peerId: this.state.teacherUid, peerId: this.state.teacherUid,
offline: false, offline: false,
text: JSON.stringify({ text: JSON.stringify({
channelType: 'rushToAnswerStudent', channelType: 'rushToAnswerStudent',
name: this.state.studentName, name: this.state.studentName,
id: this.state.liveRoomUid uid: this.state.liveRoomUid,
stuId: this.props.route.params.stuScheduleId,
}) })
}).then((data) => { }).then((data) => {
console.log('send message', data); console.log('send message', data);
}); });
}); });
DeviceEventEmitter.addListener('saveAnswer', (data) => { this.DeviceEventEmitter4 = DeviceEventEmitter.addListener('saveAnswer', (data) => {
this.context.client.sendMessageToPeer({ this.context.client.sendMessageToPeer({
peerId: this.state.teacherUid, peerId: this.state.teacherUid,
offline: false, offline: false,
text: JSON.stringify({ text: JSON.stringify({
channelType: 'stuAnswerList', channelType: 'stuAnswerList',
uid: this.state.liveRoomUid, uid: this.state.liveRoomUid,
stuId: this.props.route.params.stuScheduleId,
time: data.time, time: data.time,
rightOption: data.rightOption replyOption: data.replyOption
}) })
}).then((data) => { }).then((data) => {
console.log('send message', data); console.log('send message', data);
...@@ -299,10 +316,64 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -299,10 +316,64 @@ export default class Index extends Component<Props, State, HomeState, AppContext
// console.log('live index', this.state); // console.log('live index', this.state);
// }, 3000) // }, 3000)
} }
onMessage = (event) => {
console.log(event, 'eventeventevent')
// console.log(file)
const imageDatas = event.nativeEvent.data.split('data:image/png;base64,');
const imageData = imageDatas[1];
let dirs = RNFS.CachesDirectoryPath;
let timestamp = (new Date()).getTime();//获取当前时间错
let random = String(((Math.random() * 1000000) | 0))//六位随机数
const downloadDest = `file://${dirs}/${timestamp}_${random}.png`;
console.log('保存文件', 'file://' + downloadDest);
RNFS.writeFile(downloadDest, imageData, 'base64').then(res => {
console.log(res, '保存成功')
Constants.uploadFile(Api.uploadFile({
file: downloadDest,
folder:'lesson',
})).then((response) => {
return response.json()
}).then(data => {
console.log('save image', data);
this.context.client.sendMessageToPeer({
peerId: this.state.teacherUid,
offline: false,
text: JSON.stringify({
channelType: this.state.webViewBoard,
uid: this.state.liveRoomUid,
stuId: this.props.route.params.stuScheduleId,
time: timestamp,
boardUrl:data.data.domain + data.data.fileList[0].key
})
})
setTimeout(() => {
this.setState({
webViewBoard:false
})
});
}).catch(error => {
console.log('save image error', error)
});
}).catch(err => {
console.log(err, '保存失败')
})
// let _this = this;
// this.uploadScreenShot(imageData)
// Constants.uploadbase64File(Api.uploadFile({
// file:imageData
// })).then((response) => {
// return response.json()
// }).then(data => {
// console.log('save image', data);
// }).catch(error => {
// console.log('save image error', error,)
// });
}
uploadScreenShot = (uri) => { uploadScreenShot = (uri) => {
Constants.uploadFile(Api.uploadFile({ Constants.uploadFile(Api.uploadFile({
file: uri file: uri,
folder:'lesson',
})).then((response) => { })).then((response) => {
return response.json() return response.json()
}) })
...@@ -314,7 +385,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -314,7 +385,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
showAddNote: true, showAddNote: true,
noteImage: image noteImage: image
}) })
}else{ } else {
console.log(data.memo) console.log(data.memo)
} }
}) })
...@@ -337,12 +408,12 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -337,12 +408,12 @@ export default class Index extends Component<Props, State, HomeState, AppContext
// return // return
// const screenShotShowImg = `data:image/png;base64,${uri}`; // const screenShotShowImg = `data:image/png;base64,${uri}`;
PhotoEditor.Edit({ PhotoEditor.Edit({
path: curi.replace('file:///','/'), path: curi.replace('file:///', '/'),
hiddenControls: ['save', 'share'], hiddenControls: ['save', 'share'],
onDone: (uri) => { onDone: (uri) => {
console.log('save image photo editor', uri); console.log('save image photo editor', uri);
// 上传文件 // 上传文件
this.uploadScreenShot('file://'+uri); this.uploadScreenShot('file://' + uri);
// this.setState({ // this.setState({
// showAddNote: true, // showAddNote: true,
// noteImage: uri // noteImage: uri
...@@ -380,11 +451,18 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -380,11 +451,18 @@ export default class Index extends Component<Props, State, HomeState, AppContext
} }
async componentWillUnmount() { async componentWillUnmount() {
this.DeviceEventEmitter1 && this.DeviceEventEmitter1.remove()
this.DeviceEventEmitter2 && this.DeviceEventEmitter2.remove()
this.DeviceEventEmitter3 && this.DeviceEventEmitter3.remove()
this.DeviceEventEmitter4 && this.DeviceEventEmitter4.remove()
if (this.timer) { if (this.timer) {
clearTimeout(this.timer); clearTimeout(this.timer);
} }
this.context.client.removeAllListeners() this.context.client.removeAllListeners()
// await this.context.client.leave(this.state.channelId); // await this.context.client.leave(this.state.channelId);
this.sendLessonActivityInOut('out')
await this.logout(); await this.logout();
StatusBar.setHidden(true) StatusBar.setHidden(true)
// this.setState = (state,callback)=>{ // this.setState = (state,callback)=>{
...@@ -421,8 +499,8 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -421,8 +499,8 @@ export default class Index extends Component<Props, State, HomeState, AppContext
* @description Function to initialize the Rtc Engine, attach event listeners and actions * @description Function to initialize the Rtc Engine, attach event listeners and actions
*/ */
init = async () => { init = async () => {
this.getRTMToken();
this.sendLessonActivityInOut('in')
console.log( console.log(
'initEngine', 'initEngine',
{ {
...@@ -434,6 +512,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -434,6 +512,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
}).then((e) => { }).then((e) => {
console.log('init white engine ok 1', e); console.log('init white engine ok 1', e);
this.getNetlessToken(); this.getNetlessToken();
// this.getRTMToken();
}); });
// this.startCall(); // this.startCall();
...@@ -604,10 +683,25 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -604,10 +683,25 @@ export default class Index extends Component<Props, State, HomeState, AppContext
await this._engine?.leaveChannel(); await this._engine?.leaveChannel();
this.setState({ peerIds: [], joinSucceed: false }); this.setState({ peerIds: [], joinSucceed: false });
}; };
sendLessonActivityInOut = async (type) => {
await Constants.postJSONWithToken(Api.sendLessonActivityInOut({
type: 1,
lessonId: this.state.lessonId || this.props.route.params.lessonId,
detail: {
id: this.state.stuScheduleId || this.props.route.params.stuScheduleId,
identity: 3,//用户身份 1:教师，2:联席教师，3:学生
inoutDetail: {
device: 3, //设备类型 1:PC(Windows) 2:Mac 3:安卓 4:iOS
type: type, //进出类型 in:进入教室 out:离开教室
time: parseInt(new Date().getTime() / 1000)
}
}
}))
}
logout = async () => { logout = async () => {
// await this.context.client.renewToken(this.state.rtmToken); // await this.context.client.renewToken(this.state.rtmToken);
// await this.context.client.leave(this.state.channelId); // await this.context.client.leave(this.state.channelId);
console.log(this.context)
await this.context.client.logout(); await this.context.client.logout();
// await this.context.client.destroy(); // await this.context.client.destroy();
// this.setState({ // this.setState({
...@@ -665,7 +759,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -665,7 +759,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
getNetlessToken = () => { getNetlessToken = () => {
Constants.get(Api.getNetlessToken({ Constants.get(Api.getNetlessToken({
netlessUuid: this.state.netlessUuid roomUuid: this.state.netlessUuid
})).then((response) => { })).then((response) => {
// console.log(response); // console.log(response);
return response.json(); return response.json();
...@@ -693,7 +787,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -693,7 +787,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
this.rtmEvent(); this.rtmEvent();
setTimeout(() => { setTimeout(() => {
this.context.client.getChannelAttributes(this.state.channelId) this.context.client.getChannelAttributes(this.state.channelId)
},200); }, 200);
}).catch((e) => { }).catch((e) => {
// alert('爸爸join failed'); // alert('爸爸join failed');
this.rtmEvent(); this.rtmEvent();
...@@ -701,6 +795,16 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -701,6 +795,16 @@ export default class Index extends Component<Props, State, HomeState, AppContext
} }
rtmEvent = () => { rtmEvent = () => {
this.context.client.on('MemberCountUpdated', (evt: any) => {
let peerIds = [];
evt.forEach(user => {
peerIds.push(parseInt(user.userId))
});
this.setState({
peerIds: [...peerIds],
});
})
this.context.client.on('attributesUpdated', (evt: any) => { this.context.client.on('attributesUpdated', (evt: any) => {
// 1 进入即 获取频道消息 初始化 视频位置 // 1 进入即 获取频道消息 初始化 视频位置
const { peerIds, movingIds, movingPositions, movingSizes, likes } = this.state; const { peerIds, movingIds, movingPositions, movingSizes, likes } = this.state;
...@@ -790,6 +894,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -790,6 +894,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
closeVideos: closeVideos closeVideos: closeVideos
}) })
} }
// console.log('event item', item); // console.log('event item', item);
if (item.key === "boardUser") { if (item.key === "boardUser") {
let value = JSON.parse(item.value); let value = JSON.parse(item.value);
...@@ -817,6 +922,28 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -817,6 +922,28 @@ export default class Index extends Component<Props, State, HomeState, AppContext
}); });
} }
} }
} else if (item.key === "AAAGroupState") {
let value = JSON.parse(item.value)
if (value.gpList && value.gpList.length && !this.state.group) {
let gp = '';
value.gpList.forEach((item, index) => {
item.gpStu.forEach(stu => {
if (stu.liveRoomUid == this.state.liveRoomUid) {
gp = item
gp.index = index
}
})
});
if (gp) {
this.setState({
group: gp,
// canEditWB: true,
showToast: true,
msg: '您被分在' + gp.gpName,
tipsIcon: require('../../images/common/success.png')
});
}
}
} else if (item.key === "muteUser") { } else if (item.key === "muteUser") {
let value = JSON.parse(item.value); let value = JSON.parse(item.value);
if (value.includes(parseInt(this.state.liveRoomUid))) { if (value.includes(parseInt(this.state.liveRoomUid))) {
...@@ -882,9 +1009,15 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -882,9 +1009,15 @@ export default class Index extends Component<Props, State, HomeState, AppContext
// let d = new Date(); // let d = new Date();
// d.setTime(value.time); // d.setTime(value.time);
// console.log('index, max', max, value, d); // console.log('index, max', max, value, d);
if (!value.pause) { // if (!value.pause) {
// 什么时候 max 需要减去 时间差？ // 什么时候 max 需要减去 时间差？
max -= Math.round(((new Date()).getTime() - value.time) / 1000); // max -= Math.round(((new Date()).getTime() - value.time) / 1000);
// max = Math.floor((new Date().getTime() - value.time) / 1000)
// }
let timeDiff = Math.floor((Math.abs(new Date().getTime() - value.time)) / 1000); // 现在的时间 比较存入频道属性时间已 过去多久
if (!value.pause) {
max = max - timeDiff
} }
// max ++; // max ++;
if (max < 0) { if (max < 0) {
...@@ -900,33 +1033,57 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -900,33 +1033,57 @@ export default class Index extends Component<Props, State, HomeState, AppContext
} else if (item.key === "randomStuState") { } else if (item.key === "randomStuState") {
//随机选人 //随机选人
let value = JSON.parse(item.value); let value = JSON.parse(item.value);
let students = []; if (value.selScope != 'all' && value.selScope !== this.state.group.index) {
if (value.type === 'online') { value.showModules = false
this.state.students.map((student) => {
if (this.state.peerIds.includes(parseInt(student.liveRoomUid))) {
students.push(student);
}
})
} else {
students = this.state.students;
} }
let selectedIndex = 0; let students = [];
if (value.rand) { // if (value.type === 'online') {
selectedIndex = (value.rand ) % students.length; // this.state.students.map((student) => {
console.log(selectedIndex,'selectedIndex') // if (this.state.peerIds.includes(parseInt(student.liveRoomUid))) {
} // students.push(student);
console.log('randomStuState', students, selectedIndex, value); // }
// })
// } else {
// students = this.state.students;
// }
// let selectedIndex = 0;
// if (value.rand) {
// selectedIndex = (value.rand) % students.length;
// console.log(selectedIndex, 'selectedIndex')
// }
// console.log('randomStuState', students, selectedIndex, value);
this.setState({ this.setState({
showRandom: value.showModules, showRandom: value.showModules,
randStudents: students, selNum: value.selNum,
selectedIndex: selectedIndex, selScope: value.selScope,
randNum: value.rand, // isAnstype: value.isAnstype,
random: Math.random(), selNumList: value.selNumList,
// randStudents: students,
// selectedIndex: selectedIndex,
// randNum: value.rand,
// random: Math.random(),
});
if (value.showModules && value.isAnstype == '2' && value.selNumList.includes(this.state.liveRoomUid)) {
setTimeout(() => {
this.setState({
webViewBoard: 'randomBoard'
});
}, 300);
// console.log(
// `http://192.168.0.102:8082?token=${Constants.token}&type=${this.state.webViewBoard}&host=${Api.uploadFile().host}`
// )
} else {
this.setState({
webViewBoard: false
}); });
}
} else if (item.key === "rushToAnswerState") { } else if (item.key === "rushToAnswerState") {
// 抢答器 // 抢答器
let value = JSON.parse(item.value); let value = JSON.parse(item.value);
// console.log('rushToAnswerState', value); if (value.selScope != 'all' && value.selScope !== this.state.group.index) {
value.showModules = false
}
console.log('rushToAnswerState', value);
let _times = value.valueTime.split(':'); let _times = value.valueTime.split(':');
let max = parseInt(_times[0]) * 3600 + parseInt(_times[1]) * 60 let max = parseInt(_times[0]) * 3600 + parseInt(_times[1]) * 60
+ parseInt(_times[2]); + parseInt(_times[2]);
...@@ -935,25 +1092,45 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -935,25 +1092,45 @@ export default class Index extends Component<Props, State, HomeState, AppContext
// console.log('index, max', max, value, d); // console.log('index, max', max, value, d);
if (value.rushing === 2) { if (value.rushing === 2) {
// 什么时候 max 需要减去 时间差？ // 什么时候 max 需要减去 时间差？
max -= Math.round(((new Date()).getTime() - value.time) / 1000); max -= Math.floor((Math.abs(new Date().getTime() - value.time)) / 1000);
} }
// alert(new Date().getTime() - value.time)
// if (max > 10) {
// max = 10
// }
// max ++; // max ++;
if (max < 0) { if (max < 0) {
max = 0; max = 0;
} }
// alert(max)
let answerStu = {}; let answerStu = {};
if (value.answerStu) { if (value.answerStu) {
answerStu = value.answerStu; answerStu = value.answerStu;
} }
this.setState({ this.setState({
showRush: value.showModules, showRush: value.showModules && value.rushing != 1,
rushMax: max, rushMax: max,
rushing: value.rushing, rushing: value.rushing,
answerStu: answerStu answerStu: answerStu
}) })
if (value.showModules && value.isRushtype == '2' && value.answerStu.uid == this.state.liveRoomUid) {
setTimeout(() => {
this.setState({
webViewBoard: 'rushBoard'
});
}, 300);
} else {
this.setState({
webViewBoard: false
});
}
} else if (item.key === "AnswerState") { } else if (item.key === "AnswerState") {
let value = JSON.parse(item.value); let value = JSON.parse(item.value);
console.log('AnswerState', value); console.log('AnswerState', value);
// alert(this.state.group.index)
if (this.state.group && value.selScope.length && value.selScope.indexOf (this.state.group.index) == -1 ) {
value.showModules = false
}
let _times = value.timeString.split(':'); let _times = value.timeString.split(':');
let max = parseInt(_times[0]) * 3600 + parseInt(_times[1]) * 60 let max = parseInt(_times[0]) * 3600 + parseInt(_times[1]) * 60
+ parseInt(_times[2]); + parseInt(_times[2]);
...@@ -963,8 +1140,9 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -963,8 +1140,9 @@ export default class Index extends Component<Props, State, HomeState, AppContext
let qaCurrentSec = max; let qaCurrentSec = max;
if (value.time) { if (value.time) {
// 什么时候 max 需要减去 时间差？ // 什么时候 max 需要减去 时间差？
qaCurrentSec = max - Math.round(((new Date()).getTime() - value.time) / 1000); qaCurrentSec = max - Math.floor((Math.abs(new Date().getTime() - value.time)) / 1000);
} }
console.log(qaCurrentSec, max)
// max ++; // max ++;
if (max < 0) { if (max < 0) {
max = 0; max = 0;
...@@ -973,7 +1151,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -973,7 +1151,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
qaCurrentSec = 0 qaCurrentSec = 0
} }
this.setState({ this.setState({
showQA: value.showModules && value.answerState === 2, showQA: value.showModules && value.answerState != 1,
qaMax: max, qaMax: max,
qaCurrentSec: qaCurrentSec, qaCurrentSec: qaCurrentSec,
answerState: value.answerState, answerState: value.answerState,
...@@ -986,6 +1164,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -986,6 +1164,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
students.push(student); students.push(student);
} }
}) })
console.log(students, students)
let value = JSON.parse(item.value); let value = JSON.parse(item.value);
this.setState({ this.setState({
answerList: value, answerList: value,
...@@ -1002,10 +1181,9 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1002,10 +1181,9 @@ export default class Index extends Component<Props, State, HomeState, AppContext
}); });
}); });
this.context.client.on('channelMemberJoined', (evt: any) => { this.context.client.on('channelMemberJoined', (evt: any) => {
alert(1) const { uid } = evt;
const {uid} = evt;
let list = this.state.list; let list = this.state.list;
for (let i = 0; i < this.state.students.length; i ++) { for (let i = 0; i < this.state.students.length; i++) {
if (parseInt(this.state.students[i].liveRoomUid) === parseInt(uid)) { if (parseInt(this.state.students[i].liveRoomUid) === parseInt(uid)) {
list.push({ list.push({
type: 'joined', type: 'joined',
...@@ -1026,11 +1204,9 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1026,11 +1204,9 @@ export default class Index extends Component<Props, State, HomeState, AppContext
}, 150); }, 150);
}); });
this.context.client.on('channelMemberLeft', (evt: any) => { this.context.client.on('channelMemberLeft', (evt: any) => {
alert(2) const { uid } = evt;
const {uid} = evt;
let list = this.state.list; let list = this.state.list;
for (let i = 0; i < this.state.students.length; i ++) { for (let i = 0; i < this.state.students.length; i++) {
if (parseInt(this.state.students[i].liveRoomUid) === parseInt(uid)) { if (parseInt(this.state.students[i].liveRoomUid) === parseInt(uid)) {
list.push({ list.push({
type: 'left', type: 'left',
...@@ -1053,7 +1229,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1053,7 +1229,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
this.context.client.on('channelMessageReceived', (evt: any) => { this.context.client.on('channelMessageReceived', (evt: any) => {
console.log('rtm channelMessageReceived222', evt); console.log('rtm channelMessageReceived222', evt);
const {uid, channelId, text} = evt; const { uid, channelId, text } = evt;
let list = this.state.list; let list = this.state.list;
let chatMsg = {}; let chatMsg = {};
try { try {
...@@ -1071,7 +1247,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1071,7 +1247,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
if (this.state.teacherUid !== uid) { if (this.state.teacherUid !== uid) {
// 学生发送图片 // 学生发送图片
let students = this.state.students; let students = this.state.students;
for (let i = 0; i < students.length; i ++) { for (let i = 0; i < students.length; i++) {
if (parseInt(students[i].liveRoomUid) === parseInt(uid)) { if (parseInt(students[i].liveRoomUid) === parseInt(uid)) {
nickname = students[i].studentName; nickname = students[i].studentName;
break; break;
...@@ -1119,19 +1295,20 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1119,19 +1295,20 @@ export default class Index extends Component<Props, State, HomeState, AppContext
tipsIcon: require('../../images/common/success.png') tipsIcon: require('../../images/common/success.png')
}); });
setTimeout(() => { setTimeout(() => {
this.props.navigation.replace('Comment', { // this.props.navigation.replace('Comment', {
course: { // course: {
lessonDate: this.state.lessonDate, // lessonDate: this.state.lessonDate,
startTime: this.state.startTime, // startTime: this.state.startTime,
endTime: this.state.endTime, // endTime: this.state.endTime,
classId: this.state.classId, // classId: this.state.classId,
classScheduleId: this.state.classScheduleId, // classScheduleId: this.state.classScheduleId,
studentId: this.state.liveRoomUid, // studentId: this.state.liveRoomUid,
teacherId: this.state.teacherUid, // teacherId: this.state.teacherUid,
studentName: this.state.studentName, // studentName: this.state.studentName,
courseName: this.state.courseName, // courseName: this.state.courseName,
} // }
}); // });
this.props.navigation.goBack();
}, 1500); }, 1500);
} }
...@@ -1165,23 +1342,23 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1165,23 +1342,23 @@ export default class Index extends Component<Props, State, HomeState, AppContext
// 判断被点赞的用户 是否是 被移动的用户 // 判断被点赞的用户 是否是 被移动的用户
let likedX = 0; let likedX = 0;
let likedY = 0; let likedY = 0;
let index= 0; let index = 0;
if (this.state.movingIds.includes(_likedUid)) { if (this.state.movingIds.includes(_likedUid)) {
index = this.state.movingIds.indexOf(_likedUid); index = this.state.movingIds.indexOf(_likedUid);
likedX = movingWidth * this.state.movingPositions[index].x + Constants.unitWidth * this.state.movingSizes[index].dragwidth / 4; likedX = movingWidth * this.state.movingPositions[index].x + Constants.unitWidth * this.state.movingSizes[index].dragwidth / 4;
likedY = movingHeight * this.state.movingPositions[index].y + Constants.unitWidth * 130 + Constants.statusBarHeight + Constants.unitWidth * this.state.movingSizes[index].dragheight / 4; likedY = movingHeight * this.state.movingPositions[index].y + Constants.unitWidth * 130 + Constants.statusBarHeight + Constants.unitWidth * this.state.movingSizes[index].dragheight / 4;
} else { } else {
// 不是被移动的用户 // 不是被移动的用户
let {peerIds, movingIds} = this.state; let { peerIds, movingIds } = this.state;
for (let i = 0; i < peerIds.length; i ++) { for (let i = 0; i < peerIds.length; i++) {
if (peerIds[i] === _likedUid) { if (peerIds[i] === _likedUid) {
break; break;
} }
if (!this.state.movingIds.includes(peerIds[i])) { if (!this.state.movingIds.includes(peerIds[i])) {
index ++; index++;
} }
} }
likedY = Constants.unitWidth * (44 + 43 ) + Constants.statusBarHeight; likedY = Constants.unitWidth * (44 + 43) + Constants.statusBarHeight;
let _left = (Constants.height - (peerIds.length - movingIds.length) * Constants.unitWidth * 170) * 0.5; let _left = (Constants.height - (peerIds.length - movingIds.length) * Constants.unitWidth * 170) * 0.5;
if (!this.state.movingIds.includes(parseInt(this.state.teacherUid))) { if (!this.state.movingIds.includes(parseInt(this.state.teacherUid))) {
_left += Constants.unitWidth * 170; _left += Constants.unitWidth * 170;
...@@ -1315,7 +1492,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1315,7 +1492,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
try { try {
var promise = CameraRoll.saveToCameraRoll('file://' + uri); var promise = CameraRoll.saveToCameraRoll('file://' + uri);
promise.then(function(result) { promise.then(function (result) {
setTimeout(() => { setTimeout(() => {
_this.setState({ _this.setState({
showToast: true, showToast: true,
...@@ -1324,7 +1501,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1324,7 +1501,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
}); });
}, 500); }, 500);
}).catch(function(error) { }).catch(function (error) {
console.log('保存文件 挂了', error); console.log('保存文件 挂了', error);
}); });
} catch (e) { } catch (e) {
...@@ -1385,12 +1562,16 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1385,12 +1562,16 @@ export default class Index extends Component<Props, State, HomeState, AppContext
this.setState({ this.setState({
showNetless: true showNetless: true
}); });
this.getRTMToken();
setTimeout(() => { setTimeout(() => {
//加入白板成功 //加入白板成功
// WhiteBoardEngine.setViewMode('follower'); // WhiteBoardEngine.setViewMode('follower');
// WhiteBoardEngine.disableDeviceInputs(true); // WhiteBoardEngine.disableDeviceInputs(true);
// WhiteBoardEngine.setBackGround('33,35,42,1'); // WhiteBoardEngine.setBackGround('33,35,42,1');
WhiteBoardEngine.disableCameraTransform(true); WhiteBoardEngine.disableCameraTransform(true);
WhiteBoardEngine.setBrushColor('rgb(255,255,255)').then(e => {
console.log(this.state.color, e, 'this.state.color')
});
}, 500); }, 500);
}); });
} }
...@@ -1399,7 +1580,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1399,7 +1580,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
// console.log('uids2222', this.state.peerIds, this.state.channelId); // console.log('uids2222', this.state.peerIds, this.state.channelId);
let result = []; let result = [];
/*1 先获取 老师*/ /*1 先获取 老师*/
for (let i = 0; i < this.state.peerIds.length; i ++) { for (let i = 0; i < this.state.peerIds.length; i++) {
if (parseInt(this.state.peerIds[i]) === parseInt(this.state.teacherUid) && !this.state.movingIds.includes(parseInt(this.state.teacherUid))) { if (parseInt(this.state.peerIds[i]) === parseInt(this.state.teacherUid) && !this.state.movingIds.includes(parseInt(this.state.teacherUid))) {
result.push(<ImageBackground imageStyle={LiveCSS.videoBg} source={require('../../images/common/camera.png')} style={LiveCSS.myVideoWrapper}> result.push(<ImageBackground imageStyle={LiveCSS.videoBg} source={require('../../images/common/camera.png')} style={LiveCSS.myVideoWrapper}>
<RtcRemoteView.SurfaceView <RtcRemoteView.SurfaceView
...@@ -1425,7 +1606,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1425,7 +1606,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
<Image style={{ <Image style={{
width: Constants.unitWidth * 50, width: Constants.unitWidth * 50,
height: Constants.unitWidth * 50, height: Constants.unitWidth * 50,
}} source={require('../../images/common/camera.png')}/> }} source={require('../../images/common/camera.png')} />
</View>} </View>}
</ImageBackground>); </ImageBackground>);
break; break;
...@@ -1438,7 +1619,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1438,7 +1619,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
if (parseInt(item) !== parseInt(this.state.teacherUid) && !this.state.movingIds.includes(item)) { if (parseInt(item) !== parseInt(this.state.teacherUid) && !this.state.movingIds.includes(item)) {
let username = ''; let username = '';
let students = this.state.students; let students = this.state.students;
for (let i = 0; i < students.length; i ++) { for (let i = 0; i < students.length; i++) {
if (parseInt(students[i].liveRoomUid) === parseInt(item)) { if (parseInt(students[i].liveRoomUid) === parseInt(item)) {
username = students[i].studentName; username = students[i].studentName;
break; break;
...@@ -1456,7 +1637,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1456,7 +1637,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
<View style={LiveCSS.videoInfoWrapper}> <View style={LiveCSS.videoInfoWrapper}>
<Text allowFontScaling={false} style={LiveCSS.videoNickname}>{username}</Text> <Text allowFontScaling={false} style={LiveCSS.videoNickname}>{username}</Text>
<View style={LiveCSS.videoInfoRight}> <View style={LiveCSS.videoInfoRight}>
<Image source={require('../../images/common/likes.png')} style={LiveCSS.likeImg}/> <Image source={require('../../images/common/likes.png')} style={LiveCSS.likeImg} />
<Text allowFontScaling={false} style={LiveCSS.likeNum}>{this.state.likes[parseInt(item)]}</Text> <Text allowFontScaling={false} style={LiveCSS.likeNum}>{this.state.likes[parseInt(item)]}</Text>
</View> </View>
</View> </View>
...@@ -1471,7 +1652,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1471,7 +1652,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
<Image style={{ <Image style={{
width: Constants.unitWidth * 50, width: Constants.unitWidth * 50,
height: Constants.unitWidth * 50, height: Constants.unitWidth * 50,
}} source={require('../../images/common/camera.png')}/> }} source={require('../../images/common/camera.png')} />
</View>} </View>}
</ImageBackground>) </ImageBackground>)
} else { } else {
...@@ -1486,7 +1667,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1486,7 +1667,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
<View style={LiveCSS.videoInfoWrapper}> <View style={LiveCSS.videoInfoWrapper}>
<Text allowFontScaling={false} style={LiveCSS.videoNickname}>{username}</Text> <Text allowFontScaling={false} style={LiveCSS.videoNickname}>{username}</Text>
<View style={LiveCSS.videoInfoRight}> <View style={LiveCSS.videoInfoRight}>
<Image source={require('../../images/common/likes.png')} style={LiveCSS.likeImg}/> <Image source={require('../../images/common/likes.png')} style={LiveCSS.likeImg} />
<Text allowFontScaling={false} style={LiveCSS.likeNum}>{this.state.likes[parseInt(item)]}</Text> <Text allowFontScaling={false} style={LiveCSS.likeNum}>{this.state.likes[parseInt(item)]}</Text>
</View> </View>
</View> </View>
...@@ -1501,7 +1682,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1501,7 +1682,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
<Image style={{ <Image style={{
width: Constants.unitWidth * 50, width: Constants.unitWidth * 50,
height: Constants.unitWidth * 50, height: Constants.unitWidth * 50,
}} source={require('../../images/common/camera.png')}/> }} source={require('../../images/common/camera.png')} />
</View>} </View>}
</ImageBackground>) </ImageBackground>)
} }
...@@ -1548,25 +1729,25 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1548,25 +1729,25 @@ export default class Index extends Component<Props, State, HomeState, AppContext
let image = null; let image = null;
switch (parseInt(this.state.networkStatus)) { switch (parseInt(this.state.networkStatus)) {
case 0: case 0:
image = <Image source={require('../../images/live/s0.png')} style={LiveCSS.signal}/> image = <Image source={require('../../images/live/s0.png')} style={LiveCSS.signal} />
break; break;
case 1: case 1:
image = <Image source={require('../../images/live/s1.png')} style={LiveCSS.signal}/> image = <Image source={require('../../images/live/s1.png')} style={LiveCSS.signal} />
break; break;
case 2: case 2:
image = <Image source={require('../../images/live/s2.png')} style={LiveCSS.signal}/> image = <Image source={require('../../images/live/s2.png')} style={LiveCSS.signal} />
break; break;
case 3: case 3:
image = <Image source={require('../../images/live/s3.png')} style={LiveCSS.signal}/> image = <Image source={require('../../images/live/s3.png')} style={LiveCSS.signal} />
break; break;
case 4: case 4:
image = <Image source={require('../../images/live/s4.png')} style={LiveCSS.signal}/> image = <Image source={require('../../images/live/s4.png')} style={LiveCSS.signal} />
break; break;
case 5: case 5:
image = <Image source={require('../../images/live/s5.png')} style={LiveCSS.signal}/> image = <Image source={require('../../images/live/s5.png')} style={LiveCSS.signal} />
break; break;
default: default:
image = <Image source={require('../../images/live/s0.png')} style={LiveCSS.signal}/> image = <Image source={require('../../images/live/s0.png')} style={LiveCSS.signal} />
break; break;
} }
return image; return image;
...@@ -1613,11 +1794,11 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1613,11 +1794,11 @@ export default class Index extends Component<Props, State, HomeState, AppContext
}); });
} }
rendeNote = ({item, index}) => { rendeNote = ({ item, index }) => {
return <TouchableHighlight underlayColor="transparent" return <TouchableHighlight underlayColor="transparent"
activeOpacity={0.3} key={index} onPress={() => { activeOpacity={0.3} key={index} onPress={() => {
}}><View style={LiveCSS.noteWrapper} > }}><View style={LiveCSS.noteWrapper} >
<Image source={{uri: item.noteUrl}} style={LiveCSS.noteImage} resizeMode="contain"/> <Image source={{ uri: item.noteUrl }} style={LiveCSS.noteImage} resizeMode="contain" />
<View style={LiveCSS.noteCreateTimeWrapper}> <View style={LiveCSS.noteCreateTimeWrapper}>
<Text allowFontScaling={false} style={LiveCSS.noteCreateTime}>创建时间：</Text> <Text allowFontScaling={false} style={LiveCSS.noteCreateTime}>创建时间：</Text>
<Text allowFontScaling={false} style={LiveCSS.noteCreateTime}>{this.getNoteTime(item.createTime)}</Text> <Text allowFontScaling={false} style={LiveCSS.noteCreateTime}>{this.getNoteTime(item.createTime)}</Text>
...@@ -1632,7 +1813,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1632,7 +1813,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
noteRemark: item.remark noteRemark: item.remark
}) })
}}> }}>
<View style={LiveCSS.noteOption}><Image source={require('../../images/common/edit.png')} style={LiveCSS.noteOptionImage}/></View> <View style={LiveCSS.noteOption}><Image source={require('../../images/common/edit.png')} style={LiveCSS.noteOptionImage} /></View>
</Button> </Button>
<Button onPress={() => { <Button onPress={() => {
this.setState({ this.setState({
...@@ -1640,13 +1821,13 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1640,13 +1821,13 @@ export default class Index extends Component<Props, State, HomeState, AppContext
showDeleteConfirm: true showDeleteConfirm: true
}) })
}}> }}>
<View style={LiveCSS.noteOption}><Image source={require('../../images/common/remove.png')} style={LiveCSS.noteOptionImage}/></View> <View style={LiveCSS.noteOption}><Image source={require('../../images/common/remove.png')} style={LiveCSS.noteOptionImage} /></View>
</Button> </Button>
</View> </View>
</View></TouchableHighlight> </View></TouchableHighlight>
} }
renderChatItem = ({item, index}) => { renderChatItem = ({ item, index }) => {
let showDate = false; let showDate = false;
if (index === 0) { if (index === 0) {
showDate = true; showDate = true;
...@@ -1705,17 +1886,17 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1705,17 +1886,17 @@ export default class Index extends Component<Props, State, HomeState, AppContext
this.imageClick([{ this.imageClick([{
url: '', url: '',
props: { props: {
source: { uri: "file://" + item.file}, source: { uri: "file://" + item.file },
}, },
uri: item.file, uri: item.file,
width: width, width: width,
height: height height: height
}], 0) }], 0)
}}> }}>
<Image source={{uri: "file://" + item.file}} style={{ <Image source={{ uri: "file://" + item.file }} style={{
width: item.width, width: item.width,
height: item.height , height: item.height,
}}/> }} />
</Button> </Button>
</View> </View>
</View>) </View>)
...@@ -1745,17 +1926,17 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1745,17 +1926,17 @@ export default class Index extends Component<Props, State, HomeState, AppContext
this.imageClick([{ this.imageClick([{
url: '', url: '',
props: { props: {
source: { uri: "file://" + item.file} source: { uri: "file://" + item.file }
}, },
uri: item.file, uri: item.file,
width: item.width, width: item.width,
height: item.height, height: item.height,
}], 0) }], 0)
}}> }}>
<Image source={{uri: "file://" + item.file}} style={{ <Image source={{ uri: "file://" + item.file }} style={{
width: item.width, width: item.width,
height: item.height , height: item.height,
}}/> }} />
</Button> </Button>
</View> </View>
</View>) </View>)
...@@ -1804,7 +1985,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1804,7 +1985,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
if (item === parseInt(this.state.teacherUid)) { if (item === parseInt(this.state.teacherUid)) {
username = this.state.teacherName; username = this.state.teacherName;
} else { } else {
for (let i = 0; i < students.length; i ++) { for (let i = 0; i < students.length; i++) {
if (parseInt(students[i].liveRoomUid) === parseInt(item)) { if (parseInt(students[i].liveRoomUid) === parseInt(item)) {
username = students[i].studentName; username = students[i].studentName;
break; break;
...@@ -1837,7 +2018,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1837,7 +2018,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
}]}> }]}>
<Text allowFontScaling={false} style={LiveCSS.videoNickname}>{username}++</Text> <Text allowFontScaling={false} style={LiveCSS.videoNickname}>{username}++</Text>
<View style={LiveCSS.videoInfoRight}> <View style={LiveCSS.videoInfoRight}>
<Image source={require('../../images/common/likes.png')} style={LiveCSS.likeImg}/> <Image source={require('../../images/common/likes.png')} style={LiveCSS.likeImg} />
<Text allowFontScaling={false} style={LiveCSS.likeNum}>{this.state.likes[parseInt(item)]}</Text> <Text allowFontScaling={false} style={LiveCSS.likeNum}>{this.state.likes[parseInt(item)]}</Text>
</View> </View>
</View> </View>
...@@ -1852,7 +2033,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1852,7 +2033,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
<Image style={{ <Image style={{
width: Constants.unitWidth * 50, width: Constants.unitWidth * 50,
height: Constants.unitWidth * 50, height: Constants.unitWidth * 50,
}} source={require('../../images/common/camera.png')}/> }} source={require('../../images/common/camera.png')} />
</View>} </View>}
</ImageBackground>) </ImageBackground>)
} else { } else {
...@@ -1880,7 +2061,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1880,7 +2061,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
<Text allowFontScaling={false} style={LiveCSS.videoNickname}>{username} --</Text> <Text allowFontScaling={false} style={LiveCSS.videoNickname}>{username} --</Text>
{item !== parseInt(this.state.teacherUid) && {item !== parseInt(this.state.teacherUid) &&
<View style={LiveCSS.videoInfoRight}> <View style={LiveCSS.videoInfoRight}>
<Image source={require('../../images/common/likes.png')} style={LiveCSS.likeImg}/> <Image source={require('../../images/common/likes.png')} style={LiveCSS.likeImg} />
<Text allowFontScaling={false} style={LiveCSS.likeNum}>{this.state.likes[parseInt(item)]}</Text> <Text allowFontScaling={false} style={LiveCSS.likeNum}>{this.state.likes[parseInt(item)]}</Text>
</View>} </View>}
</View> </View>
...@@ -1895,7 +2076,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -1895,7 +2076,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
<Image style={{ <Image style={{
width: Constants.unitWidth * 50, width: Constants.unitWidth * 50,
height: Constants.unitWidth * 50, height: Constants.unitWidth * 50,
}} source={require('../../images/common/camera.png')}/> }} source={require('../../images/common/camera.png')} />
</View>} </View>}
</ImageBackground>) </ImageBackground>)
} }
...@@ -2022,16 +2203,16 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2022,16 +2203,16 @@ export default class Index extends Component<Props, State, HomeState, AppContext
}]}> }]}>
<StatusBar <StatusBar
hidden={false} hidden={false}
backgroundColor="#30323D" backgroundColor="#0E5C4A"
barStyle="light-content" barStyle="light-content"
/> />
<View style={{ <View style={{
height: Constants.statusBarHeight, height: Constants.statusBarHeight,
backgroundColor: '#30323D' backgroundColor: '#0E5C4A'
}}></View> }}></View>
{this.state.showLike && <Like onAnimateEnded={this.showLikeEnd} x={this.state.likedX} y={this.state.likedY}/>} {this.state.showLike && <Like onAnimateEnded={this.showLikeEnd} x={this.state.likedX} y={this.state.likedY} />}
<TouchableHighlight style={{flex: 1}} onPress={() => { <TouchableHighlight style={{ flex: 1 }} onPress={() => {
Keyboard.dismiss(); Keyboard.dismiss();
}} underlayColor="rgba(255, 255, 255, 0)" activeOpacity={1}> }} underlayColor="rgba(255, 255, 255, 0)" activeOpacity={1}>
{/*<KeyboardAwareScrollView*/} {/*<KeyboardAwareScrollView*/}
...@@ -2068,7 +2249,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2068,7 +2249,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
width: movingWidth, width: movingWidth,
height: movingHeight, height: movingHeight,
position: 'relative', position: 'relative',
backgroundColor: '#2D3037' backgroundColor: '#0E5C4A'
}}> }}>
{/*{this.renderMovingVideo()}*/} {/*{this.renderMovingVideo()}*/}
{ {
...@@ -2078,7 +2259,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2078,7 +2259,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
if (item === parseInt(this.state.teacherUid)) { if (item === parseInt(this.state.teacherUid)) {
username = this.state.teacherName; username = this.state.teacherName;
} else { } else {
for (let i = 0; i < students.length; i ++) { for (let i = 0; i < students.length; i++) {
if (parseInt(students[i].liveRoomUid) === parseInt(item)) { if (parseInt(students[i].liveRoomUid) === parseInt(item)) {
username = students[i].studentName; username = students[i].studentName;
break; break;
...@@ -2110,7 +2291,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2110,7 +2291,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
}]}> }]}>
<Text allowFontScaling={false} style={LiveCSS.videoNickname}>{username}</Text> <Text allowFontScaling={false} style={LiveCSS.videoNickname}>{username}</Text>
<View style={LiveCSS.videoInfoRight}> <View style={LiveCSS.videoInfoRight}>
<Image source={require('../../images/common/likes.png')} style={LiveCSS.likeImg}/> <Image source={require('../../images/common/likes.png')} style={LiveCSS.likeImg} />
<Text allowFontScaling={false} style={LiveCSS.likeNum}>{this.state.likes[parseInt(item)]}</Text> <Text allowFontScaling={false} style={LiveCSS.likeNum}>{this.state.likes[parseInt(item)]}</Text>
</View> </View>
</View> </View>
...@@ -2125,7 +2306,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2125,7 +2306,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
<Image style={{ <Image style={{
width: Constants.unitWidth * 50, width: Constants.unitWidth * 50,
height: Constants.unitWidth * 50, height: Constants.unitWidth * 50,
}} source={require('../../images/common/camera.png')}/> }} source={require('../../images/common/camera.png')} />
</View>} </View>}
</ImageBackground>; </ImageBackground>;
} else { } else {
...@@ -2153,7 +2334,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2153,7 +2334,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
<Text allowFontScaling={false} style={LiveCSS.videoNickname}>{username}</Text> <Text allowFontScaling={false} style={LiveCSS.videoNickname}>{username}</Text>
{item !== parseInt(this.state.teacherUid) && {item !== parseInt(this.state.teacherUid) &&
<View style={LiveCSS.videoInfoRight}> <View style={LiveCSS.videoInfoRight}>
<Image source={require('../../images/common/likes.png')} style={LiveCSS.likeImg}/> <Image source={require('../../images/common/likes.png')} style={LiveCSS.likeImg} />
<Text allowFontScaling={false} style={LiveCSS.likeNum}>{this.state.likes[parseInt(item)]}</Text> <Text allowFontScaling={false} style={LiveCSS.likeNum}>{this.state.likes[parseInt(item)]}</Text>
</View>} </View>}
</View> </View>
...@@ -2168,7 +2349,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2168,7 +2349,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
<Image style={{ <Image style={{
width: Constants.unitWidth * 50, width: Constants.unitWidth * 50,
height: Constants.unitWidth * 50, height: Constants.unitWidth * 50,
}} source={require('../../images/common/camera.png')}/> }} source={require('../../images/common/camera.png')} />
</View>} </View>}
</ImageBackground>; </ImageBackground>;
} }
...@@ -2178,9 +2359,11 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2178,9 +2359,11 @@ export default class Index extends Component<Props, State, HomeState, AppContext
this.state.showNetless && <RCTTICBridgeView styleBox={[LiveCSS.wbWrapper, { this.state.showNetless && <RCTTICBridgeView styleBox={[LiveCSS.wbWrapper, {
display: this.state.showNetless2 ? 'flex' : 'none', display: this.state.showNetless2 ? 'flex' : 'none',
zIndex: this.state.canEditWB && this.state.wbTool !== '' ? 100 : -1 zIndex: this.state.canEditWB && this.state.wbTool !== '' ? 100 : -1
}]}/> }]} />
} }
<View style={[LiveCSS.wbWrapper,{backgroundColor: 'none',zIndex:1}]}></View>
<View style={[LiveCSS.wbWrapper, { backgroundColor: 'none', zIndex: 1 }]}></View>
{/*文字爆嗨窗口 x: Constants.height - Constants.unitWidth * 310, {/*文字爆嗨窗口 x: Constants.height - Constants.unitWidth * 310,
y: Constants.unitWidth * 156 */} y: Constants.unitWidth * 156 */}
{ {
...@@ -2199,9 +2382,9 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2199,9 +2382,9 @@ export default class Index extends Component<Props, State, HomeState, AppContext
showsVerticalScrollIndicator={false} showsVerticalScrollIndicator={false}
data={this.state.list} data={this.state.list}
renderItem={this.renderChatItem} renderItem={this.renderChatItem}
ref={(ref) => {this.msgList = ref;}} ref={(ref) => { this.msgList = ref; }}
onLayout={({nativeEvent:e})=>this.msgListLayout(e)} onLayout={({ nativeEvent: e }) => this.msgListLayout(e)}
onContentSizeChange={({nativeEvent:e})=>this.msgListLayout(e)} onContentSizeChange={({ nativeEvent: e }) => this.msgListLayout(e)}
/> />
</View> </View>
<View style={LiveCSS.chatBtnWrapper}> <View style={LiveCSS.chatBtnWrapper}>
...@@ -2228,7 +2411,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2228,7 +2411,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
<Image source={require('../../images/live/camera.png')} style={{ <Image source={require('../../images/live/camera.png')} style={{
width: Constants.unitWidth * 15, width: Constants.unitWidth * 15,
height: Constants.unitWidth * 15, height: Constants.unitWidth * 15,
}}/> }} />
</View> </View>
</Button> </Button>
</View> </View>
...@@ -2236,8 +2419,8 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2236,8 +2419,8 @@ export default class Index extends Component<Props, State, HomeState, AppContext
} }
{ {
this.state.showNote && this.state.showNote &&
<View style={[LiveCSS.chatBox, { <View style={[LiveCSS.chatBx, {
display: this.state.showNote ? 'flex' : 'none' display: this.state.shoowNote ? 'flex' : 'none'
}]}> }]}>
<View style={[LiveCSS.chatBoxHeader, PublicCSS.centerAll]}> <View style={[LiveCSS.chatBoxHeader, PublicCSS.centerAll]}>
<Text onPress={() => { <Text onPress={() => {
...@@ -2258,7 +2441,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2258,7 +2441,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
<ScrollView> <ScrollView>
{ {
this.state.noteList.map((item, index) => { this.state.noteList.map((item, index) => {
return this.rendeNote({item, index}); return this.rendeNote({ item, index });
}) })
} }
</ScrollView> </ScrollView>
...@@ -2303,7 +2486,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2303,7 +2486,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
} }
}} containerStyle={LiveCSS.toolbarIconWrapper}> }} containerStyle={LiveCSS.toolbarIconWrapper}>
<Image style={LiveCSS.toolbarIcon} source={this.state.wbTool === 'selector' ? require('../../images/live/jiantou-active.png') : require('../../images/live/jiantou.png')}/> <Image style={LiveCSS.toolbarIcon} source={this.state.wbTool === 'selector' ? require('../../images/live/jiantou-active.png') : require('../../images/live/jiantou.png')} />
</Button> </Button>
<Button onPress={() => { <Button onPress={() => {
if (!this.state.canEditWB) { if (!this.state.canEditWB) {
...@@ -2331,7 +2514,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2331,7 +2514,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
} }
}} containerStyle={LiveCSS.toolbarIconWrapper}> }} containerStyle={LiveCSS.toolbarIconWrapper}>
<Image style={LiveCSS.toolbarIcon} source={this.state.wbTool === 'pencil' ? require('../../images/live/qianbi-active.png') : require('../../images/live/qianbi.png')}/> <Image style={LiveCSS.toolbarIcon} source={this.state.wbTool === 'pencil' ? require('../../images/live/qianbi-active.png') : require('../../images/live/qianbi.png')} />
</Button> </Button>
<Button onPress={() => { <Button onPress={() => {
if (!this.state.canEditWB) { if (!this.state.canEditWB) {
...@@ -2359,7 +2542,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2359,7 +2542,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
} }
}} containerStyle={LiveCSS.toolbarIconWrapper}> }} containerStyle={LiveCSS.toolbarIconWrapper}>
<Image style={LiveCSS.toolbarIcon} source={this.state.wbTool === 'text' ? require('../../images/live/wenzi-active.png') : require('../../images/live/wenzi.png')}/> <Image style={LiveCSS.toolbarIcon} source={this.state.wbTool === 'text' ? require('../../images/live/wenzi-active.png') : require('../../images/live/wenzi.png')} />
</Button> </Button>
<Button onPress={() => { <Button onPress={() => {
if (!this.state.canEditWB) { if (!this.state.canEditWB) {
...@@ -2385,11 +2568,11 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2385,11 +2568,11 @@ export default class Index extends Component<Props, State, HomeState, AppContext
} }
}} containerStyle={LiveCSS.toolbarIconWrapper}> }} containerStyle={LiveCSS.toolbarIconWrapper}>
<Image style={LiveCSS.toolbarIcon} source={this.state.wbTool === 'eraser' ? require('../../images/live/xiangpi-active.png') : require('../../images/live/xiangpi.png')}/> <Image style={LiveCSS.toolbarIcon} source={this.state.wbTool === 'eraser' ? require('../../images/live/xiangpi-active.png') : require('../../images/live/xiangpi.png')} />
</Button> </Button>
</View> </View>
<View style={LiveCSS.toolbarRight}> <View style={LiveCSS.toolbarRight}>
<Button onPress={() => { {/* <Button onPress={() => {
if (!this.state.showNote) { if (!this.state.showNote) {
this.getNoteList(); this.getNoteList();
} }
...@@ -2400,7 +2583,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2400,7 +2583,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
}); });
}} containerStyle={LiveCSS.toolbarIconWrapper}>< }} containerStyle={LiveCSS.toolbarIconWrapper}><
Image style={LiveCSS.toolbarIcon} Image style={LiveCSS.toolbarIcon}
source={this.state.showNote ? require('../../images/live/biji-active.png') : require('../../images/live/biji.png')}/> source={this.state.showNote ? require('../../images/live/biji-active.png') : require('../../images/live/biji.png')} />
</Button> </Button>
<Button onPress={() => { <Button onPress={() => {
this.setState({ this.setState({
...@@ -2415,10 +2598,10 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2415,10 +2598,10 @@ export default class Index extends Component<Props, State, HomeState, AppContext
width: Constants.unitWidth * 44, width: Constants.unitWidth * 44,
height: Constants.unitWidth * 44, height: Constants.unitWidth * 44,
}}> }}>
<Image style={LiveCSS.toolbarIcon} source={this.state.showChat ? require('../../images/live/xiaoxi-active.png') : require('../../images/live/xiaoxi.png')}/> <Image style={LiveCSS.toolbarIcon} source={this.state.showChat ? require('../../images/live/xiaoxi-active.png') : require('../../images/live/xiaoxi.png')} />
{this.state.hasNewMsg && <View style={LiveCSS.showChatPot}></View>} {this.state.hasNewMsg && <View style={LiveCSS.showChatPot}></View>}
</View> </View>
</Button> </Button> */}
{/* <Button onPress={() => { {/* <Button onPress={() => {
this.setState({ this.setState({
showSetting: !this.state.showSetting, showSetting: !this.state.showSetting,
...@@ -2488,7 +2671,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2488,7 +2671,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
circleColorInactive="#E5DAD8" circleColorInactive="#E5DAD8"
ios_backgroundColor="#3e3e3e" ios_backgroundColor="#3e3e3e"
onSyncPress={this.toggleMirrorMode} onSyncPress={this.toggleMirrorMode}
value={this.state.mirrorMode === 2 ? false: true} value={this.state.mirrorMode === 2 ? false : true}
style={{ style={{
height: Constants.unitWidth * 24, height: Constants.unitWidth * 24,
width: Constants.unitWidth * 48 width: Constants.unitWidth * 48
...@@ -2578,9 +2761,9 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2578,9 +2761,9 @@ export default class Index extends Component<Props, State, HomeState, AppContext
}) })
}} }}
renderImage={(props) => { renderImage={(props) => {
return <Image {...props}/> return <Image {...props} />
}} }}
menus={({cancel, saveToLocal}) => { menus={({ cancel, saveToLocal }) => {
return <View style={[{ return <View style={[{
width: Constants.height, width: Constants.height,
height: Constants.unitWidth * 121, height: Constants.unitWidth * 121,
...@@ -2648,7 +2831,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2648,7 +2831,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
this.setState({ this.setState({
showToast: false showToast: false
}) })
}} show={this.state.showToast} msg={this.state.msg} icon={this.state.tipsIcon}/> }} show={this.state.showToast} msg={this.state.msg} icon={this.state.tipsIcon} />
{this.state.showKeyboard && <KeyboardAccessoryView> {this.state.showKeyboard && <KeyboardAccessoryView>
{({ isKeyboardVisible }) => { {({ isKeyboardVisible }) => {
// if (isKeyboardVisible) { // if (isKeyboardVisible) {
...@@ -2656,7 +2839,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2656,7 +2839,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
// } // }
return ( return (
<View style={LiveCSS.accessoryView}> <View style={LiveCSS.accessoryView}>
<TextInput ref={(ref)=>{this.inputRef = ref}} allowFontScaling={false} <TextInput ref={(ref) => { this.inputRef = ref }} allowFontScaling={false}
onChangeText={(text) => { onChangeText={(text) => {
if (this.state.inputElem === 'chat') { if (this.state.inputElem === 'chat') {
this.setState({ this.setState({
...@@ -2811,33 +2994,33 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2811,33 +2994,33 @@ export default class Index extends Component<Props, State, HomeState, AppContext
</Animated.View> </Animated.View>
</TouchableHighlight>} </TouchableHighlight>}
{ {
this.state.showAlarm && <Alarm max={this.state.max} start={this.state.start}/> this.state.showAlarm && <Alarm max={this.state.max} start={this.state.start} />
} }
{this.state.showRandom && <Random random={this.state.random} students={this.state.randStudents} selectedIndex={this.state.selectedIndex} randNum={this.state.randNum}/>} {this.state.showRandom && <Random uid={this.state.liveRoomUid} selNumList={this.state.selNumList} random={this.state.random} students={this.state.students} selectedIndex={this.state.selectedIndex} randNum={this.state.randNum} />}
{this.state.showRush && <Rush rushing={this.state.rushing} rushMax={this.state.rushMax} answerStu={this.state.answerStu}/>} {this.state.showRush && <Rush rushing={this.state.rushing} rushMax={this.state.rushMax} answerStu={this.state.answerStu} />}
{this.state.showQA && <QA max={this.state.qaMax} currentMax={this.state.qaCurrentSec} answerState={this.state.answerState} {this.state.showQA && <QA max={this.state.qaMax} currentMax={this.state.qaCurrentSec} answerState={this.state.answerState}
selectButton={this.state.selectButton} answerList={this.state.answerList} selectButton={this.state.selectButton} answerList={this.state.answerList}
uid={this.state.liveRoomUid} students={this.state.onlineStudents}/>} uid={this.state.liveRoomUid} students={this.state.onlineStudents} />}
{this.state.showColor && <Color color={this.state.color} value={this.state.pencilHeightRate} setData={(data) => { {this.state.showColor && <Color color={this.state.color} value={this.state.pencilHeightRate} setData={(data) => {
this.setState(data); this.setState(data);
setTimeout(() => { setTimeout(() => {
WhiteBoardEngine.setBrushColor(this.state.color).then(e=>{ WhiteBoardEngine.setBrushColor(this.state.color).then(e => {
console.log(this.state.color,e,'this.state.color') console.log(this.state.color, e, 'this.state.color')
}); });
WhiteBoardEngine.setBrushThin(Math.ceil(this.state.pencilHeightRate * pencelHeightMax)).then(e=>{ WhiteBoardEngine.setBrushThin(Math.ceil(this.state.pencilHeightRate * pencelHeightMax)).then(e => {
console.log(this.state.pencilHeightRate,e,'this.state.pencilHeightRate') console.log(this.state.pencilHeightRate, e, 'this.state.pencilHeightRate')
});; });;
}, 100) }, 100)
}}/>} }} />}
{ {
this.state.showViewShot && <Image style={{ this.state.showViewShot && <Image style={{
width: Constants.height, width: Constants.height,
height: Constants.width, height: Constants.width,
position: 'absolute', position: 'absolute',
zIndex: 10000 zIndex: 10000
}} source={{uri: this.state.viewShot}}/> }} source={{ uri: this.state.viewShot }} />
} }
{ {
this.state.showAddNote && <AddNote show={this.state.showAddNote} cancel={() => { this.state.showAddNote && <AddNote show={this.state.showAddNote} cancel={() => {
...@@ -2845,7 +3028,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2845,7 +3028,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
showAddNote: false, showAddNote: false,
showNote: true showNote: true
}) })
}} onHide={()=>{ }} onHide={() => {
this.setState({ this.setState({
showAddNote: false showAddNote: false
}) })
...@@ -2861,12 +3044,12 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2861,12 +3044,12 @@ export default class Index extends Component<Props, State, HomeState, AppContext
/> />
} }
{ {
this.state.showEditNote&& <EditNote show={this.state.showEditNote} cancel={() => { this.state.showEditNote && <EditNote show={this.state.showEditNote} cancel={() => {
this.setState({ this.setState({
showEditNote: false, showEditNote: false,
showNote: true showNote: true
}) })
}} onHide={()=>{ }} onHide={() => {
this.setState({ this.setState({
showEditNote: false showEditNote: false
}) })
...@@ -2887,11 +3070,55 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2887,11 +3070,55 @@ export default class Index extends Component<Props, State, HomeState, AppContext
this.setState({ this.setState({
showDeleteConfirm: false showDeleteConfirm: false
}) })
}} onConfirm={this.removeNote}/>} }} onConfirm={this.removeNote} />}
{this.state.webViewBoard &&
// <View style={[LiveCSS.wbWrapper, { backgroundColor: 'red', height:Constants.width - Constants.statusBarHeight,zIndex: 10 }]}>
// </View>
<View style={{ width: '100%', height: '100%', overflow: 'hidden', position: 'absolute', zIndex: 11, backgroundColor: '#0E5C4A', }}>
<WebView
source={{ uri: `${webViewUrl}?token=${Constants.token}&type=${this.state.webViewBoard}}`, method: 'GET', headers: { 'Cache-Control': 'no-cache' } }}
style={{ width: '100%', height: '100%' }}
mixedContentMode='compatibility'
onMessage={this.onMessage}
onLoadEnd={(syntheticEvent) => {
// update component to be aware of loading status
const { nativeEvent } = syntheticEvent;
console.log('onLoadEnd error: ', nativeEvent);
// this.isLoading = nativeEvent.loading;
}}
onHttpError={(syntheticEvent) => {
const { nativeEvent } = syntheticEvent;
console.warn(
'WebView received error status code: ',
nativeEvent.statusCode,
);
}}
onError={(syntheticEvent) => {
const { nativeEvent } = syntheticEvent;
console.warn('WebView error: ', nativeEvent);
}}
// onLoad={this.onLoad}
// renderError={(e) => {
// if (e === 'WebKitErrorDomain') {
// return
// }
// }}
// onNavigationStateChange={this.onNavigationStateChange}
originWhitelist={['*']}
// renderError={this.renderError}
// allowsInlineMediaPlayback={true}
javaScriptEnabled={true}
domStorageEnabled={true}
/>
</View>
}
{ {
this.state.showLook && this.state.showLook &&
<View style={{ width: '100%', height: '100%', position: 'absolute', zIndex: 11,}}> <View style={{ width: '100%', height: '100%', position: 'absolute', zIndex: 11, backgroundColor: '#0E5C4A', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
<RNLockScreen <Text style={{ fontSize: 20, color: '#fff' }}>屏幕已锁定，请认真听老师讲课。</Text>
{/* <RNLockScreen
type={0} type={0}
mode={1} mode={1}
onCapture={lock => { onCapture={lock => {
...@@ -2900,17 +3127,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2900,17 +3127,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
onVerified={() => { onVerified={() => {
console.log('lock verified'); console.log('lock verified');
}} }}
// headerFragmentProps={{
// backgroundColor: '#2777ae'
// }}
lock={'1234'} lock={'1234'}
// lockLimit={6}
// backgroundImage={wallpaper}
// lockFragmentProps={{
// style: {
// backgroundColor: '#000'
// }
// }}
pinProps={{ pinProps={{
confirmPin: { confirmPin: {
title: '确认', title: '确认',
...@@ -2938,7 +3155,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext ...@@ -2938,7 +3155,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
}, },
alphabetPinSuggestion: false alphabetPinSuggestion: false
}} }}
/> /> */}
</View> </View>
} }
......
src/netless/DocumentPicker.js 0 → 100644
View file @ 6c2cefb8
import DocumentPicker from 'react-native-document-picker';
const FileTypes = {
All: DocumentPicker.types.allFiles,// All document types, on Android this is */*, on iOS is public.content (note that some binary and archive types do not inherit from public.content)
Image: DocumentPicker.types.images, // All image types (image/* or public.image)
Text: DocumentPicker.types.plainText, // Plain text files ie: .txt (text/plain or public.plain-text)
Audio: DocumentPicker.types.audio, // All audio types (audio/* or public.audio)
PDF: DocumentPicker.types.pdf, // PDF documents (application/pdf or com.adobe.pdf)
Zip: DocumentPicker.types.zip, // Zip files (application/zip or public.zip-archive)
Csv: DocumentPicker.types.csv, //Csv files (text/csv or public.comma-separated-values-text)
};
let Manager = {
// Pick a single file
pickerSingleFile: (fileType, callback, errorCallback) => {
try {
DocumentPicker.pick({
type: [FileTypes[fileType]],
}).then(res => {
console.log(
res.uri,
res.type, // mime type
res.name,
res.size
);
if (callback) {
callback(res);
}
}).catch(error => {
console.log(error);
if (errorCallback) {
errorCallback(error);
}
});
} catch (err) {
if (errorCallback) {
errorCallback(err);
}
if (DocumentPicker.isCancel(err)) {
// User cancelled the picker, exit any dialogs or menus and move on
} else {
throw err;
}
}
},
PickMultipleFiles: (fileType, callback, errorCallback) => {
// Pick multiple files
try {
DocumentPicker.pickMultiple({
type: [FileTypes[fileType]],
}).then(results => {
for (const res of results) {
console.log(
res.uri,
res.type, // mime type
res.name,
res.size
);
}
if (callback) {
callback(results);
}
});
} catch (err) {
if (errorCallback) {
errorCallback(err);
}
if (DocumentPicker.isCancel(err)) {
// User cancelled the picker, exit any dialogs or menus and move on
} else {
throw err;
}
}
},
};
module.exports = Manager;
\ No newline at end of file
src/netless/fileTypeChange.js 0 → 100644
View file @ 6c2cefb8
function CustomBtoa(input) {
let keyStr =
"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
let output = "";
let chr1, chr2, chr3, enc1, enc2, enc3, enc4;
let i = 0;
while (i < input.length) {
chr1 = input[i++];
chr2 = i < input.length ? input[i++] : Number.NaN; // Not sure if the index
chr3 = i < input.length ? input[i++] : Number.NaN; // checks are needed here
enc1 = chr1 >> 2;
enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
enc4 = chr3 & 63;
if (isNaN(chr2)) {
enc3 = enc4 = 64;
} else if (isNaN(chr3)) {
enc4 = 64;
}
output +=
keyStr.charAt(enc1) +
keyStr.charAt(enc2) +
keyStr.charAt(enc3) +
keyStr.charAt(enc4);
}
return output;
}
function dataURLtoBlob(dataurl) {
var arr = dataurl.split(','),
mime = arr[0].match(/:(.*?);/)[1],
bstr = atob(arr[1]),
n = bstr.length,
u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], {
type: mime
});
}
//将blob转换为file
function blobToFile(theBlob, fileName) {
return new File([theBlob], new Date().getTime() + theBlob.type.replace('image/','.'));
}
export {
CustomBtoa,
blobToFile,
dataURLtoBlob
}
\ No newline at end of file
src/webview/Index.tsx
View file @ 6c2cefb8
...@@ -10,7 +10,7 @@ export default class MyWeb extends Component { ...@@ -10,7 +10,7 @@ export default class MyWeb extends Component {
headerTitle: '2222' headerTitle: '2222'
}); });
static navigationOptions = ({ navigation }) => { staticOptions = ({ navigation }) => {
return { return {
header: null, header: null,
headerBackTitle: ' ' headerBackTitle: ' '
...@@ -25,33 +25,81 @@ export default class MyWeb extends Component { ...@@ -25,33 +25,81 @@ export default class MyWeb extends Component {
} }
componentDidMount() { componentDidMount() {
// console.log(this.props.navigation)
// console.log(this.props.route)
let type = this.props.route.params && this.props.route.params.type;
if(type){
this.setState({
uri:'https://changning.gankao.com/p-account/statistics/group?noGroupSwitch=1&gankaoUID=11347855&studygroupId=28634',
})
return
}
Constants.readData('userInfo').then((userInfo) => { Constants.readData('userInfo').then((userInfo) => {
if (userInfo) { if (userInfo) {
console.log(userInfo) console.log(userInfo)
userInfo = JSON.parse(userInfo); userInfo = JSON.parse(userInfo);
// content: "{"id":null,"userName":"19000000005","nickName":null,"headImgUrl":null,"realName":"19000000005","mobile":"19000000005","email":null,"isAdmin":0,"memberType":"01","province":null,"city":null,"district":null,"lastLoginTime":"2022-01-17T09:16:52.000+0000","createTime":"2022-01-17T05:17:32.000+0000","updateTime":"2022-01-17T05:17:32.000+0000","token":"IPAD_CREDIT_TOKEN:639a964a3b4f4af2b8526f7e51deffb0","validTime":43200}" // content: "{"id":null,"userName":"19000000005","nickName":null,"headImgUrl":null,"realName":"19000000005","mobile":"19000000005","email":null,"isAdmin":0,"memberType":"01","province":null,"city":null,"district":null,"lastLoginTime":"2022-01-17T09:16:52.000+0000","createTime":"2022-01-17T05:17:32.000+0000","updateTime":"2022-01-17T05:17:32.000+0000","token":"IPAD_CREDIT_TOKEN:639a964a3b4f4af2b8526f7e51deffb0","validTime":43200}"
let url = `http://10.51.0.147:8082/evaluation/teacher/#/loading?type=1&&token=${userInfo.token}`
url = `http://121.36.221.250:8018/evaluation/teacher/#/?type=1&token=${userInfo.token}`
// url = 'http://www.cnblogs.com/jingguorui/p/11727947.html'
this.setState({ this.setState({
uri: `http://121.36.221.250:8018/evaluation/teacher/#/?type=1&token=${userInfo.token}`, uri:url,
}) })
console.log(this.state.uri) console.log(this.state.uri)
} }
}) })
} }
componentWillUnmount() {
this.setState({
uri:false,
})
}
onLoadEnd = (e)=>{
console.log(e,'onLoadEnd')
}
onError = (e)=>{
console.log(e,'onError')
}
onLoad = (e)=>{
console.log(e,'onLoad')
}
renderError = (e)=>{
console.log(e,'renderError')
}
onNavigationStateChange = (e)=>{
console.log(e,'onNavigationStateChange')
}
render() { render() {
return ( return (
<View style={{ width: '100%', height: '100%' }}> <View style={{ width: '100%', height: '100%',overflow:'hidden' }}>
{ {
this.state.uri && this.state.uri &&
<View style={{ width:'100%', height: '100%',overflow:'hidden'}}>
<WebView <WebView
source={{ uri: this.state.uri }} source={{ uri: this.state.uri, method: 'GET', headers: { 'Cache-Control':'no-cache'}}}
style={{ width: '100%', height: '100%' }} style={{ width: '100%', height: '100%' }}
mixedContentMode='compatibility' mixedContentMode='compatibility'
/> onLoadEnd = {this.onLoadEnd}
onError = {this.onError}
onLoad = {this.onLoad}
renderError={ (e) => {
if (e === 'WebKitErrorDomain') {
return
}
}}
onNavigationStateChange = {this.onNavigationStateChange}
originWhitelist={['*']}
renderError = {this.renderError}
// allowsInlineMediaPlayback={true}
javaScriptEnabled={true}
domStorageEnabled={true}
/>
</View>
} }
</View> </View>
......
yarn.lock
View file @ 6c2cefb8
...@@ -1218,7 +1218,7 @@ ...@@ -1218,7 +1218,7 @@
dependencies: dependencies:
deep-assign "^3.0.0" deep-assign "^3.0.0"
"@react-native-community/art@^1.1.2", "@react-native-community/art@^1.2.0": "@react-native-community/art@^1.2.0":
version "1.2.0" version "1.2.0"
resolved "https://registry.npm.taobao.org/@react-native-community/art/download/@react-native-community/art-1.2.0.tgz#386d95393f6042d9006f9d4bc6063fb898794460" resolved "https://registry.npm.taobao.org/@react-native-community/art/download/@react-native-community/art-1.2.0.tgz#386d95393f6042d9006f9d4bc6063fb898794460"
integrity sha1-OG2VOT9gQtkAb51LxgY/uJh5RGA= integrity sha1-OG2VOT9gQtkAb51LxgY/uJh5RGA=
...@@ -1708,10 +1708,10 @@ acorn@^7.1.0, acorn@^7.1.1: ...@@ -1708,10 +1708,10 @@ acorn@^7.1.0, acorn@^7.1.1:
resolved "https://registry.npm.taobao.org/acorn/download/acorn-7.4.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Facorn%2Fdownload%2Facorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa" resolved "https://registry.npm.taobao.org/acorn/download/acorn-7.4.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Facorn%2Fdownload%2Facorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
integrity sha1-/q7SVZc9LndVW4PbwIhRpsY1IPo= integrity sha1-/q7SVZc9LndVW4PbwIhRpsY1IPo=
agora-react-native-rtm@1.4.8: agora-react-native-rtm@^1.4.8:
version "1.4.8" version "1.4.8"
resolved "https://registry.npmmirror.com/agora-react-native-rtm/download/agora-react-native-rtm-1.4.8.tgz#b738818c7e57cba0754521cfe869d4ffe46a9271" resolved "https://registry.npmmirror.com/agora-react-native-rtm/-/agora-react-native-rtm-1.4.8.tgz#b738818c7e57cba0754521cfe869d4ffe46a9271"
integrity sha1-tziBjH5Xy6B1RSHP6GnU/+RqknE= integrity sha512-UaWAvQ8EQMIodY4+RuqQB9DPsKJoB/SwSDcqTa0DHShatrsvUv3JMPg7TzO1ZHrpnkWHira6EL5C/VgVXu3YYw==
ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.3: ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.3:
version "6.12.6" version "6.12.6"
...@@ -4607,6 +4607,11 @@ joi@^17.2.1: ...@@ -4607,6 +4607,11 @@ joi@^17.2.1:
"@sideway/formula" "^3.0.0" "@sideway/formula" "^3.0.0"
"@sideway/pinpoint" "^2.0.0" "@sideway/pinpoint" "^2.0.0"
js-md5@^0.7.3:
version "0.7.3"
resolved "https://registry.npmmirror.com/js-md5/-/js-md5-0.7.3.tgz#b4f2fbb0b327455f598d6727e38ec272cd09c3f2"
integrity sha512-ZC41vPSTLKGwIRjqDh8DfXoCrdQIyBgspJVPXHBGu4nZlAEvG3nf+jO9avM9RmLiGakg7vz974ms99nEV0tmTQ==
"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0: "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
version "4.0.0" version "4.0.0"
resolved "https://registry.npm.taobao.org/js-tokens/download/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499" resolved "https://registry.npm.taobao.org/js-tokens/download/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
...@@ -6273,12 +6278,11 @@ react-native-picker@^4.3.7: ...@@ -6273,12 +6278,11 @@ react-native-picker@^4.3.7:
resolved "https://registry.npm.taobao.org/react-native-picker/download/react-native-picker-4.3.7.tgz#9842e8c62ff0d8b676e9514d9f9172413c0518a8" resolved "https://registry.npm.taobao.org/react-native-picker/download/react-native-picker-4.3.7.tgz#9842e8c62ff0d8b676e9514d9f9172413c0518a8"
integrity sha1-mELoxi/w2LZ26VFNn5FyQTwFGKg= integrity sha1-mELoxi/w2LZ26VFNn5FyQTwFGKg=
react-native-progress@^4.1.2: react-native-progress@^5.0.0:
version "4.1.2" version "5.0.0"
resolved "https://registry.npm.taobao.org/react-native-progress/download/react-native-progress-4.1.2.tgz#ffb2264ddfeba409c730e36a9791bb7bbe07a00d" resolved "https://registry.npmmirror.com/react-native-progress/-/react-native-progress-5.0.0.tgz#f5ac6ceaeee27f184c660b00f29419e82a9d0ab0"
integrity sha1-/7ImTd/rpAnHMONql5G7e74HoA0= integrity sha512-KjnGIt3r9i5Kn2biOD9fXLJocf0bwxPRxOyAgXEnZTJQU2O+HyzgGFRCbM5h3izm9kKIkSc1txh8aGmMafCD9A==
dependencies: dependencies:
"@react-native-community/art" "^1.1.2"
prop-types "^15.7.2" prop-types "^15.7.2"
react-native-reanimated@^1.13.2: react-native-reanimated@^1.13.2:
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment