Merge pull request #12 from yudeunagi/develop

Develop
yudeunagi · Jan 16, 2020 · ed36090 · ed36090
2 parents 877f329 + 90f5e37
commit ed36090
Show file tree

Hide file tree

Showing 7 changed files with 94 additions and 33 deletions.
diff --git a/icon.ico b/icon.ico
diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "start": "electron .",
-    "buildwin": "electron-packager ./ unacast --platform=win32 --arch=x64 --icon=icon.ico",
+    "buildwin": "electron-packager ./ unacast --platform=win32 --arch=x64 --icon=icon.png",
     "buildmac": "electron-packager ./ unacast --platform=darwin --arch=x64",
     "macbuildmemo": "echo macのビルドで --icon=icon.ico を指定するとなぜか The path argument must be one of type string, Buffer, or URL. Received type undefined って言われるので外しておく、あと管理者権限のコマンドプロンプトで実行してね（シンボリックリンク作れないので）",
     "changecode": "chcp 65001"

diff --git a/public/css/style-server.css b/public/css/style-server.css
@@ -25,17 +25,33 @@ body {
   color: rgba(255, 255, 255, 255); /*文字色*/
 }
 
+/*レス番号表示部分の設定*/
+.resNumber {
+  color: #55ff55;
+}
+/*レス番号の後に付け加える文字（区切り用）*/
+.resNumber::after {
+  content: " ";
+}
 
 /*名前表示部分の設定*/
 .name {
   color: #55ff55;
 }
+/*名前の後に付け加える文字（区切り用）*/
+.name::after {
+  content: " ";
+}
 
-/*時刻表示部分の設定*/
+/*時刻表示部分の設定（区切り用）*/
 .date {
   font-size : 0.8em;
   color: #feffa0;
 }
+/*時刻の後に付け加える文字*/
+.date::after {
+  content: " ";
+}
 
 ul#res-list {
   list-style-type: none;

diff --git a/src/html/index.html b/src/html/index.html
@@ -68,10 +68,8 @@ <h4>設定</h4>
       <span class="mdl-textfield__error">0-999 までの数値を入れてください</span>
     </div>
 
-    <div class="mdl-textfield mdl-js-textfield">
-      名無しネーム
-      <input id="text-noname" class="mdl-textfield__input" type="text" value="名無しさん" >
-    </div>
+      <!-- ここに入れた名前が来たらレス番に変換するって昨日だったんだけど廃止するのでじきに消す -->
+      <input id="text-noname" class="mdl-textfield__input" type="hidden" value="名無しさん" >
 
     <div class="mdl-textfield mdl-js-textfield">
       初期表示テキスト
@@ -84,20 +82,23 @@ <h4>設定</h4>
       <span class="mdl-textfield__error">0-99 までの数値を入れてください</span>
     </div>
 
-    <div class="mdl-textfield mdl-js-textfield">
-      時刻表示<br/>
-      <label class = "mdl-radio mdl-js-radio" for="showTimeOn">
-        <input id="showTimeOn" class="mdl-radio__button" type="radio" name="showTime">
-        <span class = "mdl-radio__label">する</span>
-      </label>
-      <label class = "mdl-radio mdl-js-radio" for="showTimeOff">
-        <input id="showTimeOff" class="mdl-radio__button" type="radio" name="showTime">
-        <span class = "mdl-radio__label">しない</span>
-      </label>
-    </div>
+    <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-showNumber">
+      <input type="checkbox" id="checkbox-showNumber" class="mdl-checkbox__input" value="1" checked>
+      <span class="mdl-checkbox__label">レス番表示</span>
+    </label>
+
+    <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-showName">
+      <input type="checkbox" id="checkbox-showName" class="mdl-checkbox__input" value="1" checked>
+      <span class="mdl-checkbox__label">名前表示</span>
+    </label>
+
+    <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-showTime">
+      <input type="checkbox" id="checkbox-showTime" class="mdl-checkbox__input" value="1" checked>
+      <span class="mdl-checkbox__label">時刻表示</span>
+    </label>
 
     <div class="mdl-textfield mdl-js-textfield">
-      レス表示順序<br/>
+      レス表示順序(故障中)<br/>
       <label class = "mdl-radio mdl-js-radio" for="newResUp">
         <input id="newResUp" class="mdl-radio__button" type="radio" name="dispSort">
         <span class = "mdl-radio__label">新着が上</span>

