[add] russian language

coffee/ui.coffee

@@ -49,7 +49,7 @@ render = ->
   document.body.appendChild el
 
   if Offline.reconnect? and Offline.getOption('reconnect')
-    el.appendChild createFromHTML RETRY_TEMPLATE
+    el.insertBefore(createFromHTML(RETRY_TEMPLATE), el.firstChild)
 
     button = el.querySelector('.offline-ui-retry')
     handler = (e) ->

install.json

@@ -42,6 +42,7 @@
         "enum": [
           "dutch",
           "english",
+          "russian",
           "french",
           "german",
           "portuguese-brazil",
@@ -51,6 +52,7 @@
         "enumNames": {
           "dutch": "Dutch",
           "english": "English",
+          "russian": "Russian",
           "french": "French",
           "german": "German",
           "portuguese-brazil": "Brazilian Portuguese",

js/ui.js

@@ -63,7 +63,7 @@
     el = createFromHTML(TEMPLATE);
     document.body.appendChild(el);
     if ((Offline.reconnect != null) && Offline.getOption('reconnect')) {
-      el.appendChild(createFromHTML(RETRY_TEMPLATE));
+      el.insertBefore(createFromHTML(RETRY_TEMPLATE), el.firstChild);
       button = el.querySelector('.offline-ui-retry');
       handler = function(e) {
         e.preventDefault();

offline.js

@@ -100,8 +100,8 @@
     return xhr;
   }, Offline.checks.image = function() {
     var img;
-    return img = document.createElement("img"), img.onerror = Offline.markDown, img.onload = Offline.markUp, 
-    void (img.src = Offline.getOption("checks.image.url"));
+    img = document.createElement("img"), img.onerror = Offline.markDown, img.onload = Offline.markUp, 
+    img.src = Offline.getOption("checks.image.url");
   }, Offline.checks.down = Offline.markDown, Offline.checks.up = Offline.markUp, Offline.check = function() {
     return Offline.trigger("checking"), Offline.checks[Offline.getOption("checks.active")]();
   }, Offline.confirmUp = Offline.confirmDown = Offline.check, Offline.onXHR = function(cb) {
@@ -249,7 +249,7 @@
     return [ "now", "" ];
   }, render = function() {
     var button, handler;
-    return el = createFromHTML(TEMPLATE), document.body.appendChild(el), null != Offline.reconnect && Offline.getOption("reconnect") && (el.appendChild(createFromHTML(RETRY_TEMPLATE)), 
+    return el = createFromHTML(TEMPLATE), document.body.appendChild(el), null != Offline.reconnect && Offline.getOption("reconnect") && (el.insertBefore(createFromHTML(RETRY_TEMPLATE), el.firstChild), 
     button = el.querySelector(".offline-ui-retry"), handler = function(e) {
       return e.preventDefault(), Offline.reconnect.tryNow();
     }, null != button.addEventListener ? button.addEventListener("click", handler, !1) :button.attachEvent("click", handler)), 

sass/_offline-theme-base.sass

@@ -14,6 +14,9 @@
     left: 0
     right: 0
 
+    .offline-ui-content
+        margin: auto
+
     .offline-ui-content:before
         display: inline
 
@@ -32,10 +35,24 @@
     &.offline-ui-down
         display: block
 
+        display: -webkit-flex
+        display: -moz-flex
+        display: -ms-flex
+        display: -o-flex
+        display: flex
+
+        -webkit-box-orient: horizontal
+        -webkit-box-direction: reverse
+        -webkit-flex-direction: row-reverse
+        -ms-flex-direction: row-reverse
+        flex-direction: row-reverse
+
         &.offline-ui-waiting
 
             .offline-ui-retry
                 display: block
+                float: right
+                margin-left: 1em
 
         &.offline-ui-reconnect-failed-2s
 

sass/_russian.sass

@@ -0,0 +1,49 @@
+$upComputer: "Ваш компьютер подключен к интернету."
+$upDevice: "Ваше устройство подключено к интернету."
+$upDeviceSmall: "Устройство подключено."
+
+$downComputer: "Ваш компьютер потерял соединение с интернетом."
+$downDevice: "Ваше устройство потеряло соединение с интернетом."
+$downDeviceSmall: "Ваше устройство не подключено."
+
+$connecting: "Попытка переподключиться..."
+
+$retryButton: "Переподключиться"
+
+$reconnectFailed: "Попытка подключения не удалась."
+
+$retryingSecondBeforeValueSingularComputer: "Соединение потеряно. Переподключение через "
+$retryingSecondBeforeValuePluralComputer: $retryingSecondBeforeValueSingularComputer
+
+$retryingMinuteBeforeValueSingularComputer: $retryingSecondBeforeValueSingularComputer
+$retryingMinuteBeforeValuePluralComputer: $retryingSecondBeforeValueSingularComputer
+
+$retryingHourBeforeValueSingularComputer: $retryingSecondBeforeValueSingularComputer
+$retryingHourBeforeValuePluralComputer: $retryingSecondBeforeValueSingularComputer
+
+$retryingSecondBeforeValueSingularDeviceSmall: "Переподключение через "
+$retryingSecondBeforeValuePluralDeviceSmall: $retryingSecondBeforeValueSingularDeviceSmall
+
+$retryingMinuteBeforeValueSingularDeviceSmall: $retryingSecondBeforeValueSingularDeviceSmall
+$retryingMinuteBeforeValuePluralDeviceSmall: $retryingSecondBeforeValueSingularDeviceSmall
+
+$retryingHourBeforeValueSingularDeviceSmall: $retryingSecondBeforeValueSingularDeviceSmall
+$retryingHourBeforeValuePluralDeviceSmall: $retryingSecondBeforeValueSingularDeviceSmall
+
+$retryingSecondAfterValueSingularComputer: " секунду..."
+$retryingSecondAfterValuePluralComputer: " сек..."
+
+$retryingSecondAfterValueSingularDeviceSmall: "с..."
+$retryingSecondAfterValuePluralDeviceSmall: $retryingSecondAfterValueSingularDeviceSmall
+
+$retryingMinuteAfterValueSingularComputer: " минуту..."
+$retryingMinuteAfterValuePluralComputer: " мин..."
+
+$retryingMinuteAfterValueSingularDeviceSmall: "м..."
+$retryingMinuteAfterValuePluralDeviceSmall: $retryingMinuteAfterValueSingularDeviceSmall
+
+$retryingHourAfterValueSingularComputer: " час..."
+$retryingHourAfterValuePluralComputer: " ч..."
+
+$retryingHourAfterValueSingularDeviceSmall: "ч..."
+$retryingHourAfterValuePluralDeviceSmall: $retryingHourAfterValueSingularDeviceSmall

sass/offline-language-russian-indicator.sass

@@ -0,0 +1,11 @@
+.offline-ui
+
+    &.offline-ui-up
+
+        .offline-ui-content:before
+            content: "Онлайн"
+
+    &.offline-ui-down
+
+        .offline-ui-content:before
+            content: "Оффлайн"

sass/offline-language-russian.sass

@@ -0,0 +1,4 @@
+@import content
+@import russian
+
++offline-content

sass/offline-theme-chrome.sass

@@ -46,10 +46,6 @@ $red: #ec8787
         +box-shadow(0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75))
         +border-radius(2px)
         +background-image(linear-gradient(#ededed, #ededed 38%, #dedede))
-        position: absolute
-        right: 4em
-        top: 1em
-        bottom: 1em
         border: 1px solid rgba(0, 0, 0, 0.25)
         text-shadow: 0 1px 0 #f0f0f0
         padding: 0 1em
@@ -94,9 +90,3 @@ $red: #ec8787
                 border-top-color: rgba(0, 0, 0, .5)
                 border-left-color: rgba(0, 0, 0, .5)
                 opacity: 0.7
-
-        &.offline-ui-waiting
-            padding-right: 11em
-
-            &.offline-ui-reconnect-failed-2s
-                padding-right: 0

sass/offline-theme-dark.sass

@@ -46,15 +46,11 @@ $red: #e24949
             width: 1em
 
     .offline-ui-retry
-        position: absolute
-        right: 3em
-        top: 0
-        bottom: 0
         background: rgba(255, 255, 255, .2)
         text-decoration: none
         color: inherit
-        line-height: 3.5em
-        height: 3.5em
+        line-height: 2.5em
+        height: 2.5em
         margin: auto
         padding: 0 1em
 
@@ -92,9 +88,3 @@ $red: #e24949
                 border-top-color: rgba(255, 255, 255, .5)
                 border-left-color: rgba(255, 255, 255, .5)
                 opacity: 0.7
-
-        &.offline-ui-waiting
-            padding-right: 11em
-
-            &.offline-ui-reconnect-failed-2s
-                padding-right: 0

sass/offline-theme-default.sass

@@ -35,15 +35,11 @@ $darkYellow: #7c6d1f
         line-height: 1.25em
 
     .offline-ui-retry
-        position: absolute
-        right: 3em
-        top: 0
-        bottom: 0
         background: rgba(0, 0, 0, .1)
         text-decoration: none
         color: inherit
-        line-height: 3.5em
-        height: 3.5em
+        line-height: 2.5em
+        height: 2.5em
         margin: auto
         padding: 0 1em
 
@@ -78,9 +74,3 @@ $darkYellow: #7c6d1f
                 border-top-color: $darkYellow
                 border-left-color: $darkYellow
                 opacity: 0.7
-
-        &.offline-ui-waiting
-            padding-right: 11em
-
-            &.offline-ui-reconnect-failed-2s
-                padding-right: 0

sass/offline-theme-slide.sass

@@ -30,15 +30,11 @@ $darkYellow: #7c6d1f
         +border-radius(0)
 
     .offline-ui-retry
-        position: absolute
-        right: 3em
-        top: 0
-        bottom: 0
         background: rgba(0, 0, 0, .1)
         text-decoration: none
         color: inherit
-        line-height: 3.5em
-        height: 3.5em
+        line-height: 2.5em
+        height: 2.5em
         margin: auto
         padding: 0 1em
 
@@ -73,9 +69,3 @@ $darkYellow: #7c6d1f
                 border-top-color: $darkYellow
                 border-left-color: $darkYellow
                 opacity: 0.7
-
-        &.offline-ui-waiting
-            padding-right: 11em
-
-            &.offline-ui-reconnect-failed-2s
-                padding-right: 0

test/index.html

@@ -12,8 +12,11 @@
 <link rel="stylesheet" href="./themes/offline-theme-hubspot.css" />
 -->
 
-<link rel="stylesheet" href="../themes/offline-theme-chrome.css" />
-<link rel="stylesheet" href="../themes/offline-language-english.css" />
+<!-- <link rel="stylesheet" href="../themes/offline-theme-dark.css" /> -->
+<!-- <link rel="stylesheet" href="../themes/offline-theme-slide.css" /> -->
+<!-- <link rel="stylesheet" href="../themes/offline-theme-chrome.css" /> -->
+<link rel="stylesheet" href="../themes/offline-theme-default.css" />
+<link rel="stylesheet" href="../themes/offline-language-russian.css" />
 
 <script>
 var run = function(){

themes/offline-language-russian-indicator.css

@@ -0,0 +1,9 @@
+@charset "UTF-8";
+/* line 5, ../sass/offline-language-russian-indicator.sass */
+.offline-ui.offline-ui-up .offline-ui-content:before {
+  content: "Онлайн";
+}
+/* line 10, ../sass/offline-language-russian-indicator.sass */
+.offline-ui.offline-ui-down .offline-ui-content:before {
+  content: "Оффлайн";
+}

themes/offline-language-russian.css

@@ -0,0 +1,109 @@
+@charset "UTF-8";
+/* line 6, ../sass/_content.sass */
+.offline-ui .offline-ui-retry:before {
+  content: "Переподключиться";
+}
+/* line 11, ../sass/_content.sass */
+.offline-ui.offline-ui-up .offline-ui-content:before {
+  content: "Ваш компьютер подключен к интернету.";
+}
+@media (max-width: 1024px) {
+  /* line 11, ../sass/_content.sass */
+  .offline-ui.offline-ui-up .offline-ui-content:before {
+    content: "Ваше устройство подключено к интернету.";
+  }
+}
+@media (max-width: 568px) {
+  /* line 11, ../sass/_content.sass */
+  .offline-ui.offline-ui-up .offline-ui-content:before {
+    content: "Устройство подключено.";
+  }
+}
+/* line 22, ../sass/_content.sass */
+.offline-ui.offline-ui-down .offline-ui-content:before {
+  content: "Ваш компьютер потерял соединение с интернетом.";
+}
+@media (max-width: 1024px) {
+  /* line 22, ../sass/_content.sass */
+  .offline-ui.offline-ui-down .offline-ui-content:before {
+    content: "Ваше устройство потеряло соединение с интернетом.";
+  }
+}
+@media (max-width: 568px) {
+  /* line 22, ../sass/_content.sass */
+  .offline-ui.offline-ui-down .offline-ui-content:before {
+    content: "Ваше устройство не подключено.";
+  }
+}
+/* line 33, ../sass/_content.sass */
+.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before, .offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before {
+  content: "Попытка переподключиться...";
+}
+/* line 42, ../sass/_content.sass */
+.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
+  content: "Соединение потеряно. Переподключение через " attr(data-retry-in-value) " сек...";
+}
+@media (max-width: 568px) {
+  /* line 42, ../sass/_content.sass */
+  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
+    content: "Переподключение через " attr(data-retry-in-value) "с...";
+  }
+}
+/* line 50, ../sass/_content.sass */
+.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
+  content: "Соединение потеряно. Переподключение через " attr(data-retry-in-value) " секунду...";
+}
+@media (max-width: 568px) {
+  /* line 50, ../sass/_content.sass */
+  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
+    content: "Переподключение через " attr(data-retry-in-value) "с...";
+  }
+}
+/* line 58, ../sass/_content.sass */
+.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
+  content: "Соединение потеряно. Переподключение через " attr(data-retry-in-value) " мин...";
+}
+@media (max-width: 568px) {
+  /* line 58, ../sass/_content.sass */
+  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
+    content: "Переподключение через " attr(data-retry-in-value) "м...";
+  }
+}
+/* line 66, ../sass/_content.sass */
+.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
+  content: "Соединение потеряно. Переподключение через " attr(data-retry-in-value) " минуту...";
+}
+@media (max-width: 568px) {
+  /* line 66, ../sass/_content.sass */
+  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
+    content: "Переподключение через " attr(data-retry-in-value) "м...";
+  }
+}
+/* line 74, ../sass/_content.sass */
+.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
+  content: "Соединение потеряно. Переподключение через " attr(data-retry-in-value) " ч...";
+}
+@media (max-width: 568px) {
+  /* line 74, ../sass/_content.sass */
+  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
+    content: "Переподключение через " attr(data-retry-in-value) "ч...";
+  }
+}
+/* line 82, ../sass/_content.sass */
+.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
+  content: "Соединение потеряно. Переподключение через " attr(data-retry-in-value) " час...";
+}
+@media (max-width: 568px) {
+  /* line 82, ../sass/_content.sass */
+  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
+    content: "Переподключение через " attr(data-retry-in-value) "ч...";
+  }
+}
+/* line 90, ../sass/_content.sass */
+.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
+  display: none;
+}
+/* line 93, ../sass/_content.sass */
+.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before {
+  content: "Попытка подключения не удалась.";
+}