Fixing #2479: Allow user to change the project description without needing to publish their project.

README.md

@@ -76,8 +76,8 @@ The first step is to fork and clone Thimble and navigate to the cloned directory
 For the first time, you need to install Thimble's dependencies and start all dependent services. To do this, simply run the following commands in succession:
 
 ```sh
-npm run env
 npm install
+npm run env
 vagrant up
 ```
 This process can take a while depending on your internet connection speed as it needs to download all dependencies.
@@ -123,8 +123,8 @@ Please note: On Windows, use ``copy`` instead of ``cp``
 
 #### Thimble
 * Fork and clone https://github.com/mozilla/thimble.mozilla.org
-* Run ``npm run env`` to create an environment file
 * Run ``npm install`` to install dependencies
+* Run ``npm run env`` to create an environment file
 * Run ``npm start`` to start the server
 
 #### id.webmaker.org

locales/kab/editor.properties

@@ -185,6 +185,7 @@ VIDEO_OPTION_DISABLE_AUDIO=Sens ameslaw
 # Audio Viewer
 AUDIO_FILE=Afaylu ameslaw
 AUDIO_OPTIONS=Iɣewwaṛen n umeslaw
+AUDIO_OPTION_AUTOPLAY=Bdu taɣuri n imesli-agi s wudem awurman
 
 # Binary Viewer
 # Title for binary file actions that user can take

locales/kab/server.properties

@@ -27,6 +27,7 @@ signInPromptHomepage=<a href="#" title="Kcem ar Thimble" id="login-link" data-lo
 
 # Reload Preview Page
 errorCantLoadPreviewTitle=Ihuh, yella wayen yeḍran!
+reloadButtonLabel=Smiren
 
 ############
 ## Editor ##
@@ -126,6 +127,7 @@ snippetCSSClassSelectorTitle=Imsefranen n uɣanib s tneɣrit
 snippetCSSIDSelector=Amsefran n isulayen
 # Description of animation code inside a CSS comment /* The animation code */
 # Description of animation code inside a CSS comment /* The element to apply the animation to */
+snippetCSSAnchorStyle=Iɣunab n iseɣwan
 # Description of unvisited anchor CSS selector inside a CSS comment /* unvisited link */
 # Description of visited anchor CSS selector inside a CSS comment /* visited link */
 snippetCSSAnchorStyleVisitedLinkComment=Yettwarza
@@ -137,6 +139,7 @@ snippetCSSAnchorStyleActiveLinkComment=Urmid
 # Description of data to add for a CSS media query inside a CSS comment /* Rules when screen is wider than 768px */
 snippetCSSFont=Tisefsiyin
 # Description of an example :after CSS pseudo selector that will show up in CSS comment /* Adds an arrow before every element with class='arrow' */
+snippetJSFunction=Tawuri tazadurt
 snippetJSComment=Awennit
 snippetJSCommentTitle=Rnu awennit γer ufaylu inek JavaScript
 # This will go inside a console.log(). Please leave the quotes in the translated string and do not translate `name` as it is a javascript variable. For eg. the string will be displayed as `console.log("Hello, " + name);`
@@ -159,9 +162,13 @@ snippetJSConditionalComment=Eg kra i tanaḍt-agi case
 # Description of what needs to happen inside the fallback JS conditional block (else/default) as a JS comment // Do something if no condition was met
 snippetJSObject=Taγawsa
 # Description of an example of using document.querySelector() which will show up in a JS comment // Select an element with id="button"
+snippetJSClickHandlerComment=Fren aferdis s id="button"
 # Will show up as `console.log("Click!")`
 snippetJSClickHandlerLog=Sit!
+snippetJSChangeStyle=Snifel taɣara n CSS
+snippetJSChangeStyleTitle=Snifel taɣara CSS n uferdis
 # Description of an example of changing an HTML element's style in JS which will show up in a JS comment // Select the element with id='alert'
+snippetJSChangeStyleComment=Fren aferdis s id='alert'
 
 # Publishing
 publishHeader=Suffeɣ-d asenfaṛ inek
@@ -185,6 +192,7 @@ deleteProjects=Kkes isenfaṛen
 ###################
 
 
