vilmibm/trunkless
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP on saving

Browse Source
This commit is contained in:
nate smith 2024-02-24 13:15:47 -08:00
parent 0c1a15618b
commit a83ca761eb
2 changed files with 23 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/main.js
View File

@ -167,6 +167,10 @@ class PoemRegenner extends Button {
} }
class PoemResetter extends Button { class PoemResetter extends Button {
connectedCallback() {
// TODO set title
this.innerText = "reset";
}
click() { click() {
$("div[is=poem-lines]").reset(); $("div[is=poem-lines]").reset();
} }

30
templates/index.tmpl
View File

@ -29,6 +29,14 @@ div.line:not(.unpinned) > .linetext {
span.linetext { span.linetext {
background-color: black; background-color: black;
} }
.controls {
margin: 0;
margin-bottom:4px;
}
.controls span {
font-size: 80%;
}
</style> </style>
</head> </head>
<body> <body>
@ -46,17 +54,17 @@ span.linetext {
<p is="source-text"></p> <p is="source-text"></p>
</template> </template>
<script src="/main.js"></script> <script src="/main.js"></script>
<h1 style="display:inline-block">Trunkless</h1> <h1 style="display:block;margin:0">Trunkless</h1>
<div style="display:inline-block; width:20% "></div> <p style="margin-top:0;font-size:80%">
<div id="pagecontrols" style="display:inline-block;"> <a href="/about">about</a>
<a href="/about">about</a> <a is="theme-toggler"></a>
<a is="theme-toggler"></a>
</div>
<p>
<button is="poem-resetter">new</button>
<button>save as text</button>
<button>save as image</button>
</p> </p>
<p class="controls">
<button is="poem-resetter"></button>
<!--<span>source:</span><select><option>gutenberg</option></select>-->
<span>save:</span><button>as text</button><button>as image</button><input type="checkbox"/><span>include sources</span>
</p>
<div style="border: 1px solid grey; padding: 5px">
<div style="margin-bottom: 5px"> <div style="margin-bottom: 5px">
<button is="poem-regenner">↺</button> <button is="poem-regenner">↺</button>
</div> </div>
@ -64,6 +72,6 @@ span.linetext {
<div> <div>
<button is="line-adder" title="add line">+</button> <button is="line-adder" title="add line">+</button>
</div> </div>
</div>
</body> </body>
</html> </html>