- Basic localization for Russian and English

- Some small fixes
- Version update

chrome_point_plus/_locales/en/messages.json

@@ -0,0 +1,121 @@
+{
+    "ext_description": {
+        "message": "More features for point.im"
+    },
+    "ext_author": {
+        "message": "Alexey Skobkin"
+    },
+    "ext_page_action_title": {
+        "message": "Point+ settings"
+    },
+    
+    
+    "options_buttons_save": {
+        "message": "Save"
+    },
+    
+    
+    "options_tabs_media": {
+        "message": "Media"
+    },
+    "options_tabs_other": {
+        "message": "Other"
+    },
+    "options_tabs_websocket": {
+        "message": "WebSockets"
+    },
+    "options_tabs_feedback": {
+        "message": "Feedback"
+    },
+    
+    
+    "option_fancybox": {
+        "message": "Enable Fancybox ▼"
+    },
+    "option_fancybox_images": {
+        "message": "Use for images"
+    },
+    "option_fancybox_videos": {
+        "message": "Use for videos (YouTube, etc)"
+    },
+    "option_fancybox_posts": {
+        "message": "Use for post links"
+    },
+    "option_fancybox_bind_images_to_one_flow": {
+        "message": "Bind all images from fancybox to one flow"
+    },
+    "option_images_load_original": {
+        "message": "Load original images instead of thumbnails"
+    },
+    "option_embedding": {
+        "message": "Enable embedding ▼"
+    },
+    "option_images_load_booru": {
+        "message": "Load pictures from Booru, Tumblr and some other sites"
+    },
+    "option_videos_parse_webm": {
+        "message": "Parse webm-links and create video instead"
+    },
+    "option_embedding_soundcloud": {
+        "message": "Soundcloud ▼"
+    },
+    "option_embedding_soundcloud_orig_link": {
+        "message": "Leave original link"
+    },
+    "option_embedding_pleercom": {
+        "message": "Pleer.com ▼"
+    },
+    "option_embedding_pleercom_nokita_server": {
+        "message": "Use Nokita's server instead of AJAX to get mp3 link"
+    },
+    "option_ctrl_enter": {
+        "message": "Send post and comments by CTRL+Enter (deprecated)"
+    },
+    "option_fluid_layout": {
+        "message": "Fluid layout"
+    },
+    "option_visual_editor_post": {
+        "message": "Show visual editor for posts"
+    },
+    "option_search_with_google": {
+        "message": "Use Google search in header"
+    },
+    "option_ws": {
+        "message": "Enable WebSockets ▼"
+    },
+    "option_ws_comments": {
+        "message": "Process comments ▼"
+    },
+    "option_ws_comments_color_fadeout": {
+        "message": "Fade out highlight in 20 sec"
+    },
+    "option_ws_comments_notifications": {
+        "message": "Show desktop notifications"
+    },
+    "option_ws_feeds": {
+        "message": "Process feeds ▼"
+    },
+    "option_ws_feeds_subscriptions": {
+        "message": "Subscriptions feed"
+    },
+    "option_ws_feeds_blogs": {
+        "message": "User blog pages (only when subscribed)"
+    },
+    "option_enlarge_font": {
+        "message": "Enlarge font size ▼"
+    },
+    "option_at_before_username": {
+        "message": "@ before username"
+    },
+    "option_other_hightlight_post_comments": {
+        "message": "Hightlight post with new comments (using @NokitaKaze server)"
+    },
+    "option_other_show_recommendation_count": {
+        "message": "Show recommendation count and unique commentators count (using @NokitaKaze server)"
+    },
+    
+    
+    "options_feedback_text": {
+        "message": "<p>If you find an error do not hesitate to <a href=\"https:\/\/bitbucket.org\/skobkin\/chrome_point_plus\/issues?status=new&status=open\" target=\"_blank\">send me a bug report<\/a>.<\/p><p>Also you can make a donation in the following ways:<\/p><p><iframe frameborder=\"0\" allowtransparency=\"true\" scrolling=\"no\" src=\"https:\/\/money.yandex.ru\/embed\/small.xml?account=41001539215836&quickpay=small&yamoney-payment-type=on&button-text=04&button-size=s&button-color=black&targets=Point%2B&default-sum=150&successURL=https%3A%2F%2Fbitbucket.org%2Fskobkin%2Fchrome_point_plus\" width=\"158\" height=\"31\"><\/p><p><\/iframe><\/p><p><iframe frameborder=\"0\" allowtransparency=\"true\" scrolling=\"no\" src=\"https:\/\/money.yandex.ru\/embed\/small.xml?account=41001539215836&quickpay=small&any-card-payment-type=on&button-text=04&button-size=s&button-color=black&targets=Point%2B&default-sum=150&successURL=https%3A%2F%2Fbitbucket.org%2Fskobkin%2Fchrome_point_plus\" width=\"158\" height=\"31\"><\/iframe><\/p><p><form action=\"https:\/\/www.paypal.com\/cgi-bin\/webscr\" method=\"post\" target=\"_top\"><input type=\"hidden\" name=\"cmd\" value=\"_s-xclick\"><input type=\"hidden\" name=\"hosted_button_id\" value=\"RCW5V6UFXYTRE\"><input type=\"image\" src=\"https:\/\/www.paypalobjects.com\/ru_RU\/RU\/i\/btn\/btn_donateCC_LG.gif\" border=\"0\" name=\"submit\" alt=\"PayPal — более безопасный и легкий способ оплаты через Интернет!\"><img alt=\"\" border=\"0\" src=\"https:\/\/www.paypalobjects.com\/en_US\/i\/scr\/pixel.gif\" width=\"1\" height=\"1\"><\/form><\/p>"
+    }
+}

