doesnm/quickshare
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Clean up legacy files, ignore list, files, etc. (#24)

Browse source 
* chore(all): remove unused files

* chore(ignore): ignore js builds

* chore(js bundles): remove js builds and add env setup scripts

* fix(build/template): fix incorrect prod template and add ignores

* fix(browser): refine selected status style and small fixes

* chore(readme): update readme status
This commit is contained in:
Hexxa 2020-12-20 15:29:54 +08:00 • committed by GitHub
parent e40878f7be
commit 7d361cdf7c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
84 changed files with 62 additions and 8513 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/client/web/build/template/index.template.html
View file

@ -8,10 +8,10 @@
content="initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=no,uc-fitscreen=yes"
/>
<meta class="chrome-color" name="theme-color" content="black" />
<!-- <script src="/static/js/react.production.min.js?v=16.8.6"></script>
<script src="/static/js/react.production.min.js?v=16.8.6"></script>
<script src="/static/js/react-dom.production.min.js?v=16.8.6"></script>
<script src="/static/js/immutable.min.js?v=4.0.0-rc.12"></script>
<link
<!-- <link
rel="apple-touch-icon"
sizes="57x57"
href="/static/fav/apple-icon-57x57.png"
@ -86,7 +86,7 @@
name="msapplication-TileImage"
content="/static/fav/ms-icon-144x144.png"
/> -->
<!-- <meta name="theme-color" content="#ffffff" /> -->
<!-- <meta name="theme-color" content="#ffffff" />
</head>
<body>
<div id="content"><div id="mount"></div></div>

23
src/client/web/src/components/browser.tsx
View file

@ -287,6 +287,10 @@ export class Browser extends React.Component<Props, State, {}> {
};
chdir = (dirPath: List<string>) => {
if (dirPath === this.props.dirPath) {
return;
}
Updater.setItems(dirPath).then(() => {
this.update(Updater.setBrowser);
});
@ -456,33 +460,32 @@ export class Browser extends React.Component<Props, State, {}> {
: `${dirPath}/${item.name}`;
return item.isDir ? (
<tr key={item.name} className={`${isSelected ? "green0-bg" : ""}`}>
<tr key={item.name} className={`${isSelected ? "white0-bg selected" : ""}`}>
<td className="padding-l-l" style={{ width: "3rem" }}>
<span className="dot yellow0-bg"></span>
</td>
<td>
<span
className="item-name"
className="item-name pointer"
onClick={() => this.gotoChild(item.name)}
>
{item.name}
</span>
</td>
<td>N/A</td>
<td>--</td>
<td>{item.modTime.slice(0, item.modTime.indexOf("T"))}</td>
<td>
<button
type="button"
onClick={() => this.select(item.name)}
className="grey1-bg white-font margin-t-m margin-b-m"
className="white-font margin-t-m margin-b-m"
>
Select
{isSelected ? "Unselect" : "Select"}
</button>
</td>
</tr>
) : (
<tr key={item.name} className={`${isSelected ? "green0-bg" : ""}`}>
<tr key={item.name} className={`${isSelected ? "white0-bg selected" : ""}`}>
<td className="padding-l-l" style={{ width: "3rem" }}>
<span className="dot green0-bg"></span>
</td>
@ -502,9 +505,9 @@ export class Browser extends React.Component<Props, State, {}> {
<button
type="button"
onClick={() => this.select(item.name)}
className="grey1-bg white-font margin-t-m margin-b-m"
className="white-font margin-t-m margin-b-m"
>
Select
{isSelected ? "Unselect" : "Select"}
</button>
</td>
</tr>
@ -528,7 +531,7 @@ export class Browser extends React.Component<Props, State, {}> {
<td>Name</td>
<td>File Size</td>
<td>Mod Time</td>
<td>Op</td>
<td>Edit</td>
</tr>
</thead>
<tbody>{itemList}</tbody>

2
src/client/web/src/components/panel.tsx
View file

@ -42,7 +42,7 @@ export class Panel extends React.Component<Props, State, {}> {
className="top-bar cyan1-font padding-t-m padding-b-m padding-l-l padding-r-l"
>
<div className="flex-2col-parent">
<span className="flex-13col h5">Quickshare</span>
<a href="https://github.com/ihexxa/quickshare" className="flex-13col h5">Quickshare</a>
<span className="flex-23col text-right">
<AuthPane
authed={this.props.authPane.authed}

7
src/client/web/src/theme/reset.css
View file

@ -107,6 +107,7 @@ input:focus {
}
button {
cursor: pointer;
border: none;
border-radius: 0.5rem;
padding: 0.8rem 1rem;
@ -115,4 +116,8 @@ button {
font-weight: bold;
border-radius: 0.5rem;
}
}
button:hover {
opacity: 0.9;
}

12
src/client/web/src/theme/style.css
View file

@ -56,6 +56,14 @@
text-overflow: ellipsis;
}
#item-list tr button {
background-color: #95a5a6;
}
#item-list tr.selected button {
background-color: #e74c3c;
}
#item-list tr:hover {
opacity: 0.8;
}
@ -471,6 +479,10 @@ div.hr {
height: 1px;
}
.pointer {
cursor: pointer;
}
/*
.tag {
display: inline-block;