Merge branch 'ethofs-integration' of https://github.com/Ether1Project/Ether1DesktopWallet into ethofs-integration

assets/dashboard/js/admin.js

@@ -43,19 +43,21 @@ $.AdminBSB.options = {
 }
 
 /* Left Sidebar - Function =================================================================================================
-*  You can manage the left sidebar menu options
+ *  You can manage the left sidebar menu options
-*  
+ *
-*/
+ */
 $.AdminBSB.leftSideBar = {
-    activate: function () {
+  activate: function() {
     var _this = this;
     var $body = $('body');
     var $overlay = $('.overlay');
 
     //Close sidebar
-        $(window).click(function (e) {
+    $(window).click(function(e) {
       var $target = $(e.target);
-            if (e.target.nodeName.toLowerCase() === 'i') { $target = $(e.target).parent(); }
+      if (e.target.nodeName.toLowerCase() === 'i') {
+        $target = $(e.target).parent();
+      }
 
       if (!$target.hasClass('bars') && _this.isOpen() && $target.parents('#leftsidebar').length === 0) {
         if (!$target.hasClass('js-right-sidebar')) $overlay.fadeOut();
@@ -63,12 +65,12 @@ $.AdminBSB.leftSideBar = {
       }
     });
 
-        $.each($('.menu-toggle.toggled'), function (i, val) {
+    $.each($('.menu-toggle.toggled'), function(i, val) {
       $(val).next().slideToggle(0);
     });
 
     //When page load
-        $.each($('.menu .list li.active'), function (i, val) {
+    $.each($('.menu .list li.active'), function(i, val) {
       var $activeAnchors = $(val).find('a:eq(0)');
 
       $activeAnchors.addClass('toggled');
@@ -76,14 +78,14 @@ $.AdminBSB.leftSideBar = {
     });
 
     //Collapse or Expand Menu
-        $('.menu-toggle').on('click', function (e) {
+    $('.menu-toggle').on('click', function(e) {
       var $this = $(this);
       var $content = $this.next();
 
       if ($($this.parents('ul')[0]).hasClass('list')) {
         var $not = $(e.target).hasClass('menu-toggle') ? e.target : $(e.target).parents('.menu-toggle');
 
-                $.each($('.menu-toggle.toggled').not($not).next(), function (i, val) {
+        $.each($('.menu-toggle.toggled').not($not).next(), function(i, val) {
           if ($(val).is(':visible')) {
             $(val).prev().toggleClass('toggled');
             $(val).slideUp();
@@ -98,7 +100,7 @@ $.AdminBSB.leftSideBar = {
     //Set menu height
     _this.setMenuHeight(true);
     _this.checkStatusForResize(true);
-        $(window).resize(function () {
+    $(window).resize(function() {
       _this.setMenuHeight(false);
       _this.checkStatusForResize(false);
     });
@@ -107,7 +109,7 @@ $.AdminBSB.leftSideBar = {
     Waves.attach('.menu .list a', ['waves-block']);
     Waves.init();
   },
-    setMenuHeight: function (isFirstTime) {
+  setMenuHeight: function(isFirstTime) {
     if (typeof $.fn.slimScroll != 'undefined') {
       var configs = $.AdminBSB.options.leftSideBar;
       var height = ($(window).height() - ($('.legal').outerHeight() + $('.user-info').outerHeight() + $('.navbar').innerHeight()));
@@ -133,18 +135,20 @@ $.AdminBSB.leftSideBar = {
         var item = $('.menu .list li.active')[0];
         if (item) {
           var activeItemOffsetTop = item.offsetTop;
-                    if (activeItemOffsetTop > 150) $el.slimscroll({ scrollTo: activeItemOffsetTop + 'px' });
+          if (activeItemOffsetTop > 150) $el.slimscroll({
+            scrollTo: activeItemOffsetTop + 'px'
+          });
         }
       }
     }
   },
-    checkStatusForResize: function (firstTime) {
+  checkStatusForResize: function(firstTime) {
     var $body = $('body');
     var $openCloseBar = $('.navbar .navbar-header .bars');
     var width = $body.width();
 
     if (firstTime) {
-            $body.find('.content, .sidebar').addClass('no-animate').delay(1000).queue(function () {
+      $body.find('.content, .sidebar').addClass('no-animate').delay(1000).queue(function() {
         $(this).removeClass('no-animate').dequeue();
       });
     }
@@ -152,32 +156,33 @@ $.AdminBSB.leftSideBar = {
     if (width < $.AdminBSB.options.leftSideBar.breakpointWidth) {
       $body.addClass('ls-closed');
       $openCloseBar.fadeIn();
-        }
+    } else {
-        else {
       $body.removeClass('ls-closed');
       $openCloseBar.fadeOut();
     }
   },
-    isOpen: function () {
+  isOpen: function() {
     return $('body').hasClass('overlay-open');
   }
 };
 //==========================================================================================================================
 
 /* Right Sidebar - Function ================================================================================================
-*  You can manage the right sidebar menu options
+ *  You can manage the right sidebar menu options
-*  
+ *
-*/
+ */
 $.AdminBSB.rightSideBar = {
-    activate: function () {
+  activate: function() {
     var _this = this;
     var $sidebar = $('#rightsidebar');
     var $overlay = $('.overlay');
 
     //Close sidebar
-        $(window).click(function (e) {
+    $(window).click(function(e) {
       var $target = $(e.target);
-            if (e.target.nodeName.toLowerCase() === 'i') { $target = $(e.target).parent(); }
+      if (e.target.nodeName.toLowerCase() === 'i') {
+        $target = $(e.target).parent();
+      }
 
       if (!$target.hasClass('js-right-sidebar') && _this.isOpen() && $target.parents('#rightsidebar').length === 0) {
         if (!$target.hasClass('bars')) $overlay.fadeOut();
@@ -185,48 +190,52 @@ $.AdminBSB.rightSideBar = {
       }
     });
 
-        $('.js-right-sidebar').on('click', function () {
+    $('.js-right-sidebar').on('click', function() {
       $sidebar.toggleClass('open');
-            if (_this.isOpen()) { $overlay.fadeIn(); } else { $overlay.fadeOut(); }
+      if (_this.isOpen()) {
+        $overlay.fadeIn();
+      } else {
+        $overlay.fadeOut();
+      }
     });
   },
-    isOpen: function () {
+  isOpen: function() {
     return $('.right-sidebar').hasClass('open');
   }
 }
 //==========================================================================================================================
 
 /* Searchbar - Function ================================================================================================
-*  You can manage the search bar
+ *  You can manage the search bar
-*  
+ *
-*/
+ */
 var $searchBar = $('.search-bar');
 $.AdminBSB.search = {
-    activate: function () {
+  activate: function() {
     var _this = this;
 
     //Search button click event
-        $('.js-search').on('click', function () {
+    $('.js-search').on('click', function() {
       _this.showSearchBar();
     });
 
     //Close search click event
-        $searchBar.find('.close-search').on('click', function () {
+    $searchBar.find('.close-search').on('click', function() {
       _this.hideSearchBar();
     });
 
     //ESC key on pressed
-        $searchBar.find('input[type="text"]').on('keyup', function (e) {
+    $searchBar.find('input[type="text"]').on('keyup', function(e) {
       if (e.keyCode == 27) {
         _this.hideSearchBar();
       }
     });
   },
-    showSearchBar: function () {
+  showSearchBar: function() {
     $searchBar.addClass('open');
     $searchBar.find('input[type="text"]').focus();
   },
-    hideSearchBar: function () {
+  hideSearchBar: function() {
     $searchBar.removeClass('open');
     $searchBar.find('input[type="text"]').val('');
   }
@@ -234,27 +243,31 @@ $.AdminBSB.search = {
 //==========================================================================================================================
 
 /* Navbar - Function =======================================================================================================
-*  You can manage the navbar
+ *  You can manage the navbar
-*  
+ *
-*/
+ */
 $.AdminBSB.navbar = {
-    activate: function () {
+  activate: function() {
     var $body = $('body');
     var $overlay = $('.overlay');
 
     //Open left sidebar panel
-        $('.bars').on('click', function () {
+    $('.bars').on('click', function() {
       $body.toggleClass('overlay-open');
-            if ($body.hasClass('overlay-open')) { $overlay.fadeIn(); } else { $overlay.fadeOut(); }
+      if ($body.hasClass('overlay-open')) {
+        $overlay.fadeIn();
+      } else {
+        $overlay.fadeOut();
+      }
     });
 
     //Close collapse bar on click event
-        $('.nav [data-close="true"]').on('click', function () {
+    $('.nav [data-close="true"]').on('click', function() {
       var isVisible = $('.navbar-toggle').is(':visible');
       var $navbarCollapse = $('.navbar-collapse');
 
       if (isVisible) {
-                $navbarCollapse.slideUp(function () {
+        $navbarCollapse.slideUp(function() {
           $navbarCollapse.removeClass('in').removeAttr('style');
         });
       }
@@ -264,36 +277,37 @@ $.AdminBSB.navbar = {
 //==========================================================================================================================
 
 /* Input - Function ========================================================================================================
-*  You can manage the inputs(also textareas) with name of class 'form-control'
+ *  You can manage the inputs(also textareas) with name of class 'form-control'
-*  
+ *
-*/
+ */
 $.AdminBSB.input = {
-    activate: function ($parentSelector) {
+  activate: function($parentSelector) {
     $parentSelector = $parentSelector || $('body');
 
     //On focus event
-        $parentSelector.find('.form-control').focus(function () {
+    $parentSelector.find('.form-control').focus(function() {
       $(this).closest('.form-line').addClass('focused');
     });
 
     //On focusout event
-        $parentSelector.find('.form-control').focusout(function () {
+    $parentSelector.find('.form-control').focusout(function() {
       var $this = $(this);
       if ($this.parents('.form-group').hasClass('form-float')) {
-                if ($this.val() == '') { $this.parents('.form-line').removeClass('focused'); }
+        if ($this.val() == '') {
+          $this.parents('.form-line').removeClass('focused');
         }
-            else {
+      } else {
         $this.parents('.form-line').removeClass('focused');
       }
     });
 
     //On label click
-        $parentSelector.on('click', '.form-float .form-line .form-label', function () {
+    $parentSelector.on('click', '.form-float .form-line .form-label', function() {
       $(this).parent().find('input').focus();
     });
 
     //Not blank form
-        $parentSelector.find('.form-control').each(function () {
+    $parentSelector.find('.form-control').each(function() {
       if ($(this).val() !== '') {
         $(this).parents('.form-line').addClass('focused');
       }
@@ -303,42 +317,44 @@ $.AdminBSB.input = {
 //==========================================================================================================================
 
 /* Form - Select - Function ================================================================================================
-*  You can manage the 'select' of form elements
+ *  You can manage the 'select' of form elements
-*  
+ *
-*/
+ */
 $.AdminBSB.select = {
-    activate: function () {
+  activate: function() {
-        if ($.fn.selectpicker) { $('select:not(.ms)').selectpicker(); }
+    if ($.fn.selectpicker) {
+      $('select:not(.ms)').selectpicker();
+    }
   }
 }
 //==========================================================================================================================
 
 /* DropdownMenu - Function =================================================================================================
-*  You can manage the dropdown menu
+ *  You can manage the dropdown menu
-*  
+ *
-*/
+ */
 
 $.AdminBSB.dropdownMenu = {
-    activate: function () {
+  activate: function() {
     var _this = this;
 
     $('.dropdown, .dropup, .btn-group').on({
-            "show.bs.dropdown": function () {
+      "show.bs.dropdown": function() {
         var dropdown = _this.dropdownEffect(this);
         _this.dropdownEffectStart(dropdown, dropdown.effectIn);
       },
-            "shown.bs.dropdown": function () {
+      "shown.bs.dropdown": function() {
         var dropdown = _this.dropdownEffect(this);
         if (dropdown.effectIn && dropdown.effectOut) {
-                    _this.dropdownEffectEnd(dropdown, function () { });
+          _this.dropdownEffectEnd(dropdown, function() {});
         }
       },
-            "hide.bs.dropdown": function (e) {
+      "hide.bs.dropdown": function(e) {
         var dropdown = _this.dropdownEffect(this);
         if (dropdown.effectOut) {
           e.preventDefault();
           _this.dropdownEffectStart(dropdown, dropdown.effectOut);
-                    _this.dropdownEffectEnd(dropdown, function () {
+          _this.dropdownEffectEnd(dropdown, function() {
             dropdown.dropdown.removeClass('open');
           });
         }
@@ -349,15 +365,21 @@ $.AdminBSB.dropdownMenu = {
     Waves.attach('.dropdown-menu li a', ['waves-block']);
     Waves.init();
   },
-    dropdownEffect: function (target) {
+  dropdownEffect: function(target) {
-        var effectIn = $.AdminBSB.options.dropdownMenu.effectIn, effectOut = $.AdminBSB.options.dropdownMenu.effectOut;
+    var effectIn = $.AdminBSB.options.dropdownMenu.effectIn,
-        var dropdown = $(target), dropdownMenu = $('.dropdown-menu', target);
+      effectOut = $.AdminBSB.options.dropdownMenu.effectOut;
+    var dropdown = $(target),
+      dropdownMenu = $('.dropdown-menu', target);
 
     if (dropdown.length > 0) {
       var udEffectIn = dropdown.data('effect-in');
       var udEffectOut = dropdown.data('effect-out');
-            if (udEffectIn !== undefined) { effectIn = udEffectIn; }
+      if (udEffectIn !== undefined) {
-            if (udEffectOut !== undefined) { effectOut = udEffectOut; }
+        effectIn = udEffectIn;
+      }
+      if (udEffectOut !== undefined) {
+        effectOut = udEffectOut;
+      }
     }
 
     return {
@@ -368,16 +390,16 @@ $.AdminBSB.dropdownMenu = {
       effectOut: effectOut
     };
   },
-    dropdownEffectStart: function (data, effectToStart) {
+  dropdownEffectStart: function(data, effectToStart) {
     if (effectToStart) {
       data.dropdown.addClass('dropdown-animating');
       data.dropdownMenu.addClass('animated dropdown-animated');
       data.dropdownMenu.addClass(effectToStart);
     }
   },
-    dropdownEffectEnd: function (data, callback) {
+  dropdownEffectEnd: function(data, callback) {
     var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
-        data.dropdown.one(animationEnd, function () {
+    data.dropdown.one(animationEnd, function() {
       data.dropdown.removeClass('dropdown-animating');
       data.dropdownMenu.removeClass('animated dropdown-animated');
       data.dropdownMenu.removeClass(data.effectIn);
@@ -392,9 +414,9 @@ $.AdminBSB.dropdownMenu = {
 //==========================================================================================================================
 
 /* Browser - Function ======================================================================================================
-*  You can manage browser
+ *  You can manage browser
-*  
+ *
-*/
+ */
 var edge = 'Microsoft Edge';
 var ie10 = 'Internet Explorer 10';
 var ie11 = 'Internet Explorer 11';
@@ -404,13 +426,13 @@ var chrome = 'Google Chrome';
 var safari = 'Safari';
 
 $.AdminBSB.browser = {
-    activate: function () {
+  activate: function() {
     var _this = this;
     var className = _this.getClassName();
 
     if (className !== '') $('html').addClass(_this.getClassName());
   },
-    getBrowser: function () {
+  getBrowser: function() {
     var userAgent = navigator.userAgent.toLowerCase();
 
     if (/edge/i.test(userAgent)) {
@@ -431,7 +453,7 @@ $.AdminBSB.browser = {
 
     return undefined;
   },
-    getClassName: function () {
+  getClassName: function() {
     var browser = this.getBrowser();
 
     if (browser === edge) {
@@ -455,7 +477,7 @@ $.AdminBSB.browser = {
 }
 //==========================================================================================================================
 
-$(function () {
+$(function() {
   $.AdminBSB.browser.activate();
   $.AdminBSB.leftSideBar.activate();
   $.AdminBSB.rightSideBar.activate();
@@ -465,5 +487,7 @@ $(function () {
   $.AdminBSB.select.activate();
   $.AdminBSB.search.activate();
 
-    setTimeout(function () { $('.page-loader-wrapper').fadeOut(); }, 50);
+  setTimeout(function() {
+    $('.page-loader-wrapper').fadeOut();
+  }, 50);
 });

assets/templates/uploads.html

@@ -1,19 +1,25 @@
-<!-- Google Fonts -->
+<head>
-<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
+  <!-- Google Fonts -->
-<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
+  <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
-<!-- Bootstrap Core Css -->
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
-<link href="assets/dashboard/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
+  <!-- Bootstrap Core Css -->
-<!-- Waves Effect Css -->
+  <link href="assets/dashboard/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
-<link href="assets/dashboard/plugins/node-waves/waves.css" rel="stylesheet" />
+  <!-- Waves Effect Css -->
-<!-- Animation Css -->
+  <link href="assets/dashboard/plugins/node-waves/waves.css" rel="stylesheet" />
-<link href="assets/dashboard/plugins/animate-css/animate.css" rel="stylesheet" />
+  <!-- Animation Css -->
-<!-- Morris Chart Css
+  <link href="assets/dashboard/plugins/animate-css/animate.css" rel="stylesheet" />
+  <!-- Morris Chart Css
 <link href="assets/dashboard/plugins/morrisjs/morris.css" rel="stylesheet" />-->
-<!-- Custom Css -->
+  <!-- Custom Css -->
-<link href="assets/dashboard/css/style.css" rel="stylesheet">
+  <link href="assets/dashboard/css/style.css" rel="stylesheet">
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
-<!-- AdminBSB Themes. You can choose a theme from css/themes instead of get all themes -->
+  <!-- AdminBSB Themes. You can choose a theme from css/themes instead of get all themes -->
-<link href="assets/dashboard/css/themes/all-themes.css" rel="stylesheet" />
+  <link href="assets/dashboard/css/themes/all-themes.css" rel="stylesheet" />
+  <link href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.44.1/mapbox-gl.css" rel="stylesheet">
+  <script src="https://medium-widget.pixelpoint.io/widget.js"></script>
+
+</head>
+
 <div class="marketStats">
   <!-- #END# Page Loader -->
   <!-- Overlay For Sidebars -->
@@ -84,8 +90,21 @@
         </div>
       </div>
       <!-- #END# Widgets -->
-      <!-- CPU Usage-->
       <div class="row clearfix">
+        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
+          <div class="card">
+            <div class="header bg-indigo">
+              <h2>
+                What is ethoFS?
+              </h2>
+            </div>
+            <div class="body">
+              <div id="medium-widget" style="overflow: auto;"></div>
+            </div>
+          </div>
+        </div>
+
+        <!-- CPU Usage-->
         <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
           <div class="card">
             <div class="header bg-indigo">
@@ -650,6 +669,7 @@
       module = undefined;
     }
   </script>
+  <script src="https://cdn.jsdelivr.net/gh/ethereum/web3.js@1.0.0-beta.36/dist/web3.min.js" integrity="sha256-nWBTbvxhJgjslRyuAKJHK+XcZPlCnmIAAMixz6EefVk=" crossorigin="anonymous"></script>
   <!-- Jquery Core Js -->
   <script src="assets/dashboard/plugins/jquery/jquery.min.js"></script>
   <!-- Bootstrap Core Js -->
@@ -668,8 +688,23 @@
   <script src="assets/dashboard/js/app.js"></script>
   <!-- Demo Js -->
   <script src="assets/dashboard/js/demo.js"></script>
+  <script src="assets/dashboard/js/medium.js"></script>
+  <script>
+    MediumWidget.Init({
+      renderTo: '#medium-widget',
+      params: {
+        "resource": "https://medium.com/@Ether1Official",
+        "postsPerLine": 1,
+        "limit": 10,
+        "picture": "small",
+        "fields": ["description", "publishAt"],
+        "ratio": "landscape"
+      }
+    })
+  </script>
   <script>
     if (window.module)
       module = window.module;
   </script>
+
 </div>