Permalink
Browse files

Version 1.0.1.

* Upgrade packages.
* Migration from Bootstrap v3 to v4.
  • Loading branch information...
roncli committed Jan 6, 2019
1 parent 2555ced commit b6dcae3ef8c02937c9f53ff0a4b26b7ad5ea6c0e
Showing with 56 additions and 40 deletions.
  1. +5 −1 README.md
  2. +1 −0 app/index.js
  3. +8 −7 app/package.json
  4. +8 −3 app/site/index.css
  5. +29 −24 app/site/index.htm
  6. +5 −5 package.json
@@ -14,5 +14,9 @@ To run:

## Releases

### 1.0.1 - 1/5/2019
* Dependency upgrades.
* New design to support the upgrade to Bootstrap v4.

### 1.0 - 1/16/2017
* Initial version
* Initial version.
@@ -6,6 +6,7 @@ var win,
win.loadURL("file://" + __dirname + "/site/index.htm");
win.setMenu(null);
win.maximize();
// win.toggleDevTools(); // Uncomment to debug.

win.once("ready-to-show", () => {
win.show();
@@ -1,19 +1,20 @@
{
"name": "ChatterGrid",
"productName": "ChatterGrid",
"author":{
"author": {
"name": "Ronald M. Clifford",
"email": "roncli@roncli.com",
"url": "http://www.roncli.com"
},
"dependencies": {
"angular": "1.6.1",
"bootstrap": "3.3.7",
"jquery": "3.1.1",
"jszip": "3.1.3",
"mmmagic": "0.4.5"
"@fortawesome/fontawesome-free": "5.6.3",
"angular": "1.7.5",
"bootstrap": "4.2.1",
"jquery": "3.3.1",
"jszip": "3.1.5",
"mmmagic": "0.5.2"
},
"version": "1.0.0",
"version": "1.0.1",
"description": "An application to easily create and share custom soundboards.",
"repository": {
"type": "git",
@@ -5,6 +5,7 @@ html, body {
body {
position: relative;
color: #000000 !important;
line-height: 1.2;
}

.background {
@@ -21,12 +22,16 @@ body {
padding-top: 20px;
}

.sound-panel {
#sounds .card {
margin-bottom: 20px;
}

.sound-card {
position: relative;
}

.sound-name {
padding: 15px 15px 0 15px;
padding: 20px 15px 5px 15px;
}

.sound-name .input-group {
@@ -50,6 +55,6 @@ body {
font-size: 72px;
}

.panel-body {
.card-body {
padding: 2px;
}
@@ -2,6 +2,7 @@
<head>
<title>ChatterGrid</title>
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="../node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
<link rel="stylesheet" href="index.css" />
<script src="../node_modules/jquery/dist/jquery.min.js"></script>
<script>window.$ = window.jQuery = require("jquery");</script>
@@ -12,42 +13,44 @@
<div class="text-center background">
ChatterGrid
</div>
<div class="container row center-block">
<div class="col-xs-12">
<nav class="navbar navbar-inverse">
<ul class="nav navbar-nav">
<li><a href="#" ng-click="loadGrid()"><b>Load Grid</b></a></li>
<li><a href="#" ng-click="saveGrid()"><b>Save Grid</b></a></li>
<li><a href="#" ng-click="shareGrid()"><b>Share Grid</b></a></li>
</ul>
</nav>
<div class="container">
<div class="row justify-content-md-center">
<div class="col">
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="#" ng-click="loadGrid()"><b>Load Grid</b></a></li>
<li class="nav-item"><a class="nav-link" href="#" ng-click="saveGrid()"><b>Save Grid</b></a></li>
<li class="nav-item"><a class="nav-link" href="#" ng-click="shareGrid()"><b>Share Grid</b></a></li>
</ul>
</nav>
</div>
</div>
</div>
<div ng-if="sounds" class="container-fluid">
<div id="sounds" class="row">
<div ng-repeat="sound in sounds" class="sound col-sm-4 col-md-3 col-lg-2">
<div class="panel panel-defualt">
<div class="panel-body sound-panel">
<button class="btn btn-xs btn-danger close-button" ng-click="delete(sound)" title="Delete sound from ChatterGrid"><span class="glyphicon glyphicon-remove"></span></button>
<div ng-repeat="sound in sounds" class="sound col-md-4 col-lg-3 col-xl-2">
<div class="card">
<div class="card-body sound-card">
<button class="btn btn-sm btn-danger close-button" ng-click="delete(sound)" title="Delete sound from ChatterGrid"><span class="fas fa-times"></span></button>
<div class="sound-name" ng-if="sound.edit">
<div class="input-group">
<textarea class="form-control" rows="3" placeholder="Sound name" style="resize: none;" ng-model="sound.nameEdit"></textarea>
<span class="input-group-btn">
<button class="btn btn-primary sound-name-change" type="button" ng-click="changeName(sound)" title="Change sound name"><span class="glyphicon glyphicon-ok"></span></button>
<button class="btn btn-primary sound-name-change" type="button" ng-click="changeName(sound)" title="Change sound name"><span class="fas fa-check"></span></button>
</span>
</div>
</div>
<div class="sound-name" ng-if="!sound.edit">
{{sound.name}}
</div>
<div>
<div class="pull-left">
<button ng-class="{btn: true, 'btn-sm': true, 'btn-primary': !sound.edit, 'btn-danger': sound.edit}" ng-click="edit(sound)" title="Edit name"><span class="glyphicon glyphicon-pencil"></span></button>
<div class="float-left">
<button ng-class="{btn: true, 'btn-sm': true, 'btn-primary': !sound.edit, 'btn-danger': sound.edit}" ng-click="edit(sound)" title="Edit name"><span class="fas fa-pencil-alt"></span></button>
</div>
<div class="pull-right">
<button class="btn btn-sm btn-primary" ng-if="sound.audio.paused" ng-click="play(sound)" title="Play sound"><span class="glyphicon glyphicon-play"></span></button>
<button class="btn btn-sm btn-primary" ng-if="!sound.audio.paused" ng-click="pause(sound)" title="Pause sound"><span class="glyphicon glyphicon-pause"></span></button>
<button class="btn btn-sm btn-primary" ng-if="!sound.audio.paused" ng-click="stop(sound)" title="Stop sound"><span class="glyphicon glyphicon-stop"></span></button>
<div class="float-right">
<button class="btn btn-sm btn-primary" ng-if="sound.audio.paused" ng-click="play(sound)" title="Play sound"><span class="fas fa-play"></span></button>
<button class="btn btn-sm btn-primary" ng-if="!sound.audio.paused" ng-click="pause(sound)" title="Pause sound"><span class="fas fa-pause"></span></button>
<button class="btn btn-sm btn-primary" ng-if="!sound.audio.paused" ng-click="stop(sound)" title="Stop sound"><span class="fas fa-stop"></span></button>
</div>
</div>
</div>
@@ -56,10 +59,12 @@
</div>
</div>
<div ng-if="sounds.length === 0">
<div class="container row center-block">
<div class="col-xs-12">
<div class="text-center drop jumbotron">
Drag audio files here to add them to the grid!
<div class="container">
<div class="row center-block">
<div class="col">
<div class="text-center drop jumbotron">
Drag audio files here to add them to the grid!
</div>
</div>
</div>
</div>
@@ -1,15 +1,15 @@
{
"name": "ChatterGrid",
"productName": "ChatterGrid",
"author":{
"author": {
"name": "Ronald M. Clifford",
"email": "roncli@roncli.com",
"url": "http://www.roncli.com"
},
"version": "1.0.0",
"version": "1.0.1",
"build": {
"appId": "com.electron.chattergrid",
"copyright": "©2016-2017 roncli Productions",
"copyright": "©2016-2019 roncli Productions",
"productName": "ChatterGrid",
"compression": "maximum",
"nsis": {
@@ -31,8 +31,8 @@
"dist": "node_modules/.bin/build"
},
"devDependencies": {
"electron-builder": "11.3.0",
"electron-prebuilt": "1.4.13"
"electron": "4.0.1",
"electron-builder": "20.38.4"
},
"repository": {
"type": "git",

0 comments on commit b6dcae3

Please sign in to comment.