mitchell/go-discord-bot
1
0
Fork 0
mirror of https://github.com/mgerb/go-discord-bot synced 2026-01-11 01:22:48 +00:00
Code Issues Releases Wiki Activity

added youtube downloader

Browse Source
This commit is contained in:
Mitchell Gerber
2017-07-21 00:06:59 -05:00
parent 4baad6b025
commit 43fadf9c6a
14 changed files with 240 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/app/pages/Soundboard/SoundList.component.js
View File

@@ -76,7 +76,7 @@ export default class SoundList extends React.Component {
</div>
{this.checkExtension(sound.extension) && this.state.showAudioControls[index] ?
<audio controls src={"/sounds/" + sound.name + "." + sound.extension}
<audio controls src={"/public/sounds/" + sound.name + "." + sound.extension}
type={"audio/" + sound.extension}
style={{width: "100px"}}/>
: <i className="fa fa-play link" aria-hidden="true" onClick={() => this.handleShowAudio(index)}/> }

9
client/app/pages/Soundboard/Soundboard.js
View File

@@ -17,7 +17,8 @@ export default class Soundboard extends React.Component {
password: "",
uploaded: false,
uploadError: " ",
}
},
self = this;
}
@@ -34,7 +35,7 @@ export default class Soundboard extends React.Component {
};
}
onDrop(acceptedFiles, rejectedFiles) {
onDrop(acceptedFiles) {
if (acceptedFiles.length > 0) {
self.uploadFile(acceptedFiles[0]);
}
@@ -90,7 +91,7 @@ export default class Soundboard extends React.Component {
maxSize={10000000000}
accept={"audio/*"}>
<input className="Soundboard__input"
<input className="input Soundboard__input"
type="password"
placeholder="Password"
value={this.state.password}
@@ -104,6 +105,6 @@ export default class Soundboard extends React.Component {
</div>
</div>
</div>
)
);
}
}

9
client/app/pages/Soundboard/Soundboard.scss
View File

@@ -12,14 +12,9 @@
.Soundboard__input {
display: block;
width: 200px;
border-radius: 3px;
border: 1px solid lighten($gray1, 5%);
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
padding-left: 5px;
padding-right: 5px;
height: 30px;
}
.Dropzone {
@@ -32,7 +27,7 @@
padding: 20px;
margin-right: auto;
margin-left: auto;
color: lighten($gray1, 15%);
color: $lightGray;
width: 400px;
height: 400px;
background-color: $gray2;
@@ -42,4 +37,4 @@
.Dropzone--active {
background-color: $gray3;
box-shadow: 0px 0px 5px 1px $primaryBlue;
}
}