mirror of
https://github.com/writeas/htmlhouse
synced 2025-07-18 21:08:16 +00:00
Move H.js library to HTMLhouse
Previously this relied on the library stored on write.as
This commit is contained in:
parent
35177a38c3
commit
777d49538b
257
static/js/h.js
Normal file
257
static/js/h.js
Normal file
@ -0,0 +1,257 @@
|
||||
/**
|
||||
* H.js
|
||||
*
|
||||
* Lightweight, extremely bare-bones library for manipulating the DOM and
|
||||
* saving some typing.
|
||||
*/
|
||||
|
||||
var Element = function(domElement) {
|
||||
this.el = domElement;
|
||||
};
|
||||
|
||||
/**
|
||||
* Creates a toggle button that adds / removes the given class name from the
|
||||
* given element.
|
||||
*
|
||||
* @param {Element} $el - The element to modify.
|
||||
* @param {string} onClass - The class to add to the given element.
|
||||
* @param {function} onFunc - Additional actions when toggling on.
|
||||
* @param {function} offFunc - Additional actions when toggling off.
|
||||
*/
|
||||
Element.prototype.createToggle = function($el, onClass, onFunc, offFunc) {
|
||||
this.on('click', function(e) {
|
||||
if ($el.el.className === '') {
|
||||
$el.el.className = onClass;
|
||||
onFunc(new Element(this), e);
|
||||
} else {
|
||||
$el.el.className = '';
|
||||
offFunc(new Element(this), e);
|
||||
}
|
||||
e.preventDefault();
|
||||
}, false);
|
||||
};
|
||||
Element.prototype.on = function(event, func) {
|
||||
events = event.split(' ');
|
||||
var el = this.el;
|
||||
if (el == null) {
|
||||
console.error("Error: element for event is null");
|
||||
return;
|
||||
}
|
||||
var addEvent = function(e) {
|
||||
if (el.addEventListener) {
|
||||
el.addEventListener(e, func, false);
|
||||
} else if (el.attachEvent) {
|
||||
el.attachEvent(e, func);
|
||||
}
|
||||
};
|
||||
if (events.length === 1) {
|
||||
addEvent(event);
|
||||
} else {
|
||||
for(var i=0; i<events.length; i++) {
|
||||
addEvent(events[i]);
|
||||
}
|
||||
}
|
||||
};
|
||||
Element.prototype.setClass = function(className) {
|
||||
if (this.el == null) {
|
||||
console.error("Error: element to set class on is null");
|
||||
return;
|
||||
}
|
||||
this.el.className = className;
|
||||
};
|
||||
Element.prototype.removeClass = function(className) {
|
||||
if (this.el == null) {
|
||||
console.error("Error: element to remove class on is null");
|
||||
return;
|
||||
}
|
||||
var regex = new RegExp(' ?' + className, 'g');
|
||||
this.el.className = this.el.className.replace(regex, '');
|
||||
};
|
||||
Element.prototype.text = function(text, className) {
|
||||
if (this.el == null) {
|
||||
console.error("Error: element for setting text is null");
|
||||
return;
|
||||
}
|
||||
if (this.el.innerText !== text) {
|
||||
this.el.innerText = text;
|
||||
if (typeof className !== 'undefined') {
|
||||
this.el.className = this.el.className + ' ' + className;
|
||||
}
|
||||
}
|
||||
};
|
||||
Element.prototype.insertAfter = function(newNode) {
|
||||
if (this.el == null) {
|
||||
console.error("Error: element for insertAfter is null");
|
||||
return;
|
||||
}
|
||||
this.el.parentNode.insertBefore(newNode, this.el.nextSibling);
|
||||
};
|
||||
Element.prototype.remove = function() {
|
||||
if (this.el == null) {
|
||||
console.error("Didn't remove element");
|
||||
return;
|
||||
}
|
||||
this.el.parentNode.removeChild(this.el);
|
||||
};
|
||||
Element.prototype.hide = function() {
|
||||
if (this.el == null) {
|
||||
console.error("Didn't hide element");
|
||||
return;
|
||||
}
|
||||
this.el.className += ' effect fade-out';
|
||||
};
|
||||
Element.prototype.show = function() {
|
||||
if (this.el == null) {
|
||||
console.error("Didn't show element");
|
||||
return;
|
||||
}
|
||||
this.el.className += ' effect';
|
||||
};
|
||||
|
||||
|
||||
var H = {
|
||||
getEl: function(elementId) {
|
||||
return new Element(document.getElementById(elementId));
|
||||
},
|
||||
save: function($el, key) {
|
||||
localStorage.setItem(key, $el.el.value);
|
||||
},
|
||||
load: function($el, key, onlyLoadPopulated) {
|
||||
var val = localStorage.getItem(key);
|
||||
if (onlyLoadPopulated && val == null) {
|
||||
// Do nothing
|
||||
return;
|
||||
}
|
||||
$el.el.value = val;
|
||||
},
|
||||
set: function(key, value) {
|
||||
localStorage.setItem(key, value);
|
||||
},
|
||||
get: function(key, defaultValue) {
|
||||
var val = localStorage.getItem(key);
|
||||
if (val == null) {
|
||||
val = defaultValue;
|
||||
}
|
||||
return val;
|
||||
},
|
||||
remove: function(key) {
|
||||
localStorage.removeItem(key);
|
||||
},
|
||||
exists: function(key) {
|
||||
return localStorage.getItem(key) !== null;
|
||||
},
|
||||
createPost: function(id, editToken, content, created) {
|
||||
var summaryLen = 200;
|
||||
var titleLen = 80;
|
||||
var getPostMeta = function(content) {
|
||||
var eol = content.indexOf("\n");
|
||||
if (content.indexOf("# ") === 0) {
|
||||
// Title is in the format:
|
||||
//
|
||||
// # Some title
|
||||
var summary = content.substring(eol).trim();
|
||||
if (summary.length > summaryLen) {
|
||||
summary = summary.substring(0, summaryLen) + "...";
|
||||
}
|
||||
return {
|
||||
title: content.substring("# ".length, eol),
|
||||
summary: summary,
|
||||
};
|
||||
}
|
||||
|
||||
var blankLine = content.indexOf("\n\n");
|
||||
if (blankLine !== -1 && blankLine <= eol && blankLine <= titleLen) {
|
||||
// Title is in the format:
|
||||
//
|
||||
// Some title
|
||||
//
|
||||
// The body starts after that blank line above it.
|
||||
var summary = content.substring(blankLine).trim();
|
||||
if (summary.length > summaryLen) {
|
||||
summary = summary.substring(0, summaryLen) + "...";
|
||||
}
|
||||
return {
|
||||
title: content.substring(0, blankLine),
|
||||
summary: summary,
|
||||
};
|
||||
}
|
||||
|
||||
// TODO: move this to the beginning
|
||||
var title = content.trim();
|
||||
var summary = "";
|
||||
if (title.length > titleLen) {
|
||||
// Content can't fit in the title, so figure out the summary
|
||||
summary = title;
|
||||
title = "";
|
||||
if (summary.length > summaryLen) {
|
||||
summary = summary.substring(0, summaryLen) + "...";
|
||||
}
|
||||
} else if (eol > 0) {
|
||||
summary = title.substring(eol+1);
|
||||
title = title.substring(0, eol);
|
||||
}
|
||||
return {
|
||||
title: title,
|
||||
summary: summary
|
||||
};
|
||||
};
|
||||
|
||||
var post = getPostMeta(content);
|
||||
post.id = id;
|
||||
post.token = editToken;
|
||||
post.created = created ? new Date(created) : new Date();
|
||||
post.client = "Pad";
|
||||
|
||||
return post;
|
||||
},
|
||||
getTitleStrict: function(content) {
|
||||
var eol = content.indexOf("\n");
|
||||
var title = "";
|
||||
var newContent = content;
|
||||
if (content.indexOf("# ") === 0) {
|
||||
// Title is in the format:
|
||||
// # Some title
|
||||
if (eol !== -1) {
|
||||
// First line should start with # and end with \n
|
||||
newContent = content.substring(eol).leftTrim();
|
||||
title = content.substring("# ".length, eol);
|
||||
}
|
||||
}
|
||||
return {
|
||||
title: title,
|
||||
content: newContent
|
||||
};
|
||||
},
|
||||
};
|
||||
|
||||
var He = {
|
||||
create: function(name) {
|
||||
return document.createElement(name);
|
||||
},
|
||||
get: function(id) {
|
||||
return document.getElementById(id);
|
||||
},
|
||||
$: function(selector) {
|
||||
var els = document.querySelectorAll(selector);
|
||||
return els;
|
||||
},
|
||||
postJSON: function(url, params, callback) {
|
||||
var http = new XMLHttpRequest();
|
||||
|
||||
http.open("POST", url, true);
|
||||
|
||||
// Send the proper header information along with the request
|
||||
http.setRequestHeader("Content-type", "application/json");
|
||||
|
||||
http.onreadystatechange = function() {
|
||||
if (http.readyState == 4) {
|
||||
callback(http.status, JSON.parse(http.responseText));
|
||||
}
|
||||
}
|
||||
http.send(JSON.stringify(params));
|
||||
},
|
||||
};
|
||||
|
||||
String.prototype.leftTrim = function() {
|
||||
return this.replace(/^\s+/,"");
|
||||
};
|
||||
@ -49,7 +49,7 @@
|
||||
|
||||
<script src="https://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="/js/ace.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="https://write.as/js/h.js"></script>
|
||||
<script src="/js/h.js"></script>
|
||||
<script>
|
||||
(function() {
|
||||
var publishing = false;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user