+fileTreeFeatureTitle=Rnu u sefrek ifuyla
 themeFeatureTitle=Siγ tafat neγ sens-itt
 previewModesFeatureTitle=Sekyed asenfaṛ-ik ɣef yibenk aziraz
 inspectorFeatureTitle=NAdi s zreb iferdisen HTML
@@ -201,7 +209,9 @@ goodFirstBugsBadge=Yelha abug amezwaru
 getInTouch=Nermres-aɣ-d
 getInTouchEmail=Azen-aɣ-d imayl
 
+featuredContributors=Imttekkiyen ifazen
 
+cgsinghContrib1=Yerna aglam i usebter n isenfaṛen
 
 ############
 ## Shared ##
@@ -293,6 +303,7 @@ publishBtnTitle=Suffeɣ-d u bḍu asenfaṛ inek
 
 prjListNewProjectBtnTitle=Senker asenfar amaynut si ulac
 prjListDeleteProjectBtnTitle=Kkes asenfaṛ agi
+prjListCancelDeleteProjectBtnTitle=Sefsex tukksa n usenfaṛ-agi
 
 ############
 ## Shared ##

locales/nn-NO/editor.properties

@@ -154,6 +154,7 @@ IMAGE_ALT_TEXT=Bildeskildring
 # Image Filters
 
 IMAGE_FILTERS_TITLE=Bildefilter
+IMAGE_FILTER_PINHOLE=Holkamera
 IMAGE_FILTER_SEPIA=Sepia
 IMAGE_FILTER_CONTRAST=Kontrast
 IMAGE_FILTER_VINTAGE=Gammaldags (VIntage)

locales/nn-NO/server.properties

@@ -20,11 +20,14 @@ termsOfUse=Brukarvilkår
 privacyPolicy=Personvernpraksis
 thimbleFooter=Thimble er ein del av Mozilla Learning Network. <br/>Lær deg å undervise som Mozilla på <a href="http://learning.mozilla.org">learning.mozilla.org</a>.
 pageTitleGetInvolved=Thimble av Mozilla - ver med
+pageTitleFeatures=Thimble av Mozilla - funksjonar
 
 # Userbar
 signInPromptHomepage=<a href="#" title="Sign in to Thimble" id="login-link" data-loginUrl="{{ loginURL }}" class="navbar-login">Logg inn</a> eller <a href="#" title="Create an account" id="signup-link" class="navbar-login">opprett ein konto</a>
 
 # Reload Preview Page
+errorCantLoadPreviewTitle=Å nei, noko gjekk gale!
+errorCantLoadPreview=Vi klarte ikkje å laste førehandsvisinga, last om for å prøve på nytt…
 reloadButtonLabel=Oppdater
 
 ############
@@ -33,6 +36,8 @@ reloadButtonLabel=Oppdater
 
 # Loading the editor
 loadingProject=Lastar prosjekt
+loadingProjectSupportSuggestion=Om prosketet ikkje lastar, <a title="Thimble help page" href="https://github.com/mozilla/thimble.mozilla.org/wiki/Project-not-Loading-Help">få hjelp her</a>.
+reloadThimbleMessage=Oppdater nettlesaren din for å laste inn Thimble på nytt. <button class="refresh-browser">Oppdater no</button>
 errorCouldNotStart=Thimble klarte ikkje å starte.
 errorUnsupportedBrowserIgnore=La meg prøve likevel!
 tryAgainButtonLabel=Prøv på nytt
@@ -273,7 +278,6 @@ sanariaz154Quote=«Alle menneske treng nokon som gjev oss tilbakemelding. Slik f
 raygervaisContrib1=Lagt til ein JavaScript-konsoll for å hjelpa elevane med å feilsøkje koden sin og å finne feil
 raygervaisContrib2=Forbetra brukarvennlegheita i Thimble-menyane
 cgsinghContrib1=La til skildringar på prosjektsoda
-peiying16Contrib1=La til støtte for filikon i
 peiying16Contrib2=Fiksa ein feil (bug) i relatert til JavaScript-instillingane
 peiying16Contrib3=Støtte for redigering av SVG-filer direkte i redigeraren (editor)
 omytryniukContrib1=Gjer den innebyde bildevisaren betre

locales/te/server.properties

@@ -24,6 +24,7 @@ pageTitleGetInvolved=Mozilla వారి Thimble లో పల్గొనం
 # Userbar
 
 # Reload Preview Page
