status-im
/
keycard-certify
mirror of https://github.com/status-im/keycard-certify.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

added icon

This commit is contained in:
Ksenia Lebedeva 2022-11-18 01:50:09 +01:00
parent 0003dd6215
commit f28dde65fe
15 changed files with 65 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
build/icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 88 KiB

After

Width:  |  Height:  |  Size: 72 KiB

78
css/app.css
View File

@ -91,6 +91,17 @@ input[disabled="disabled"], input[disabled="disabled"]:hover {
height: 5px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
@keyframes fade {
0% {
opacity: 0;
@ -151,7 +162,7 @@ input[disabled="disabled"], input[disabled="disabled"]:hover {
padding: .2em 2em;
}
.keycard__ident-container {
.keycard-ident__container {
height: 60%;
box-sizing: border-box;
padding: 2em 0;
@ -165,18 +176,18 @@ input[disabled="disabled"], input[disabled="disabled"]:hover {
display: inherit;
}
.keycard__ident-form-container {
.keycard-ident__form-container {
width: 80%;
box-sizing: border-box;
margin: 1em auto;
}
.keycard__ident-form-field-container {
.keycard-ident__form-field-container {
padding: .8em 0;
box-sizing: border-box;
}
.keycard__ident-form-field-label {
.keycard-ident__form-field-label {
float: left;
width: 37%;
font-weight: bold;
@ -258,7 +269,7 @@ input[disabled="disabled"], input[disabled="disabled"]:hover {
.keycard__btn-container {
text-align: center;
padding: 2em 0;
padding: 1em 0;
}
.keycard__btn {
@ -283,6 +294,7 @@ input[disabled="disabled"], input[disabled="disabled"]:hover {
height: 148px;
margin: 4em auto;
}
.keycard__loading div {
position: absolute;
border: 4px solid rgb(112, 112, 191);
@ -290,9 +302,11 @@ input[disabled="disabled"], input[disabled="disabled"]:hover {
border-radius: 50%;
animation: keycard__loading 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.keycard__loading div:nth-child(2) {
animation-delay: -0.5s;
}
@keyframes keycard__loading {
0% {
top: 72px;
@ -310,11 +324,11 @@ input[disabled="disabled"], input[disabled="disabled"]:hover {
}
}
.keycard__ident-form-enc-field-container {
.keycard-ident__form-enc-field-container {
position: relative;
}
.keycard__ident-file-field {
.keycard-ident__file-field {
float: left;
margin: .8em 0;
position: relative;
@ -322,7 +336,7 @@ input[disabled="disabled"], input[disabled="disabled"]:hover {
border: none;
}
.keycard__ident-file-label {
.keycard-ident__file-label {
position: relative;
z-index: 0;
display: inline-block;
@ -340,7 +354,7 @@ input[disabled="disabled"], input[disabled="disabled"]:hover {
font-weight: bold;
}
.keycard__ident-file-input {
.keycard-ident__file-input {
display: inline-block;
position: absolute;
z-index: 1;
@ -356,49 +370,7 @@ input[disabled="disabled"], input[disabled="disabled"]:hover {
display: block;
padding-top: .4em;
overflow-x: scroll;
width: 200%;
}
.keycard__check {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.keycard__check-label {
position: relative;
cursor: pointer;
margin-right: 2.5em;
}
.keycard__check-label:before {
content:'';
-webkit-appearance: none;
background-color: transparent;
border: 2px solid rgb(72, 151, 127);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: .56em;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: .8em;
}
.keycard__check:checked + .keycard__check-label:after {
content: '';
display: block;
position: absolute;
top: .1em;
left: .5em;
width: .25em;
height: .8em;
border: solid rgb(72, 151, 127);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
width: 220%;
}
.keycard-ident__destination-path-container {
@ -408,7 +380,7 @@ input[disabled="disabled"], input[disabled="disabled"]:hover {
.keycard-ident__select-btn {
font-family: "Material Symbols Outlined", monospace;
margin-top: .4em;
margin-top: .65em;
float: right;
background: white;
border-radius: 5px;

BIN
img/app_info_bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 596 KiB

BIN
img/smartcard_install.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 30 KiB

BIN
img/smartcard_unpair.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 32 KiB

BIN
img/smartcard_update.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 32 KiB

38
index.html
View File

@ -2,7 +2,7 @@
<head>
<meta charset="UTF-8">
<title>Keycard Desktop</title>
<title>Keycard Certify</title>
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
<link href="https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@700&display=swap" rel="stylesheet">
@ -12,38 +12,38 @@
<body class="keycard__body-container">
<div class="keycard__main-container group" id="main-container">
<div class="keycard__ident-container">
<div class="keycard__ident-form-container" id="ident-form">
<div class="keycard__ident-form">
<div class="keycard__ident-form-field-container group">
<label for="lot-number" class="keycard__ident-form-field-label">Lot number</label>
<input type="text" class="keycard__ident-form-field-input-text keycard__inp-right" id="lot-number" name="lot-number" placeholder="Lot number" required>
<div class="keycard-ident__container">
<div class="keycard-ident__form-container" id="ident-form">
<div class="keycard-ident__form">
<div class="keycard-ident__form-field-container group">
<label for="lot-number" class="keycard-ident__form-field-label">Lot number</label>
<input type="text" class="keycard-ident__form-field-input-text keycard__inp-right" id="lot-number" name="lot-number" placeholder="Lot number" required>
</div>
<div class="keycard__ident-form-field-container group">
<label for="card-quantity" class="keycard__ident-form-field-label">Number of cards</label>
<input type="number" class="keycard__ident-form-field-input-number keycard__inp-right" id="card-quantity" name="card-quantity" value="1" required>
<div class="keycard-ident__form-field-container group">
<label for="card-quantity" class="keycard-ident__form-field-label">Number of cards</label>
<input type="number" class="keycard-ident__form-field-input-number keycard__inp-right" id="card-quantity" name="card-quantity" value="1" required>
</div>
<div class="keycard-ident__destination-path-container keycard__ident-form-field-container group">
<span class="keycard__ident-form-field-label">Destination file</span>
<div class="keycard-ident__destination-path-container keycard-ident__form-field-container group">
<span class="keycard-ident__form-field-label">Destination file</span>
<div class="group">
<span class="keycard-ident__destination-path" id="show-destination-path">No destination file selected</span>
<button id="destination-path" class="keycard-ident__select-btn material-symbols-outlined">folder_open</button>
</div>
</div>
<div class="keycard__ident-form-field-container keycard__ident-form-enc-field-container group">
<label for="encryption-key" class="keycard__ident-form-field-label keycard-ident__enc-file-label">Output encryption key</label>
<div class="keycard__ident-file-field keycard__inp-right group">
<div class="keycard-ident__form-field-container keycard-ident__form-enc-field-container group">
<label for="encryption-key" class="keycard-ident__form-field-label keycard-ident__enc-file-label">Output encryption key</label>
<div class="keycard-ident__file-field keycard__inp-right group">
<div class="keycard__file-inp-left">
<input type="file" class="keycard__ident-file-input" accept=".asc" id="encryption-key" name="encryption-key" required>
<span class="keycard__ident-file-label">
<input type="file" class="keycard-ident__file-input" accept=".asc" id="encryption-key" name="encryption-key" required>
<span class="keycard-ident__file-label">
Choose File
</span>
</div>
<span id="file-enc-path-label" class="keycard__file-path-label">No file selected</span>
</div>
</div>
<div class="keycard__ident-start-btn-container keycard__btn-container">
<button class="keycard__ident-start-btn keycard__btn" id="start-btn" disabled>Start</button>
<div class="keycard-ident__start-btn-container keycard__btn-container">
<button class="keycard-ident__start-btn keycard__btn" id="start-btn" disabled>Start</button>
</div>
</div>
</div>

4
package.json
View File

@ -11,8 +11,8 @@
"postinstall": "electron-builder install-app-deps"
},
"build": {
"appId": "com.github.choppu.keycard-desktop",
"productName": "Keycard Desktop",
"appId": "com.github.choppu.keycard-certify",
"productName": "Keycard Certify",
"files": [
"**/*",
"!tsconfig.json",

1
src/card.ts
View File

@ -19,7 +19,6 @@ const path = require('path');
const maxPINRetryCount = 3;
const maxPUKRetryCount = 5;
const maxPairing = 5;
const dataHeader = "80e2000082";
export class Card {

1
src/ident.ts
View File

@ -4,7 +4,6 @@ import { UI } from "./ui";
export namespace Ident {
export function initUI(): void {
let filePath: string | undefined;
let destinationPath: string;
let fileLabel = document.getElementById("file-enc-path-label");
let fileField = document.getElementById("encryption-key") as HTMLInputElement;
let lot = document.getElementById("lot-number") as HTMLInputElement;

2
src/main.ts
View File

@ -28,7 +28,7 @@ export namespace Main {
mainWindow.webContents.once("dom-ready", () => {
card.start();
});
mainWindow.webContents.openDevTools();
//mainWindow.webContents.openDevTools();
mainWindow.on('closed', Main.onClose);
}

6
src/session-info.ts
View File

@ -20,7 +20,7 @@ export class SessionInfo {
this.reset();
}
setApplicationInfo(appInfo: ApplicationInfo) {
setApplicationInfo(appInfo: ApplicationInfo) : void {
this.instanceUID = Utils.hx(appInfo.instanceUID);
this.appVersion = appInfo.getAppVersionString();
this.pairingSlots = appInfo.freePairingSlots.toString();
@ -28,12 +28,12 @@ export class SessionInfo {
this.hasMasterKey = appInfo.hasMasterKey();
}
setApplicationStatus(appStatus: ApplicationStatus) {
setApplicationStatus(appStatus: ApplicationStatus) : void {
this.pinRetry = appStatus.pinRetryCount;
this.pukRetry = appStatus.pukRetryCount;
}
reset() {
reset() : void {
this.cashAddress = "";
this.instanceUID = "";
this.appVersion = "";