OpenServer/SecureNotes
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Make Beta Ready

Browse Source
This commit is contained in:
Fabian
2019-05-31 20:48:44 +02:00
parent 595f2be1fb
commit c3c36504ab
9 changed files with 860 additions and 416 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/context.scss
View File

@ -1,18 +1,16 @@
@import "../vars.scss";
.context-menu {
position: fixed;
z-index: 10;
display: flex;
flex-direction: column;
border: 1px $border_color solid;
border: 1px var(--border-color) solid;
> button {
>button {
margin: 0;
display: block;
}
> *:not(:last-child) {
border-bottom: 1px $border_color solid;
>*:not(:last-child) {
border-bottom: 1px var(--border-color) solid;
}
}

4
src/components/modals/YesNoModal.tsx
View File

@ -32,10 +32,10 @@ export class YesNoModal extends Modal<boolean> {
<div style="text-align: right;">
<button class="uk-button uk-button-primary uk-margin-right" style="display: inline-block;" onClick={() => {
this.props.modal.result(false);
}}>No</button>
}}><span style="text-decoration: underline;">N</span>o</button>
<button class="uk-button uk-button-primary" style="display: inline-block;" onClick={() => {
this.props.modal.result(true);
}}>Yes</button>
}}><span style="text-decoration: underline;">Y</span>es</button>
</div>
</div>
</Modal.BaseModal>

30
src/components/routes/vault/EntryList.tsx
View File

@ -230,23 +230,10 @@ export default class EntryList extends Component<{ vault: Promise<IVault> }, { n
Navigation.setPage("/vault", { id: this.vault.id }, { id, entry: "true" })
}
let elms = this.state.notes.map(note => {
let [first, second] = note.preview.split("\n", 2);
return <li class="vault-vault" onContextMenu={evt => this.onContext(evt, note)} onClick={() => {
open_entry(note._id)
}}>
<div>{first}</div>
<div>{second}</div>
</li>
})
return <div>
{this.state.context}
<header class="uk-background-primary">
{/* <div> */}
<a class="header-icon-button" onClick={() => history.back()}><ArrowLeft height={undefined} width={undefined} /></a>
{/* </div> */}
<h3 style="display:inline" class="header-title" onClick={() => Navigation.setPage("/")}>{this.vault ? this.vault.name : ""}</h3>
<span></span>
{/* <a class="button header_icon_button"><MoreVertival height={undefined} width={undefined} /></a> */}
@ -259,9 +246,20 @@ export default class EntryList extends Component<{ vault: Promise<IVault> }, { n
<Search />
</button>
</div>
<ul class="uk-list uk-list-divider">
{elms}
</ul>
<div class="uk-child-width-1-3@m uk-grid-small uk-grid-match" style="margin-top: 1rem;" uk-grid>
{this.state.notes.map(note => {
let [first, second] = note.preview.split("\n", 2);
return <div class="" onContextMenu={evt => this.onContext(evt, note)} onClick={() => {
open_entry(note._id)
}}>
<div class="uk-card uk-card-default uk-card-body vault-vault" style="box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3)">
<div>{first}</div>
<div>{second}</div>
</div>
</div>
})}
</div>
</div>
</div>;
}

16
src/index.scss
View File

@ -28,7 +28,8 @@ header {
margin-bottom: $header-margin;
align-content: center;
padding: 0.75em;
border-bottom: solid $border-color 1px;
border-bottom: solid var(--border-color) 1px;
background-color: var(--primary);
>* {
margin: 0;
@ -61,4 +62,17 @@ header {
.def-shadow {
box-shadow: 0px 5px 8px 2px rgba(66, 66, 66, 0.53);
}
.ccontainer {
margin: 0 1rem;
max-width: 100%;
}
@media (min-width: 45rem) {
.ccontainer {
max-width: 50rem;
margin: 0 auto;
}
}

36
src/index.tsx
View File

@ -4,6 +4,31 @@ declare global {
cancelIdleCallback: (id: number | NodeJS.Timeout) => void;
debug: any;
}
namespace JSX {
interface IntrinsicElements {
"wired-button": HTMLAttributes;
"wired-card": HTMLAttributes;
"wired-checkbox": HTMLAttributes;
"wired-combo": HTMLAttributes;
"wired-fab": HTMLAttributes;
"wired-icon-button": HTMLAttributes;
"wired-input": HTMLAttributes;
"wired-item": HTMLAttributes;
"wired-lib": HTMLAttributes;
"wired-listbox": HTMLAttributes;
"wired-progress": HTMLAttributes;
"wired-radio-group": HTMLAttributes;
"wired-radio": HTMLAttributes;
"wired-slider": HTMLAttributes;
"wired-spinner": HTMLAttributes;
"wired-tabs": HTMLAttributes;
"wired-textarea": HTMLAttributes;
"wired-toggle": HTMLAttributes;
"wired-tooltip": HTMLAttributes;
}
}
}
// declare const window: Window;
@ -38,11 +63,11 @@ window.debug = {};
import { h, render } from 'preact';
import App from './components/App';
// import "mini.css/src/flavors/mini-dark.scss"
// import "mini.css/src/flavors/mini-default.scss"
// import "uikit";
import "uikit";
import "uikit/dist/css/uikit.css"
import "./index.scss"
import "./index.scss";
import Navigation from './navigation';
import VaultsPage from './components/routes/vaults/Vaults';
import { Page } from './page';
@ -52,8 +77,7 @@ import DemoPage from './components/demo';
import VaultPage from './components/routes/vault/Vault';
import SharePage from './components/routes/share/Share';
import Notifications from './notifications';
console.log(Notes);
window.debug.notes = Notes;
(async () => {
// Initialize notes provider

21
src/vars.scss
View File

@ -1,2 +1,21 @@
$border-color: #AAAAAA;
:root {
--primary: #1E88E5;
// --mdc-theme-primary: var(--primary);
// --mdc-theme-primary-bg: var(--mdc-theme--primary);
// --mdc-theme-on-primary: white;
--error: #ff2f00;
--border-color: #ababab;
--default-font-size: 1.05rem;
}
.uk-button-primary {
background: var(--primary) !important;
color: white;
}
.uk-background-primary {
background: var(--primary) !important;
color: white;
}
$hover-background: #DDDDDD;