+errorCantLoadPreviewTitle=అయ్యో, ఎదో తప్పు జరిగింది!
 
 ############
 ## Editor ##

locales/zh-CN/editor.properties

@@ -202,6 +202,9 @@ BINARY_FILE_DOWNLOAD=下载它
 BINARY_FILE_OPEN=在新标签页中打开它
 BINARY_FILE_TRY_EDIT=尝试编辑它
 
+#PDF Viewer
+PDF_FILE_TITLE=PDF 文件
+
 ################
 ## EXTENSIONS ##
 ################

locales/zh-CN/server.properties

@@ -25,17 +25,22 @@ pageTitleFeatures=Mozilla Thimble - 功能
 # Userbar
 signInPromptHomepage=<a href="#" title="登录 Thimble" id="login-link" data-loginUrl="{{ loginURL }}" class="navbar-login">登录</a>或<a href="#" title="创建一个账号" id="signup-link" class="navbar-login">创建一个账号</a>
 
+# Reload Preview Page
+errorCantLoadPreviewTitle=哦！好像出错了！
+errorCantLoadPreview=我们无法载入预览，请重新载入页面后再试一次...
+reloadButtonLabel=重新载入
+
 ############
 ## Editor ##
 ############
 
 # Loading the editor
-loadingProject=正在加载项目
-loadingProjectSupportSuggestion=如果项目未加载，<a title="Thimble 帮助页面" href="https://github.com/mozilla/thimble.mozilla.org/wiki/Project-not-Loading-Help">到这里获取帮助</a>。
+loadingProject=正在载入项目
+loadingProjectSupportSuggestion=如果项目未载入，<a title="Thimble 帮助页面" href="https://github.com/mozilla/thimble.mozilla.org/wiki/Project-not-Loading-Help">到这里获取帮助</a>。
 reloadThimbleMessage=请重新载入 Thimble 以重试。<button class="refresh-browser">重新载入</button>
 errorCouldNotStart=Thimble 无法启动。
-errorLoadingProject=加载您的项目时出错。<br>请刷新您的浏览器。
-errorLoadingProjectSuggestion=注意，如果您在使用隐私浏览模式，请试试在普通模式中加载。
+errorLoadingProject=载入您的项目时出错。<br>请刷新您的浏览器。
+errorLoadingProjectSuggestion=注意，如果您在使用隐私浏览模式，请试试在普通模式中载入。
 errorUnsupportedBrowser=很抱歉，Thimble 不适用您的浏览器
 errorUnsupportedBrowserSuggestion1=Thimble 可以在下列浏览器中正常运行：<a title="下载 Mozilla Firefox" href="https://www.mozilla.org/firefox/new/">Firefox</a>、<a title="下载 Google Chrome" href="https://www.google.com/chrome/browser/desktop/index.html">Chrome</a>、Internet Explorer 11, Microsoft Edge、Safari (8+) 及 <a title="下载 Opera" href="http://www.opera.com/download">Opera</a>。
 errorUnsupportedBrowserIgnore=但我还想试试！
@@ -78,7 +83,7 @@ navAllowJS=允许 JavaScript
 navAllowWS=显示空白
 navAutoComplete=自动完成代码
 navAutoEncloseTags=自动关闭标签
-navXMLSVG=XML/SVG
+navSVGedit=用代码编辑 SVG 图像
 navPreview=预览
 navViewTutorial=教程
 navToggleAutoUpdateTitle=切换自动刷新预览
@@ -228,7 +233,7 @@ deleteProjects=删除项目
 ## Features page ##
 ###################
 
-featuresHeader=绝佳的功能使编写代码<br/>的学习<em>和</em>教学更加轻松和有趣
+featuresHeader=绝佳的功能使学习<em>与</em> <br/>教授编写代码简单而有趣
 featuresCallout=Thimble 是一个可以在浏览器中运行的全功能代码编辑器。它旨在帮助新手编程人员使用 HTML、CSS 和 JavaScript 创建自己的网站和基于 Web 的项目。您需要的一切都在您的指尖，让您（或您的课堂）快速部署和运行。
 featuresCalloutDesc=它将代码编辑器、网页服务器、网页浏览器和开发者工具合而为一，而且它还是<em>免费的！</em>
 