chrome_point_plus/_locales/ru/messages.json

@@ -0,0 +1,121 @@
+{
+    "ext_description": {
+        "message": "Больше полезных функций для point.im"
+    },
+    "ext_author": {
+        "message": "Алексей Скобкин"
+    },
+    "ext_page_action_title": {
+        "message": "Настройки Point+"
+    },
+    
+    
+    "options_buttons_save": {
+        "message": "Сохранить"
+    },
+    
+    
+    "options_tabs_media": {
+        "message": "Медиа"
+    },
+    "options_tabs_other": {
+        "message": "Прочее"
+    },
+    "options_tabs_websocket": {
+        "message": "Вебсокеты"
+    },
+    "options_tabs_feedback": {
+        "message": "Связь и донейт"
+    },
+    
+    
+    "option_fancybox": {
+        "message": "Включить Fancybox ▼"
+    },
+    "option_fancybox_images": {
+        "message": "Использовать для картинок"
+    },
+    "option_fancybox_videos": {
+        "message": "Использовать для видео (YouTube и т.п.)"
+    },
+    "option_fancybox_posts": {
+        "message": "Использовать для ссылок на посты"
+    },
+    "option_fancybox_bind_images_to_one_flow": {
+        "message": "Связать все картинки в одну галерею"
+    },
+    "option_images_load_original": {
+        "message": "Загружать оригиналы вместо миниатюр"
+    },
+    "option_embedding": {
+        "message": "Включить встраивание ▼"
+    },
+    "option_images_load_booru": {
+        "message": "Загружать картинки с Booru, Tumblr и других сайтов"
+    },
+    "option_videos_parse_webm": {
+        "message": "Оборачивать ссылки на webm в тег <video>"
+    },
+    "option_embedding_soundcloud": {
+        "message": "Soundcloud ▼"
+    },
+    "option_embedding_soundcloud_orig_link": {
+        "message": "Не убирать ссылку"
+    },
+    "option_embedding_pleercom": {
+        "message": "Pleer.com ▼"
+    },
+    "option_embedding_pleercom_nokita_server": {
+        "message": "Использовать сервер @NokitaKaze вместо AJAX-запроса для получения mp3"
+    },
+    "option_ctrl_enter": {
+        "message": "Отправлять текст по CTRL+Enter (устарело)"
+    },
+    "option_fluid_layout": {
+        "message": ""Резиновая" вёрстка (растянуть сайт по горизонтали)"
+    },
+    "option_visual_editor_post": {
+        "message": "Визуальный редактор постов"
+    },
+    "option_search_with_google": {
+        "message": "Поиск по сайту с помощью Google"
+    },
+    "option_ws": {
+        "message": "Включить вебсокеты ▼"
+    },
+    "option_ws_comments": {
+        "message": "Получать комментарии ▼"
+    },
+    "option_ws_comments_color_fadeout": {
+        "message": "Затухание подсветки через 20 секунд"
+    },
+    "option_ws_comments_notifications": {
+        "message": "Включить уведомления на рабочем столе"
+    },
+    "option_ws_feeds": {
+        "message": "Обрабатывать ленты ▼"
+    },
+    "option_ws_feeds_subscriptions": {
+        "message": "Подписки"
+    },
+    "option_ws_feeds_blogs": {
+        "message": "Блоги пользователей (только при подписке)"
+    },
+    "option_enlarge_font": {
+        "message": "Увеличить шрифт ▼"
+    },
+    "option_at_before_username": {
+        "message": "Пёс перед юзернеймом"
+    },
+    "option_other_hightlight_post_comments": {
+        "message": "Подсвечивать посты с новыми комментариями (используя сервер @NokitaKaze)"
+    },
+    "option_other_show_recommendation_count": {
+        "message": "Показывать количество рекомендаций и уникальных комментаторов в посте (используя сервер @NokitaKaze)"
+    },
+    
+    
+    "options_feedback_text": {
+        "message": "<p>Нашли ошибку? Не стесняйтесь <a href=\"https:\/\/bitbucket.org\/skobkin\/chrome_point_plus\/issues?status=new&status=open\" target=\"_blank\">сообщить о ней<\/a>.<\/p><p>Также вы можете сделать пожертвование автору:<\/p><p><iframe frameborder=\"0\" allowtransparency=\"true\" scrolling=\"no\" src=\"https:\/\/money.yandex.ru\/embed\/small.xml?account=41001539215836&quickpay=small&yamoney-payment-type=on&button-text=04&button-size=s&button-color=black&targets=Point%2B&default-sum=150&successURL=https%3A%2F%2Fbitbucket.org%2Fskobkin%2Fchrome_point_plus\" width=\"158\" height=\"31\"><\/iframe><\/p><p><iframe frameborder=\"0\" allowtransparency=\"true\" scrolling=\"no\" src=\"https:\/\/money.yandex.ru\/embed\/small.xml?account=41001539215836&quickpay=small&any-card-payment-type=on&button-text=04&button-size=s&button-color=black&targets=Point%2B&default-sum=150&successURL=https%3A%2F%2Fbitbucket.org%2Fskobkin%2Fchrome_point_plus\" width=\"158\" height=\"31\"><\/iframe><\/p><p><form action=\"https:\/\/www.paypal.com\/cgi-bin\/webscr\" method=\"post\" target=\"_top\"><input type=\"hidden\" name=\"cmd\" value=\"_s-xclick\"><input type=\"hidden\" name=\"hosted_button_id\" value=\"WW33X5J5WFSP4\"><input type=\"image\" src=\"https:\/\/www.paypalobjects.com\/ru_RU\/RU\/i\/btn\/btn_donateCC_LG.gif\" border=\"0\" name=\"submit\" alt=\"PayPal — более безопасный и легкий способ оплаты через Интернет!\"><img alt=\"\" border=\"0\" src=\"https:\/\/www.paypalobjects.com\/en_US\/i\/scr\/pixel.gif\" width=\"1\" height=\"1\"><\/form><\/p>"
+    }
+}

