v1.2.1.0 Release

Added notification customizer to first-launch page.

CHANGELOG.md

@@ -1,6 +1,15 @@
 Changelog
 =====
-## v1.2.0.1 (09-XX-2016)
+## v1.2.1.0 (10-20-2016)
+ * Added Notification Customizer
+   * Access this option in the popup under edit settings
+ * Added badge number support
+ * Added support for file uploading via Linux
+ * Set notification icon to the channel's profile photo
+ * Removing channels no longer remove as easily (unless in the edit channel layout mode)
+ * Notifications titles have a maximum length to include the channel name
+ * Fixed bug where channel import included playlists
+ * Fixed bug where the add buttons appear at unwarranted locations
  * Fixed bug where the add buttons would appear multiple times for the user's channel
 
 ## v1.2.0.0 (09-06-2016)

README.md

@@ -17,13 +17,13 @@ This code is licensed under the MIT License.
  - identity (For subscription importing & watch later)
  - \*://\*.youtube.com/\*
  - \*://\*.ytimg.com/\*
- - \*://\yt3.ggpht.com/\*
+ - \*://yt3.ggpht.com/\*
 
 ## Downloads
 
 [![ChromeWebStore](https://raw.githubusercontent.com/Wassup789/Youtube-Notifications/master/img/chromewebstore.png)](https://chrome.google.com/webstore/detail/youtube-notifications/cilgbgkmanbbecbjihnbpeaoodmgchom)
 
-**Latest Version:** ***v1.2.0.0***
+**Latest Version:** ***v1.2.1.0***
 
 **Release Archive:**
 

js/background.js

@@ -1147,7 +1147,7 @@ function onReceiveImportToken() {
             xhr.onload = function(){
                 var data = JSON.parse(this.response);
                 if(data.error)
-                    chrome.extension.sendMessage({type: "createToast", message: wyn.strings.import_failed + " \"" + data.error.message + "\""});
+                    chrome.extension.sendMessage({type: "createToast", message: wyn.strings.import_failed + " \"" + data.error.message + ": " + data.error.errors[0].reason +  "\""});
                 else {
                     var output = [];
                     for(var i = 0; i < data.items.length; i++) {

manifest.json

@@ -5,7 +5,7 @@
   },
   "name": "__MSG_appName__",
   "description": "__MSG_appDesc__",
-  "version": "1.2.0.1",
+  "version": "1.2.1.0",
   "permissions": [
     "notifications",
 	"unlimitedStorage",

pages/edit-notification.css

@@ -203,6 +203,7 @@ a, .link{
     justify-content: center;
     align-items: center;
     height: calc(100vh - 64px);
+    padding-top: 200px;
 }
 #content_container > * {
     display: flex;
@@ -309,3 +310,18 @@ a, .link{
 .notification_separator:nth-child(1) {
     padding-top: 0;
 }
+
+/*body[firstlaunch] paper-toolbar,
+body[firstlaunch] #mainPanel #dropShadow,
+body[firstlaunch] #launch_screen-header{*/
+body[firstlaunch] #header_img{
+    display: none;
+}
+body[firstlaunch] paper-toolbar {
+    color: transparent;
+    letter-spacing: -100px;
+}
+span[i18n="settings_editSettings_notificationCustomizer"] {
+    letter-spacing: normal;
+    color: white;
+}

pages/edit-notification_edit.js

@@ -2,6 +2,9 @@ var NOTIFICATION_ACTIONS = chrome.extension.getBackgroundPage().NOTIFICATION_ACT
 
 document.title = "YouTube Notifications - " + chrome.i18n.getMessage("settings_editSettings_notificationCustomizer");
 
+if(location.search == "?firstlaunch")
+    document.body.setAttribute("firstlaunch", true);
+
 window.addEventListener("WebComponentsReady", function() {
     $(function () {
         $Poly = Polymer.dom;

pages/first-launch.css

@@ -64,26 +64,26 @@ a:hover {
 #content-1, #content-2 {
 	vertical-align: top;
 }
-#get-started, #content-1-next, #content-2-next, #content-3-next, #content-4-next {
+#get-started, #content-1-next, #content-2-next, #content-3-next, #content-4-next, #content-5-next {
 	cursor: pointer;
 	font-size: 60px;
 	font-weight: 300;
 	display: none;
 }
-#add-channel-1, #add-channel-2, #add-channel-3, #add-channel-4 {
+#add-channel-1, #add-channel-2, #add-channel-3, #add-channel-4, #add-channel-5 {
 	vertical-align: middle;
 }
 #add-channel-1 {
 	height: 750px;
 }
-#content-1-rightnext, #content-2-rightnext, #content-3-rightnext, #content-4-rightnext {
+#content-1-rightnext, #content-2-rightnext, #content-3-rightnext, #content-4-rightnext, #content-5-rightnext {
 	cursor: pointer;
 	margin-left: 20px;
 	font-size: 64px;
 	color: #AAA;
 	-webkit-transition: color 0.3s;
 }
-#content-1-rightnext:hover, #content-2-rightnext:hover, #content-3-rightnext:hover, #content-4-rightnext:hover {
+#content-1-rightnext:hover, #content-2-rightnext:hover, #content-3-rightnext:hover, #content-4-rightnext:hover, #content-5-rightnext:hover {
     color: #353535;
 }
 .content-header {
@@ -102,4 +102,10 @@ a:hover {
 }
 .content-subheader a:hover {
 	color: #F00;
+}
+iframe {
+	border: none;
+	width: 70vw;
+	height: 80vh;
+	vertical-align: middle;
 }

pages/first-launch.html

@@ -46,9 +46,14 @@
 			<div id="content-4-next">Next &#187;</div>
 		</div>
 		<div id="content-5" style="display: none;opacity: 0;">
+			<iframe src="edit-notification.html?firstlaunch"></iframe>
+            <span id="content-5-rightnext">&#187;</span>
+            <div id="content-5-next">Next &#187;</div>
+		</div>
+		<div id="content-6" style="display: none;opacity: 0;">
 			<div class="content-header">Get Started</div>
 			<div class="content-subheader">Add your first channel by clicking on the YouTube icon on the top right</div>
-			<img id="add-channel-3" src="../img/first-launch-4.png" />
+			<img id="add-channel-5" src="../img/first-launch-4.png" />
 			<div class="content-subheader">or visit:<br><a href="https://www.youtube.com/subscription_manager">https://www.youtube.com/subscription_manager</a></div>
 		</div>
 	</div>

pages/first-launch.js

@@ -29,7 +29,8 @@ $(function(){
 	$("#content-2-next, #content-2-rightnext").on("click", function(){launchPage(3);});
 	$("#content-3-next, #content-3-rightnext").on("click", function(){launchPage(4);});
 	$("#content-4-next, #content-4-rightnext").on("click", function(){launchPage(5);});
-
+	$("#content-5-next, #content-5-rightnext").on("click", function(){launchPage(6);});
+
 	/**
 	 *  Sends the user to the next page (page numbers HAS to be in order)
 	 *  @param {number} num The page number

settings_edit.html

@@ -351,20 +351,23 @@
                 </paper-card>
                 <paper-card id="paper_card-changelog" class="floating" data-toggle="false" i18n="settings_changelog_title" image="img/welcome_card.jpg">
                     <div class="card-content">
-                        <div class="content-header">v1.2.0.1</div>
+                        <div class="content-header">v1.2.1.0</div>
                         <ul>
+                            <li>Added Notification Customizer</li>
+                            <ul>
+                                <li>The notification button layout can now be fully customized</li>
+                                <li>Want a button added? Send a request <a href="//github.com/Wassup789/YouTube-Notifications/issues">here</a></li>
+                                <li>Access this option in the popup under "Edit Settings"</li>
+                            </ul>
+                            <li>Added badge number support</li>
+                            <li>Added support for file uploading via Linux</li>
+                            <li>Set notification icon to the channel's profile photo</li>
+                            <li>Removing channels no longer remove as easily (unless in the edit channel layout mode)</li>
+                            <li>Notifications titles have a maximum length to include the channel name</li>
+                            <li>Fixed bug where channel import included playlists</li>
+                            <li>Fixed bug where the add buttons appear at unwarranted locations</li>
                             <li>Fixed bug where the add buttons would appear multiple times for the user's channel</li>
                         </ul>
-                        <div class="content-header">v1.2.0.0</div>
-                        <ul>
-                            <li>Ported project to <a href="https://www.polymer-project.org">Polymer</a> from Material Design Lite</li>
-                            <li>Added channel sorting</li>
-                            <li>Added playlist support</li>
-                            <li>Added custom notification sounds</li>
-                            <li>Removed refresh upon channel additions</li>
-                            <li>Video thumbnails use less data</li>
-                            <li>Fixed bug where channels would not save upon Chrome launch</li>
-                        </ul>
                     </div>
                     <div class="card-actions">
                         <paper-button id="changelog-close-button" i18n="settings_changelog_close"></paper-button>