version 0.1.0

Author: tomotomo

README.md

@@ -4,4 +4,7 @@
 ## 設定方法
 * <chrome://extensions/> を開く
 * 「パッケージ化されていない拡張機能を読み込みます」のボタンを押す
-* 解凍したフォルダを読み込んで完了
+* 解凍したフォルダを読み込んで完了
+
+# Source code
+<https://github.com/tomotomo/backlog-template>

options.html

@@ -5,6 +5,16 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Option settings</title>
+  <style media="screen">
+  #message {
+    display: none;
+    padding: 4px;
+  }
+  #message.success {
+    color: #4F8A10;
+    background-color: #DFF2BF;
+  }
+  </style>
   <script src="jquery-3.1.0.min.js"></script>
   <script src="options.js"></script>
 </head>
@@ -18,5 +28,6 @@
     <dd><input type="text" name="issueIdOrKey" id="issueIdOrKey"></dd>
   </dl>
   <p><input type="button" value="Save" id="save"></p>
+  <p id="message" class="success"></p>
 </body>
 </html>

options.js

@@ -7,17 +7,17 @@ $(function () {
     $('#issueIdOrKey').val(data.issueIdOrKey);
   });
 
-  var key = 'backlog-template';
   var vals = {};
   $('#save').on('click', function () {
     vals = {
       spaceKey: $('#spaceKey').val(),
       apiKey: $('#apiKey').val(),
       issueIdOrKey: $('#issueIdOrKey').val()
     };
-    console.log(vals);
+    
     chrome.storage.sync.set(vals, function () {
-      console.log('Options are saved', vals);
+      console.log('Options saved', vals);
+      $('#message').text('Options saved!!').show();
     });
   });
 

run.js

@@ -1,16 +1,14 @@
 $(function () {
   chrome.storage.sync.get(['spaceKey', 'apiKey', 'issueIdOrKey'], function (data) {
-    console.log(data);
+    run(data);
   });
-  // TODO localStorageの設定データが全部取得できたら実行する。
-  run();
 });
 
-function run() {
+function run(data) {
 
     var Backlog =  {
-      endpoint: 'https://*.backlog.jp/api/v2',
-      api_key: 'YOUR_API_KEY',
+      endpoint: 'https://' + data.spaceKey + '.backlog.jp/api/v2',
+      api_key: data.apiKey,
 
       callApi: function (api) {
         var url = this.endpoint + api + '?apiKey=' + this.api_key;
@@ -28,14 +26,13 @@ function run() {
       }
     };
 
-
     var $title = $('input[name="issue.summary"]');
     var $desc = $('textarea[name="issue.description"]');
-    Backlog.getIssue('ISSUE_ID').done(function (data) {
+    Backlog.getIssue(data.issueIdOrKey).done(function (response) {
         $title.val('3ヶ月後に見ても分かるタイトルを書きましょう');
-        $desc.val(data.description);
+        $desc.val(response.description);
     }).fail(function (XMLHttpRequest, textStatus) {
-      console.error('Error Backlog.call function:' + textStatus);
+      console.error('Error: ' + textStatus);
     });
 
 }