chrome_point_plus/js/i18n.js

@@ -0,0 +1,6 @@
+$(document).ready(function() {
+    // Processing all emenents contains data-i18n attribute
+    $('[data-i18n]').each(function() {
+        $(this).html(chrome.i18n.getMessage($(this).data('i18n')));
+    });
+});

chrome_point_plus/js/options.js

@@ -9,8 +9,6 @@ var ppOptions = [
         'option_fancybox_posts',
         // Bind all images from fancybox to one flow
         'option_fancybox_bind_images_to_one_flow',
-    // CTRL+Enter
-    'option_ctrl_enter',
     // Load original images
     'option_images_load_original',
     // Embedding
@@ -25,6 +23,8 @@ var ppOptions = [
         // Pleer.com
         'option_embedding_pleercom',
             'option_embedding_pleercom_nokita_server',
+    // CTRL+Enter
+    'option_ctrl_enter',
     // Fluid layout
     'option_fluid_layout', 
     // Visual editor for posts

chrome_point_plus/js/point-plus.js

@@ -334,7 +334,7 @@ $(document).ready(function() {
                                                 type: 'showNotification',
                                                 notificationId: wsMessage.post_id + '_' + wsMessage.comment_id,
                                                 avatarUrl: ((location.protocol == 'http:') ? 'http:' : 'https:') + userAvatar + '/80',
-                                                title: '@' + wsMessage.author + ' commented #' + wsMessage.post_id + '(/' + wsMessage.comment_id + ')',
+                                                title: '@' + wsMessage.author + ' → #' + wsMessage.post_id + '(/' + wsMessage.comment_id + ')',
                                                 text: wsMessage.text
                                             });
                                         }

chrome_point_plus/manifest.json

@@ -1,17 +1,18 @@
 {
     "manifest_version": 2,
     "name": "Point+",
-    "version": "1.11.0",
-    "author": "Alexey Skobkin",
+    "version": "1.12.0",
+    "default_locale": "ru",
+    "author": "__MSG_ext_author__",
     "homepage_url": "https://bitbucket.org/skobkin/chrome_point_plus",
-    "description": "More features for point.im",
+    "description": "__MSG_ext_description__",
     "options_page": "options.html",
     "page_action": {
         "default_icon": {
             "19": "images/icon19.png",
             "38": "images/icon38.png"
         },
-        "default_title": "Point+",
+        "default_title": "__MSG_ext_page_action_title__",
         "default_popup": "options.html"
     },
     "icons": {

chrome_point_plus/options.html

@@ -10,62 +10,62 @@
     <body class="pp-options">
         <div class="tabs usual">
             <ul class="idTabs">
-                <li><a href="#media">Media</a></li>
-                <li><a href="#other">Other</a></li>
-                <li><a href="#websocket">WebSockets</a></li>
-                <li><a href="#feedback">Feedback</a></li>
+                <li><a href="#media" data-i18n="options_tabs_media"></a></li>
+                <li><a href="#other" data-i18n="options_tabs_other"></a></li>
+                <li><a href="#websocket" data-i18n="options_tabs_websocket"></a></li>
+                <li><a href="#feedback" data-i18n="options_tabs_feedback"></a></li>
             </ul>
             
             <div id="tabs-content">
                 <div class="tab-content" id="media">
                     <div class="option">
-                        <input type="checkbox" id="option-fancybox"><label for="option-fancybox">Enable Fancybox &#9660;</label>
+                        <input type="checkbox" id="option-fancybox"><label for="option-fancybox" data-i18n="option_fancybox"></label>
                         
                         <div class="option">
-                            <input type="checkbox" id="option-fancybox-images"><label for="option-fancybox-images">Use for images</label>
+                            <input type="checkbox" id="option-fancybox-images"><label for="option-fancybox-images" data-i18n="option_fancybox_images"></label>
                         </div>
 
                         <div class="option">
-                            <input type="checkbox" id="option-fancybox-videos"><label for="option-fancybox-videos">Use for videos (YouTube, ...)</label>
+                            <input type="checkbox" id="option-fancybox-videos"><label for="option-fancybox-videos" data-i18n="option_fancybox_videos"></label>
                         </div>
 
                         <div class="option">
-                            <input type="checkbox" id="option-fancybox-posts"><label for="option-fancybox-posts">Use for post links</label>
+                            <input type="checkbox" id="option-fancybox-posts"><label for="option-fancybox-posts" data-i18n="option_fancybox_posts"></label>
                         </div>
 
                         <div class="option">
-                            <input type="checkbox" id="option-fancybox-bind-images-to-one-flow"><label for="option-fancybox-bind-images-to-one-flow">Bind all images from fancybox to one flow</label>
+                            <input type="checkbox" id="option-fancybox-bind-images-to-one-flow"><label for="option-fancybox-bind-images-to-one-flow" data-i18n="option_fancybox_bind_images_to_one_flow"></label>
                         </div>
                     </div>
 
                     <div class="option">
-                        <input type="checkbox" id="option-images-load-original"><label for="option-images-load-original">Load original images instead of thumbnails</label>
+                        <input type="checkbox" id="option-images-load-original"><label for="option-images-load-original" data-i18n="option_images_load_original"></label>
                     </div>
 
                     <div class="option">
-                        <input type="checkbox" id="option-embedding"><label for="option-embedding">Enable embedding &#9660;</label>
+                        <input type="checkbox" id="option-embedding"><label for="option-embedding" data-i18n="option_embedding"></label>
                         
                         <div class="option">
-                            <input type="checkbox" id="option-images-load-booru"><label for="option-images-load-booru">Load pictures from Booru, Tumblr and some other sites</label>
+                            <input type="checkbox" id="option-images-load-booru"><label for="option-images-load-booru" data-i18n="option_images_load_booru"></label>
                         </div>
 
                         <div class="option">
-                            <input type="checkbox" id="option-videos-parse-webm"><label for="option-videos-parse-webm">Parse webm-links and create video instead</label>
+                            <input type="checkbox" id="option-videos-parse-webm"><label for="option-videos-parse-webm" data-i18n="option_videos_parse_webm"></label>
                         </div>
 
                         <div class="option">
-                            <input type="checkbox" id="option-embedding-soundcloud"><label for="option-embedding-soundcloud">Soundcloud &#9660;</label>
+                            <input type="checkbox" id="option-embedding-soundcloud"><label for="option-embedding-soundcloud" data-i18n="option_embedding_soundcloud"></label>
                             
                             <div class="option">
-                                <input type="checkbox" id="option-embedding-soundcloud-orig-link"><label for="option-embedding-soundcloud-orig-link">Leave original link</label>
+                                <input type="checkbox" id="option-embedding-soundcloud-orig-link"><label for="option-embedding-soundcloud-orig-link" data-i18n="option_embedding_soundcloud_orig_link"></label>
                             </div>
                         </div>
 
                         <div class="option">
-                            <input type="checkbox" id="option-embedding-pleercom"><label for="option-embedding-pleercom">Pleer.com &#9660;</label>
+                            <input type="checkbox" id="option-embedding-pleercom"><label for="option-embedding-pleercom" data-i18n="option_embedding_pleercom"></label>
 
                             <div class="option">
-                                <input type="checkbox" id="option-embedding-pleercom-nokita-server"><label for="option-embedding-pleercom-nokita-server">Use Nokita's server instead of AJAX to get mp3 link</label>
+                                <input type="checkbox" id="option-embedding-pleercom-nokita-server"><label for="option-embedding-pleercom-nokita-server" data-i18n="option_embedding_pleercom_nokita_server"></label>
                             </div>
                         </div>
                     </div>
@@ -73,23 +73,23 @@
 
                 <div class="tab-content" id="other">
                     <div class="option">
-                        <input type="checkbox" id="option-ctrl-enter" disabled="disabled"><label for="option-ctrl-enter">Send post and comments by CTRL+Enter (deprecated)</label>
+                        <input type="checkbox" id="option-ctrl-enter" disabled="disabled"><label for="option-ctrl-enter" data-i18n="option_ctrl_enter"></label>
                     </div>
                     
                     <div class="option">
-                        <input type="checkbox" id="option-fluid-layout"><label for="option-fluid-layout">Fluid layout</label>
+                        <input type="checkbox" id="option-fluid-layout"><label for="option-fluid-layout" data-i18n="option_fluid_layout"></label>
                     </div>
                     
                     <div class="option">
-                        <input type="checkbox" id="option-visual-editor-post"><label for="option-visual-editor-post">Show visual editor for posts</label>
+                        <input type="checkbox" id="option-visual-editor-post"><label for="option-visual-editor-post" data-i18n="option_visual_editor_post"></label>
                     </div>
 
                     <div class="option">
-                        <input type="checkbox" id="option-search-with-google"><label for="option-search-with-google">Use Google search in header</label>
+                        <input type="checkbox" id="option-search-with-google"><label for="option-search-with-google" data-i18n="option_search_with_google"></label>
                     </div>
                     
                     <div class="option">
-                        <input type="checkbox" id="option-enlarge-font"><label for="option-enlarge-font">Enlarge font size &#9660;</label>
+                        <input type="checkbox" id="option-enlarge-font"><label for="option-enlarge-font" data-i18n="option_enlarge_font"></label>
                         
                         <div class="option">
                             <input name="pp-font-size" id="option-enlarge-font-85" type="radio" value="85" checked="checked"><label for="option-enlarge-font-85">0.85em</label>
@@ -99,64 +99,51 @@
                     </div>
                     
                     <div class="option">
-                        <input type="checkbox" id="option-at-before-username"><label for="option-at-before-username">&#64; before username</label>
+                        <input type="checkbox" id="option-at-before-username"><label for="option-at-before-username" data-i18n="option_at_before_username"></label>
                     </div>
 
                     <div class="option">
-                        <input type="checkbox" id="option-other-hightlight-post-comments"><label for="option-other-hightlight-post-comments">Hightlight post with new comments (using @NokitaKaze server)</label>
+                        <input type="checkbox" id="option-other-hightlight-post-comments"><label for="option-other-hightlight-post-comments" data-i18n="option_other_hightlight_post_comments"></label>
                     </div>
 
                     <div class="option">
-                        <input type="checkbox" id="option-other-show-recommendation-count"><label for="option-other-show-recommendation-count">Show recommendation count and unique commentators count (using @NokitaKaze server)</label>
+                        <input type="checkbox" id="option-other-show-recommendation-count"><label for="option-other-show-recommendation-count" data-i18n="option_other_show_recommendation_count"></label>
                     </div>
 
                 </div>
                 
                 <div class="tab-content" id="websocket">
                     <div class="option">
-                        <input type="checkbox" id="option-ws"><label for="option-ws">Enable WebSockets &#9660;</label>
+                        <input type="checkbox" id="option-ws"><label for="option-ws" data-i18n="option_ws"></label>
 
                         <div class="option">
-                            <input type="checkbox" id="option-ws-comments"><label for="option-ws-comments">Process comments &#9660;</label>
+                            <input type="checkbox" id="option-ws-comments"><label for="option-ws-comments" data-i18n="option_ws_comments"></label>
                             
                             <div class="option">
-                                <input type="checkbox" id="option-ws-comments-color-fadeout"><label for="option-ws-comments-color-fadeout">Fade out highlight in 20 sec</label>
+                                <input type="checkbox" id="option-ws-comments-color-fadeout"><label for="option-ws-comments-color-fadeout" data-i18n="option_ws_comments_color_fadeout"></label>
                             </div>
                             
                             <div class="option">
-                                <input type="checkbox" id="option-ws-comments-notifications"><label for="option-ws-comments-notifications">Show desktop notifications</label>
+                                <input type="checkbox" id="option-ws-comments-notifications"><label for="option-ws-comments-notifications" data-i18n="option_ws_comments_notifications"></label>
                             </div>
                         </div>
                         
                         <div class="option">
-                            <input type="checkbox" id="option-ws-feeds" disabled><label for="option-ws-feeds">Process feeds &#9660;</label>
+                            <input type="checkbox" id="option-ws-feeds" disabled><label for="option-ws-feeds" data-i18n="option_ws_feeds"></label>
                             
                             <div class="option">
-                                <input type="checkbox" id="option-ws-feeds-subscriptions"><label for="option-ws-feeds-subscriptions">Subscriptions feed</label>
+                                <input type="checkbox" id="option-ws-feeds-subscriptions"><label for="option-ws-feeds-subscriptions" data-i18n="option_ws_feeds_subscriptions"></label>
                             </div>
                             
                             <div class="option">
-                                <input type="checkbox" id="option-ws-feeds-blogs"><label for="option-ws-feeds-blogs">User blog pages (only when subscribed)</label>
+                                <input type="checkbox" id="option-ws-feeds-blogs"><label for="option-ws-feeds-blogs" data-i18n="option_ws_feeds_blogs"></label>
                             </div>
                         </div>
                     </div>
                 </div>
 
                 <div class="tab-content" id="feedback">
-                    <div class="text">
-                        <p>
-                            If you find an error do not hesitate to <a href="https://bitbucket.org/skobkin/chrome_point_plus/issues?status=new&status=open" target="_blank">send me a bug report</a>.
-                        </p>
-                        <p>
-                            You can make a donation in the following ways:
-                        </p>
-                        <p>
-                            Yandex.Money: 41001539215836
-                        </p>
-                        <p>
-                            <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=WW33X5J5WFSP4" target="_blank">PayPal</a>
-                        </p>
-                    </div>
+                    <div class="text" data-i18n="options_feedback_text"></div>
                 </div>
             </div>
             
@@ -165,7 +152,7 @@
                 <div id="status"></div>
                 
                 <div class="left">
-                    <button id="save" class="button">Save</button>
+                    <button id="save" class="button" data-i18n="options_buttons_save"></button>
                 </div>
                 
                 <div class="right">
@@ -175,5 +162,6 @@
         </div>
        
         <script src="js/options.js"></script>
+        <script src="js/i18n.js"></script>
     </body>
 </html>