From eaec63adb89549dcccfdb781739e2b590583d152 Mon Sep 17 00:00:00 2001
From: cutls <web-pro@cutls.com>
Date: Sat, 16 Jan 2021 04:41:16 +0900
Subject: [PATCH] Add desc

---
 app/js/platform/first.js          |  1 +
 app/js/ui/spotify.js              | 16 ++++++++++++++++
 app/view/make/index.sample.html   |  3 +++
 app/view/make/setting.sample.html | 14 ++++++++++++++
 4 files changed, 34 insertions(+)

diff --git a/app/js/platform/first.js b/app/js/platform/first.js
index 6846a505..c2cfd481 100644
--- a/app/js/platform/first.js
+++ b/app/js/platform/first.js
@@ -3,6 +3,7 @@ window.onload = function () {
 	initPostbox()
 	connection()
 	initPlugin(plugins)
+	if(localStorage.getItem('control-center-np')) $('#ccnp').removeClass('hide')
 }
 $.strip_tags = function (str, allowed) {
 	if (!str) {
diff --git a/app/js/ui/spotify.js b/app/js/ui/spotify.js
index db18fbfc..ecf6d2aa 100644
--- a/app/js/ui/spotify.js
+++ b/app/js/ui/spotify.js
@@ -62,6 +62,12 @@ function checkSpotify() {
 	} else {
 		$('#amw_no').prop('checked', true)
 	}
+	var flag3 = localStorage.getItem('control-center-np')
+	if (flag3) {
+		$('#cmw_yes').prop('checked', true)
+	} else {
+		$('#cmw_no').prop('checked', true)
+	}
 }
 function spotifyFlagSave() {
 	var awk = $('[name=awk]:checked').val()
@@ -83,6 +89,16 @@ function aMusicFlagSave() {
 		M.toast({ html: lang.lang_spotify_imgno, displayLength: 3000 })
 	}
 }
+function cMusicFlagSave() {
+	var awk = $('[name=cmw]:checked').val()
+	if (awk == 'yes') {
+		localStorage.setItem('control-center-np', 'yes')
+		M.toast({ html: 'コントロールセンターNPをオンにしました', displayLength: 3000 })
+	} else {
+		localStorage.removeItem('control-center-np')
+		M.toast({ html: 'コントロールセンターNPをオフにしました', displayLength: 3000 })
+	}
+}
 function nowplaying(mode) {
 	if (mode == 'spotify') {
 		var start = 'https://spotify.thedesk.top/current-playing?code=' + localStorage.getItem('spotify-token')
diff --git a/app/view/make/index.sample.html b/app/view/make/index.sample.html
index e686c629..29a2732a 100644
--- a/app/view/make/index.sample.html
+++ b/app/view/make/index.sample.html
@@ -275,6 +275,9 @@
 					<li class="mac">
 						<a onclick="nowplaying('itunes');">NowPlaying (iTunes macOS)</a>
 					</li>
+					<li class="mac hide" id="ccnp">
+						<a onclick="nowplaying('anynp');">NowPlaying (コントロールセンター)</a>
+					</li>
 					<li>
 						<a onclick="nowplaying('lastFm');">NowPlaying (Last.fm)</a>
 					</li>
diff --git a/app/view/make/setting.sample.html b/app/view/make/setting.sample.html
index a448f52e..f31648c0 100644
--- a/app/view/make/setting.sample.html
+++ b/app/view/make/setting.sample.html
@@ -491,6 +491,20 @@
 						<span>@@no@@</span>
 					</label>
 					<br>
+					<h5>macOSコントロールセンター NowPlaying</h5>
+					日本語環境でのみご利用いただけます。(It works well on macOS with Japanese language profile.)<br />
+					上のアートワーク補完を使用しないとアートワークは付与されません。コントロールセンターがある日本語設定のmacOS Big Sur以降が対象です。<br />
+					なお、コントロールセンターが勝手に開きますが仕様ですのでご理解ください。上記のテンプレートは反映されず、常に「タイトル, アーティスト」になります。<br />
+					<label>
+						<input class="with-gap" onchange="cMusicFlagSave()" name="cmw" type="radio" id="cmw_yes"
+							value="yes" />
+						<span>@@yes@@</span>
+					</label>
+					<label>
+						<input class="with-gap" onchange="cMusicFlagSave()" name="cmw" type="radio" id="cmw_no"
+							value="no" />
+						<span>@@no@@</span>
+					</label>
 				</div>
 			</div>
 		</li>