implemented import of content into help overlay

pull/2/head
David Tookey 5 years ago
parent 613268a4e1
commit 4dbed3b19f

@ -1,7 +1,7 @@
<html lang="en"> <html lang="en">
<div id="help-overlay" onclick="help.closeOverlay()" class="overlay-custom"> <div id="help-overlay" onclick="help.closeOverlay()" class="overlay-custom">
<p style="position:fixed; top:50%; left:50%; color:red;"> <div>
HELLO FROM THE HELP SCREEN {{{content}}}
</p> </div>
</div> </div>
</html> </html>

@ -60,6 +60,9 @@ export module FileUtils {
export function getPathToView(templateName: string): string { export function getPathToView(templateName: string): string {
return path.join(getPathToAssets(), "views", templateName + ".mustache") return path.join(getPathToAssets(), "views", templateName + ".mustache")
} }
export function getPathToPage(pageName: string): string {
return path.join(getPathToAssets(), "pages", pageName)
}
export function getPathToImage(imageName: string): string { export function getPathToImage(imageName: string): string {
return path.join(getPathToAssets(), "images", imageName) return path.join(getPathToAssets(), "images", imageName)

@ -1,4 +1,4 @@
import {loadTemplate} from "./templates"; import {loadTemplate, readHTML} from "./templates";
let $ = require('jquery') let $ = require('jquery')
@ -6,9 +6,14 @@ console.log("we got it loaded")
export function openHelpOverlay(resourceName: string){ export function openHelpOverlay(resourceName: string){
let body = $("body"); let body = $("body");
let loadedTemplate = loadTemplate("help-overlay.mustache", {}, (x)=>{});
let content = $(loadedTemplate); let content = readHTML(resourceName);
body.append(content) let obj = {"content": content};
let loadedTemplate = loadTemplate("help-overlay.mustache", obj, (x)=>{});
let wrapper = $(loadedTemplate);
body.append(wrapper)
} }
export function closeOverlay(){ export function closeOverlay(){

@ -42,6 +42,11 @@ function createId(fileName: String) {
return crypto.createHash('md5').update(fileName).digest('hex'); return crypto.createHash('md5').update(fileName).digest('hex');
} }
module.exports = {loadTemplate, loadTemplateSingle} export function readHTML(fileName: string): string{
let baseFilePath = FileUtils.getPathToPage(fileName);
return fs.readFileSync(baseFilePath, "utf8").toString();
}
module.exports = {loadTemplate, loadTemplateSingle, readHTML}
cacheTemplates() cacheTemplates()

@ -2,6 +2,7 @@ import {Configurator, FileUtils} from './fileutils'
import {loadTemplate, loadTemplateSingle} from "./templates" import {loadTemplate, loadTemplateSingle} from "./templates"
const shell = require('electron').shell; const shell = require('electron').shell;
const fs = require('fs');
export class CardModel { export class CardModel {
@ -141,4 +142,5 @@ function launchDocument(filename: string) {
function launchWebsite(url: string) { function launchWebsite(url: string) {
shell.openItem(url); shell.openItem(url);
} }

Loading…
Cancel
Save