@@ -280,7 +285,7 @@ contributeReason3=支持 Mozilla 的使命，为所有人建立开放的互联
 contributeReason4=感觉很棒！
 getInvolvedDescription1=Thimble 是 <a href="{{ mozillaFoundationURL }}">Mozilla 基金会</a> 与 <a href="{{ cdotURL }}">塞内卡大学开放技术开发中心</a> 联合创建的一个<a href="https://zh.wikipedia.org/wiki/开源">开源</a>项目。自创立以来，来自全世界的贡献者为项目的成功发挥了重要作用。
 getInvolvedDescription2=这是一个真正的国际项目，它 <strong>已被翻译为 33 种语言</strong>（并有超过 100 种语言正在翻译），且 <strong>有超过 200 多个国家/地区的学习者</strong>。
-noContributionTooSmallTitle=没有贡献微不足道
+noContributionTooSmallTitle=再小的贡献也足以称道
 noContributionTooSmallDesc=我们欢迎所有技能水平与职业背景的贡献者。你不必是一个专业程序员，事实上，超过一半贡献者标识自己为学生。你可以从小事开始，比如填报一个问题…
 noContributionTooSmallReason1=报告缺陷、问题或拼写错误
 noContributionTooSmallReason2=请求更改、新功能或新项目
@@ -308,20 +313,25 @@ raygervaisQuote=“在向 Thimble 的过程中我了解了现代的 JavaScript 
 hkiratContrib1=已创建一个自定义界面来编辑 A 帧标签的参数
 hkiratContrib2=代码完成已是可选设置
 hkiratContrib3=研究合作编辑的技术方法
+hkiratQuote=“在 Thimble 的工作经历很有意义。他们的代码写得很好，导师也非常热心。如果你想开始在开源领域做点事，这个项目不错，贡献的过程中我还知道了很多开源的最佳实践。“
 cgsinghContrib1=已添加描述到项目页面
 cgsinghContrib2=自动闭合标签已成为可选设置
 cgsinghContrib3=修复一个发布按钮的长期可用性问题
-peiying16Contrib1=已添加文件图标支持
+cgsinghQuote=“最开始来 Thimble 的时候我还挺担心的。但我开始做贡献后，一切逐渐变得还算满意。在我通常不愿接触的领域 &mdash; Web 开发上我学到了很多。做开源开发时，我从不觉得孤单。把这么多天才的想法聚集起来，让像 Thimble 这样伟大的产品才诞生了。“
+peiying16Contrib1fix=在文件列表中添加文件图标对应关系
 peiying16Contrib2=修复 JavaScript 设置相关的问题
 peiying16Contrib3=支持在编辑器中编辑 SVG 文件
 peiying16Quote=“我爱 Thimble，我也喜欢与 Thimble 团队修复 bug。”
 th30Contrib1=已更新菜单过渡效果
 th30Contrib2=确保文件在编辑器中正确突出显示
+th30Quote=“Thimble 的工作的确是进入开源领域具有挑战性和爆炸性的途径。它真的让我有机会能跟许多才华横溢的人合作共事，在这工作，犯错误不过是改进自我的宝贵机会。坚持是关键，还一定要对宝贵的改进机会做出反应！”
 omytryniukContrib1=改进内置的图像查看器界面
 omytryniukContrib2=已增加数个界面改进和修复一些前端样式和功能的问题
 omytryniukContrib3=已更新 Thimble 项目中的节点依赖关系
+omytryniukQuote=“对我来说，使用Thimble不仅能获得宝贵的编程经验，还能有强烈的成就感，并且你参与设计的产品会在世界各地使用。我写的程序能够造福数百万人，意识到这一点使我在Thimble的工作充满动力。项目团队友好、积极的氛围是令我享受在Thimble这个开放源代码平台工作的另一原因。”
 timmoyContrib1=已修复与预览面板上的自动刷新设置相关的错误 &mdash; 它现在会记住浏览器刷新时的设置
 timmoyContrib2=已添加功能，可以为项目中的图像添加滤镜
