matt/paperclip-wallet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added Medium feed

Browse Source
This commit is contained in:
FallenGravity
2019-10-14 01:48:43 +02:00
parent eb0c49588a
commit 684b9db7df
5 changed files with 10686 additions and 397 deletions
Download Patch File Download Diff File Expand all files Collapse all files

192
assets/dashboard/js/admin.js
View File

@@ -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 () {
if ($.fn.selectpicker) { $('select:not(.ms)').selectpicker(); }
activate: function() {
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) {
var effectIn = $.AdminBSB.options.dropdownMenu.effectIn, effectOut = $.AdminBSB.options.dropdownMenu.effectOut;
var dropdown = $(target), dropdownMenu = $('.dropdown-menu', target);
dropdownEffect: function(target) {
var effectIn = $.AdminBSB.options.dropdownMenu.effectIn,
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 (udEffectOut !== undefined) { effectOut = udEffectOut; }
if (udEffectIn !== undefined) {
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);
});

1694
assets/dashboard/js/medium.js Normal file
View File

File diff suppressed because one or more lines are too long

8536
assets/dashboard/styles/materialize.min.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

67
assets/templates/uploads.html
View File

@@ -1,19 +1,25 @@
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
<!-- Bootstrap Core Css -->
<link href="assets/dashboard/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Waves Effect Css -->
<link href="assets/dashboard/plugins/node-waves/waves.css" rel="stylesheet" />
<!-- Animation Css -->
<link href="assets/dashboard/plugins/animate-css/animate.css" rel="stylesheet" />
<!-- Morris Chart Css
<head>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
<!-- Bootstrap Core Css -->
<link href="assets/dashboard/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Waves Effect Css -->
<link href="assets/dashboard/plugins/node-waves/waves.css" rel="stylesheet" />
<!-- Animation 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 -->
<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">
<!-- 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" />
<!-- Custom Css -->
<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">
<!-- 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="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/misc.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>