aboutsummaryrefslogtreecommitdiff
path: root/src/mobile
diff options
context:
space:
mode:
Diffstat (limited to 'src/mobile')
-rw-r--r--src/mobile/AudioUpload.scss61
-rw-r--r--src/mobile/AudioUpload.tsx162
-rw-r--r--src/mobile/MobileInterface.tsx4
3 files changed, 0 insertions, 227 deletions
diff --git a/src/mobile/AudioUpload.scss b/src/mobile/AudioUpload.scss
deleted file mode 100644
index dce0c724f..000000000
--- a/src/mobile/AudioUpload.scss
+++ /dev/null
@@ -1,61 +0,0 @@
-@import "../client/views/global/globalCssVariables.scss";
-
-.audioUpload_cont {
- display: flex;
- justify-content: center;
- flex-direction: column;
- align-items: center;
- margin-top: 10px;
- height: 400px;
- width: 600px;
-}
-
-.upload_label {
- position: relative;
- font-weight: 700;
- color: black;
- background-color: rgba(0, 0, 0, 0);
- border: solid 3px black;
- margin: 10px;
- font-size: 30;
- height: 70px;
- width: 60%;
- display: inline-flex;
- font-family: sans-serif;
- text-transform: uppercase;
- justify-content: center;
- flex-direction: column;
- border-radius: 10px;
-}
-
-.restart_label {
- position: relative;
- font-weight: 700;
- color: black;
- background-color: rgba(0, 0, 0, 0);
- border: solid 3px black;
- margin: 10px;
- font-size: 30;
- height: 70px;
- width: 60%;
- display: inline-flex;
- font-family: sans-serif;
- text-transform: uppercase;
- justify-content: center;
- flex-direction: column;
- border-radius: 10px;
-}
-
-.audio-upload {
- top: 100%;
- opacity: 0;
-}
-
-.audio-upload.active {
- top: 0;
- position: absolute;
- z-index: 999;
- height: 100vh;
- width: 100vw;
- opacity: 1;
-} \ No newline at end of file
diff --git a/src/mobile/AudioUpload.tsx b/src/mobile/AudioUpload.tsx
deleted file mode 100644
index 7a1dde9fb..000000000
--- a/src/mobile/AudioUpload.tsx
+++ /dev/null
@@ -1,162 +0,0 @@
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { action, observable } from 'mobx';
-import { observer } from 'mobx-react';
-import { Docs } from '../client/documents/Documents';
-import { Transform } from '../client/util/Transform';
-import { ContextMenu } from '../client/views/ContextMenu';
-import { DictationOverlay } from '../client/views/DictationOverlay';
-import { MainViewModal } from '../client/views/MainViewModal';
-import { DocumentView } from '../client/views/nodes/DocumentView';
-import { RichTextMenu } from '../client/views/nodes/formattedText/RichTextMenu';
-import { Doc } from '../fields/Doc';
-import { listSpec } from '../fields/Schema';
-import { Cast, FieldValue } from '../fields/Types';
-import { nullAudio } from '../fields/URLField';
-import { emptyFunction, returnEmptyDoclist, returnEmptyFilter, returnFalse, returnTrue, emptyPath } from '../Utils';
-import './ImageUpload.scss';
-import { MobileInterface } from './MobileInterface';
-import React = require('react');
-
-@observer
-export class AudioUpload extends React.Component {
- @observable public _audioCol: Doc = FieldValue(
- Cast(
- Docs.Create.FreeformDocument([Cast(Docs.Create.AudioDocument(nullAudio, { title: 'mobile audio', _width: 500, _height: 100 }), Doc) as Doc], {
- title: 'mobile audio',
- _width: 300,
- _height: 300,
- _layout_fitContentsToBox: true,
- layout_boxShadow: '0 0',
- }),
- Doc
- )
- ) as Doc;
-
- /**
- * Handles the onclick functionality for the 'Restart' button
- * Resets the document to its default view
- */
- @action
- clearUpload = () => {
- for (let i = 1; i < 8; i++) {
- this.setOpacity(i, '0.2');
- }
- this._audioCol = FieldValue(
- Cast(
- Docs.Create.FreeformDocument(
- [
- Cast(
- Docs.Create.AudioDocument(nullAudio, {
- title: 'mobile audio',
- _width: 500,
- _height: 100,
- }),
- Doc
- ) as Doc,
- ],
- { title: 'mobile audio', _width: 300, _height: 300, _layout_fitContentsToBox: true, layout_boxShadow: '0 0' }
- ),
- Doc
- )
- ) as Doc;
- };
-
- /**
- * Handles the onClick of the 'Close' button
- * Reset upload interface and toggle audio
- */
- closeUpload = () => {
- this.clearUpload();
- MobileInterface.Instance.toggleAudio();
- };
-
- /**
- * Handles the on click of the 'Upload' button.
- * Pushing the audio doc onto Dash Web through the right side bar
- */
- uploadAudio = () => {
- const audioRightSidebar = Cast(Doc.SharingDoc(), Doc, null);
- const audioDoc = this._audioCol;
- const data = Cast(audioRightSidebar.data, listSpec(Doc));
- for (let i = 1; i < 8; i++) {
- setTimeout(() => this.setOpacity(i, '1'), i * 200);
- }
- if (data) {
- data.push(audioDoc);
- }
- // Resets uploader after 3 seconds
- setTimeout(this.clearUpload, 3000);
- };
-
- // Returns the upload audio menu
- private get uploadInterface() {
- return (
- <>
- <ContextMenu />
- <DictationOverlay />
- <div style={{ display: 'none' }}>
- <RichTextMenu key="rich" />
- </div>
- <div className="closeUpload" onClick={() => this.closeUpload()}>
- <FontAwesomeIcon icon="window-close" size={'lg'} />
- </div>
- <FontAwesomeIcon icon="microphone" size="lg" style={{ fontSize: '130' }} />
- <div className="audioUpload_cont">
- <DocumentView
- Document={this._audioCol}
- DataDoc={undefined}
- addDocument={undefined}
- addDocTab={returnFalse}
- pinToPres={emptyFunction}
- rootSelected={returnTrue}
- removeDocument={undefined}
- childFilters={returnEmptyFilter}
- childFiltersByRanges={returnEmptyFilter}
- searchFilterDocs={returnEmptyDoclist}
- ScreenToLocalTransform={Transform.Identity}
- PanelWidth={() => 600}
- PanelHeight={() => 400}
- renderDepth={0}
- isDocumentActive={returnTrue}
- isContentActive={emptyFunction}
- focus={emptyFunction}
- styleProvider={() => 'rgba(0,0,0,0)'}
- docViewPath={returnEmptyDoclist}
- whenChildContentsActiveChanged={emptyFunction}
- bringToFront={emptyFunction}
- />
- </div>
- <div className="restart_label" onClick={this.clearUpload}>
- Restart
- </div>
- <div className="upload_label" onClick={this.uploadAudio}>
- Upload
- </div>
- <div className="loadingImage">
- <div className="loadingSlab" id="slab01" />
- <div className="loadingSlab" id="slab02" />
- <div className="loadingSlab" id="slab03" />
- <div className="loadingSlab" id="slab04" />
- <div className="loadingSlab" id="slab05" />
- <div className="loadingSlab" id="slab06" />
- <div className="loadingSlab" id="slab07" />
- </div>
- </>
- );
- }
-
- // Handles the setting of the loading bar
- setOpacity = (index: number, opacity: string) => {
- const slab = document.getElementById('slab0' + index);
- if (slab) {
- slab.style.opacity = opacity;
- }
- };
-
- @observable private dialogueBoxOpacity = 1;
- @observable private overlayOpacity = 0.4;
-
- render() {
- return <MainViewModal contents={this.uploadInterface} isDisplayed={true} interactive={true} dialogueBoxDisplayedOpacity={this.dialogueBoxOpacity} overlayDisplayedOpacity={this.overlayOpacity} closeOnExternalClick={this.closeUpload} />;
- }
-}
diff --git a/src/mobile/MobileInterface.tsx b/src/mobile/MobileInterface.tsx
index e24bcd733..97f771c16 100644
--- a/src/mobile/MobileInterface.tsx
+++ b/src/mobile/MobileInterface.tsx
@@ -122,7 +122,6 @@ import { List } from '../fields/List';
import { ScriptField } from '../fields/ScriptField';
import { Cast, FieldValue, StrCast } from '../fields/Types';
import { emptyFunction, emptyPath, returnEmptyDoclist, returnEmptyFilter, returnFalse, returnOne, returnTrue, returnZero } from '../Utils';
-import { AudioUpload } from './AudioUpload';
import { Uploader } from './ImageUpload';
import './AudioUpload.scss';
import './ImageUpload.scss';
@@ -820,9 +819,6 @@ export class MobileInterface extends React.Component {
<div className="mobileInterface-container" onDragOver={this.onDragOver}>
<SettingsManager />
<div className={`image-upload ${this._imageUploadActive ? 'active' : ''}`}>{this.uploadImage}</div>
- <div className={`audio-upload ${this._audioUploadActive ? 'active' : ''}`}>
- <AudioUpload />
- </div>
{this.switchMenuView}
{this.inkMenu}
<GestureOverlay isActive={true}>
generated by cgit v1.2.3-70-g09d2 (git 2.46.0) at 2025-11-01 14:13:36 +0000