diff --git a/src/main/getRes.js b/src/main/getRes.js
@@ -109,27 +109,36 @@ function buildResponse(res){
   var $iconImg = getIcon(res.name,res.id); //アイコン取得
   var $icon = $('<span />', {class: 'icon-block'}).append($iconImg); // ここにアイコン
 
-  //名無しならばレス番号を表示する
-  var defaultName = global.config.noname; //ここはフロントの設定から取得するようにする
-  var nm = new String(res.name);
-  var name = nm.replace(defaultName, res.number);
-  var $name = $('<span />', {class: 'name'}).append(name);
+  //レス番を取得
+  var $resNumber = $('<span />', {class: 'resNumber'}).append(res.number);
+  //名前を取得
+  var $name = $('<span />', {class: 'name'}).append(res.name);
+  //日付を取得
+  var $date = $('<span />', {class: 'date'}).append(res.date);
+  //レスを取得
   var $res = $('<span />', {class: 'res'}).append(res.text);
 
+  // 名前やレスのエリア
   var $resDiv = $('<div />', {class: 'content'});
 
+  //レス番表示
+  if(global.config.showNumber == 1){
+    $resDiv.append($resNumber);
+  }
+  //名前表示
+  if(global.config.showName == 1){
+    $resDiv.append($name);
+  }
   //時刻表示
-  //ここで改行化スペースを入れる
   if(global.config.showTime == 1){
-    $date = $('<span />', {class: 'date'}).append(' ' + res.date);
-    $name.append($date);
+    $resDiv.append($date);
   }
 
   //ここで改行化スペースを入れる
   if(global.config.newLine == 1){
-    $resDiv.append($name).append('<br/>').append($res);
+    $resDiv.append('<br/>').append($res);
   }else{
-    $resDiv.append($name).append('　').append($res);
+    $resDiv.append($res);
   }
 
   $li.append($icon);

diff --git a/src/renderer/renderer.js b/src/renderer/renderer.js
@@ -83,11 +83,21 @@ function buildConfigJson() {
   var interval = document.getElementById("rangeSpan").value;
   var youtubeUrl = document.getElementById("text-youtube-url").value;
 
+  //レス番表示設定
+  var showNumber = 0;
+  if(document.getElementById("checkbox-showNumber").checked == true){
+    showNumber = 1;
+  }
+
+  //名前表示設定
+  var showName = 0;
+  if(document.getElementById("checkbox-showName").checked == true){
+    showName = 1;
+  }
+
   //時刻表示設定
   var showTime = 0;
-  if(document.getElementById("showTimeOff").checked == true){
-    showTime = 0;
-  }else{
+  if(document.getElementById("checkbox-showTime").checked == true){
     showTime = 1;
   }
 
@@ -118,6 +128,8 @@ function buildConfigJson() {
     "youtubeUrl": youtubeUrl,
     "dispSort": dispSort,
     "newLine": newLine,
+    "showNumber": showNumber,
+    "showName": showName,
     "showTime": showTime
   }
 
@@ -139,6 +151,8 @@ function saveConfigToLocalStrage(config){
   localStorage.setItem('youtubeUrl', config.youtubeUrl);
   localStorage.setItem('dispSort', config.dispSort);
   localStorage.setItem('newLine', config.newLine);
+  localStorage.setItem('showNumber', config.showNumber);
+  localStorage.setItem('showName', config.showName);
   localStorage.setItem('showTime', config.showTime);
 
   console.log('[renderer.js]config saved');
@@ -164,12 +178,28 @@ function loadConfigToLocalStrage(){
     initMessage = 'スレッド読み込みを開始しました';
   }
 
+  // レス番表示初期化
+  var showNumber = localStorage.getItem('showNumber');
+  if (showNumber === null || showNumber.length < 1 || showNumber == 1){
+    document.getElementById("checkbox-showNumber").checked = true;
+  }else{
+    document.getElementById("checkbox-showNumber").checked = false;
+  }
+
+  // 名前表示初期化
+  var showName = localStorage.getItem('showName');
+  if (showName === null || showName.length < 1 || showName == 0){
+    document.getElementById("checkbox-showName").checked = false;
+  }else{
+    document.getElementById("checkbox-showName").checked = true;
+  }
+
   // 時刻表示初期化
   var showTime = localStorage.getItem('showTime');
   if (showTime === null || showTime.length < 1 || showTime == 0){
-    document.getElementById("showTimeOff").checked = true;
+    document.getElementById("checkbox-showTime").checked = false;
   }else{
-    document.getElementById("showTimeOn").checked = true;
+    document.getElementById("checkbox-showTime").checked = true;
   }
 
   // レス表示順ラジオ初期化

diff --git a/views/server.ejs b/views/server.ejs
@@ -14,12 +14,17 @@
     <input type="hidden" id="threadUrl" name="threadUrl" value="<%=url%>" >
     <input type="hidden" id="resNumber" name="resNumber" value="<%=resNumber%>" >
     <input type="hidden" id="port" name="port" value="<%=port%>" >
+
+    <!-- レス番変換用名無し指定はもう使わないのであとで消す-->
     <input type="hidden" id="noname" name="noname" value="<%=noname%>" >
+
     <input type="hidden" id="dispNumber" name="dispNumber" value="<%=dipsNumber%>" >
     <input type="hidden" id="interval" name="interval" value="<%=interval%>" >
     <input type="hidden" id="youtubeUrl" name="youtubeUrl" value="<%=youtubeUrl%>" >
     <input type="hidden" id="dispSort" name="dispSort" value="<%=dispSort%>" >
     <input type="hidden" id="newLine" name="newLine" value="<%=newLine%>" >
+    <input type="hidden" id="showNumber" name="showNumber" value="<%=showNumber%>" >
+    <input type="hidden" id="showName" name="showName" value="<%=showName%>" >
     <input type="hidden" id="showTime" name="showTime" value="<%=showTime%>" >
 
   </form>