+timmoyQuote=“来到Thimble之前，我独自或者跟团队一起编写相对小规模的程序。而现在，我写的代码分布于300多人一起工作的成百上千个文件之中，这确实让我大开眼界，令我认识到竟能如此“与他人合作”。我发现适应这里的环境需要经历学习曲线，但在这里总有友好的人帮助我入门，克服一路重重障碍。仅数月之后，我就有能力为社群做出超出自己预期的贡献了。开放源代码的持续发展会让我们一起创造无限可能！”
 
 ############
 ## Shared ##

package.json

@@ -92,6 +92,7 @@
   "devDependencies": {
     "eslint": "^4.6.1",
     "eslint-plugin-prettier": "^2.2.0",
+    "is-reachable":"^2.3.3",
     "prettier": "^1.6.1",
     "shx": "^0.2.2",
     "stylelint": "^8.1.1",

public/editor/scripts/ui/index.js

@@ -443,6 +443,10 @@ function init(bramble, csrfToken, appUrl) {
 
     _escKeyHandler.stop();
     _escKeyHandler = null;
+
+    //Calling function in public/editor/ui/publisher.js
+    //When user clicks outside the dialog box, description is saved
+    publisher.handlers.saveDescription();
   }
   function showPublishDialog() {
     publishDialogUnderlay = new Underlay("#publish-dialog", hidePublishDialog);

public/editor/scripts/ui/menus.js

@@ -163,7 +163,7 @@ function setupOptionsMenu(bramble) {
       setWordWrapUI(value);
     });
   }
-  $("#line-wrap-toggle").click(function() {
+  $("#editor-option-wraptext").click(function() {
     // Toggle current value
     setWordWrap(!bramble.getWordWrap());
     var mode = !bramble.getWordWrap() ? "Enabled" : "Disabled";
@@ -191,7 +191,7 @@ function setupOptionsMenu(bramble) {
   }
 
   // Enable/Disable JavaScript in Preview
-  $("#allow-scripts-toggle").click(function() {
+  $("#editor-option-allowjs").click(function() {
     // Toggle current value
     var $allowScriptsToggle = $("#allow-scripts-toggle");
     var toggle = !$allowScriptsToggle.hasClass("switch-enabled");
@@ -223,8 +223,9 @@ function setupOptionsMenu(bramble) {
   } else {
     $("#allow-whitespace-toggle").removeClass("switch-enabled");
   }
+
   // Enable/Disable Whitespace Indicator
-  $("#allow-whitespace-toggle").click(function() {
+  $("#editor-option-allowws").click(function() {
     // Toggle current value
     var $allowWhitespaceToggle = $("#allow-whitespace-toggle");
     var toggle = !$allowWhitespaceToggle.hasClass("switch-enabled");
@@ -246,8 +247,9 @@ function setupOptionsMenu(bramble) {
   } else {
     $("#autocomplete-toggle").removeClass("switch-enabled");
   }
+
   // Enable/Disable Autocomplete
-  $("#autocomplete-toggle").click(function() {
+  $("#editor-option-autocomplete").click(function() {
     // Toggle current value
     var $autocompleteToggle = $("#autocomplete-toggle");
     var toggle = !$autocompleteToggle.hasClass("switch-enabled");
@@ -264,7 +266,7 @@ function setupOptionsMenu(bramble) {
   });
 
   //Edit SVG as XML
-  $("#edit-SVG-toggle").click(function() {
+  $("#editor-option-svgedit").click(function() {
     // Toggle current value
     var $editSVGToggle = $("#edit-SVG-toggle");
     var toggle = !$editSVGToggle.hasClass("switch-enabled");
@@ -288,7 +290,7 @@ function setupOptionsMenu(bramble) {
     $("#auto-tags-toggle").removeClass("switch-enabled");
   }
 
-  $("#auto-tags-toggle").click(function() {
+  $("#editor-option-autoenclosetags").click(function() {
     var $autoTagsToggle = $("#auto-tags-toggle");
     var autoCloseTagsEnabled = $autoTagsToggle.hasClass("switch-enabled");
 
@@ -376,8 +378,7 @@ function setupOptionsMenu(bramble) {
       });
     }
   }
-  $("#theme-light").click(toggleTheme);
-  $("#theme-dark").click(toggleTheme);
+  $("#editor-option-colortheme").click(toggleTheme);
 
   // If the user explicitly set the light-theme last time, use that
   // otherwise default to using the dark-theme.