Skip to content

Commit 0ed9e29

Browse files
author
FalkWolsky
committed
Introducing Mobile Publishing Service
1 parent edea409 commit 0ed9e29

File tree

8 files changed

+139
-6
lines changed

8 files changed

+139
-6
lines changed

‎client/packages/lowcoder-design/src/icons/index.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -129,6 +129,7 @@ export { ReactComponent as HomeCardIcon } from "./v1/icon-application-card.svg";
129129
export { ReactComponent as APIDocsIcon } from "./remix/instance-line.svg";
130130
export { ReactComponent as SubscriptionIcon } from "./remix/award-fill.svg";
131131
export { ReactComponent as SupportIcon } from "./remix/user-heart-line.svg";
132+
export { ReactComponent as MobileAppPublishingIcon } from "./remix/smartphone-line.svg";
132133
// export { ReactComponent as AllAppIcon } from "./v1/icon-all-app.svg";
133134

134135

‎client/packages/lowcoder/src/app.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@ import {
2929
ORG_AUTH_FORGOT_PASSWORD_URL,
3030
ORG_AUTH_RESET_PASSWORD_URL,
3131
ADMIN_AUTH_URL,
32+
PUBLISHMOBILE_URL,
3233
} from "constants/routesURL";
3334
import React from "react";
3435
import { createRoot } from "react-dom/client";
@@ -328,7 +329,8 @@ class AppIndex extends React.Component<AppIndexProps, any> {
328329
TRASH_URL,
329330
SETTING_URL,
330331
MARKETPLACE_URL,
331-
ADMIN_APP_URL
332+
ADMIN_APP_URL,
333+
PUBLISHMOBILE_URL,
332334
]}
333335
// component={ApplicationListPage}
334336
component={LazyApplicationHome}

‎client/packages/lowcoder/src/constants/routesURL.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,7 @@ export const FOLDER_URL_PREFIX = `/folder`;
4747
export const FOLDER_URL = `${FOLDER_URL_PREFIX}/:folderId`;
4848
export const FOLDERS_URL = `/folders`;
4949
export const TRASH_URL = `/trash`;
50+
export const PUBLISHMOBILE_URL = `/publish-your-mobile-app`;
5051
export const IMPORT_APP_FROM_TEMPLATE_URL = `${ALL_APPLICATIONS_URL}/template-import/:templateId`;
5152
export const APP_EDITOR_URL = `${ALL_APPLICATIONS_URL}/:applicationId/:viewMode/:appPageId?`;
5253

‎client/packages/lowcoder/src/i18n/locales/de.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3232,6 +3232,9 @@ export const de = {
32323232
"createNavigation": "Navigation erstellen",
32333233
"howToUseAPI": "Verwendung der Open Rest API",
32343234
"support": "Unterstützung",
3235+
"mobileVersion" : "Mobile App erstellen",
3236+
"PublishMobile" : "Publish your App as native Mobile App",
3237+
"PublishMobileLoading" : "Loading from Service Vendor..."
32353238
},
32363239
"support": {
32373240
...en.support,

‎client/packages/lowcoder/src/i18n/locales/en.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3266,6 +3266,7 @@ export const en = {
32663266
"createNavigation": "Create Navigation",
32673267
"howToUseAPI": "How to use the Open Rest API",
32683268
"support": "Support",
3269+
"mobileVersion" : "Publish Mobile App"
32693270
},
32703271

32713272
"support" : {

‎client/packages/lowcoder/src/pages/ApplicationV2/PublishMobileAppLayout.tsx

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
import styled from "styled-components";
2+
import { trans } from "../../i18n";
3+
import { default as Divider } from "antd/es/divider";
4+
5+
import { Card } from "antd";
6+
7+
const Wrapper = styled.div`
8+
display: flex;
9+
flex-direction: column;
10+
width: 100%;
11+
height: 100%;
12+
`;
13+
14+
const HeaderWrapper = styled.div`
15+
height: 84px;
16+
width: 100%;
17+
display: flex;
18+
padding: 0 36px;
19+
align-items: center;
20+
flex-shrink: 0;
21+
@media screen and (max-width: 500px) {
22+
padding: 0 24px;
23+
}
24+
`;
25+
26+
const ContentWrapper = styled.div`
27+
position: relative;
28+
`;
29+
30+
31+
const PublishMobileView = styled.div`
32+
font-size: 14px;
33+
color: #8b8fa3;
34+
flex-grow: 1;
35+
padding-top: 0px;
36+
padding-left: 40px;
37+
max-width: 95%;
38+
`;
39+
40+
const StylePublishMobileCover = styled.div`
41+
background: rgb(2,0,36);
42+
background: -moz-linear-gradient(39deg, rgba(2,0,36,1) 0%, rgba(104,9,121,1) 35%, rgba(255,83,0,1) 100%);
43+
background: -webkit-linear-gradient(39deg, rgba(2,0,36,1) 0%, rgba(104,9,121,1) 35%, rgba(255,83,0,1) 100%);
44+
background: linear-gradient(39deg, rgba(2,0,36,1) 0%, rgba(104,9,121,1) 35%, rgba(255,83,0,1) 100%);
45+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#ff5300",GradientType=1);
46+
padding: 25px;
47+
height: 120px;
48+
border-radius:10px 10px 0 0;
49+
`;
50+
51+
const StylePublishMobileContent = styled.div`
52+
position: relative;
53+
margin-top:-50px;
54+
display: flex;
55+
align-items: end;
56+
gap: 20px;
57+
58+
.subtitle {
59+
color: #8b8fa3;
60+
}
61+
62+
.button-end {
63+
margin-left: auto;
64+
}
65+
66+
svg {
67+
margin-right: 5px;
68+
vertical-align: middle;
69+
}
70+
`;
71+
72+
var PublishMobileLink = "https://www.wesetupyourwebviewapp.com/order-form-lowcoder.php";
73+
74+
export function PublishMobileLayout() {
75+
76+
return (
77+
<Wrapper>
78+
<HeaderWrapper></HeaderWrapper>
79+
80+
<ContentWrapper>
81+
<PublishMobileView>
82+
<StylePublishMobileCover>
83+
<h1 style={{color: "#ffffff", marginTop : "12px"}}>Lowcoder {trans("home.PublishMobile")}</h1>
84+
</StylePublishMobileCover>
85+
<Card style={{ marginBottom: "20px", minHeight : "800px" }}>
86+
<h4>{trans("home.PublishMobileLoading")}</h4>
87+
<iframe
88+
style={{ border: "none" }}
89+
title="Lowcoder PublishMobile"
90+
width="100%"
91+
height="800px"
92+
src={PublishMobileLink}
93+
/>
94+
<Divider />
95+
96+
</Card>
97+
98+
</PublishMobileView>
99+
</ContentWrapper>
100+
</Wrapper>
101+
);
102+
}

‎client/packages/lowcoder/src/pages/ApplicationV2/PublishMobileAppView.tsx

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import { Helmet } from "react-helmet";
2+
import { PublishMobileLayout } from "./PublishMobileAppLayout";
3+
import { trans } from "i18n";
4+
5+
export function PublishMobileAppView() {
6+
7+
return (
8+
<><Helmet>
9+
{<title>{trans("home.PublishMobile")}</title>}
10+
</Helmet>
11+
<PublishMobileLayout />
12+
</>
13+
);
14+
15+
};

‎client/packages/lowcoder/src/pages/ApplicationV2/index.tsx

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import {
33
ALL_APPLICATIONS_URL,
44
DATASOURCE_URL,
55
FOLDER_URL,
6-
FOLDER_URL_PREFIX,
76
FOLDERS_URL,
87
MARKETPLACE_URL,
98
QUERY_LIBRARY_URL,
@@ -12,6 +11,7 @@ import {
1211
TRASH_URL,
1312
NEWS_URL,
1413
ORG_HOME_URL,
14+
PUBLISHMOBILE_URL,
1515
} from "constants/routesURL";
1616
import { getUser, isFetchingUser } from "redux/selectors/usersSelectors";
1717
import { useDispatch, useSelector } from "react-redux";
@@ -33,6 +33,7 @@ import {
3333
AppsIcon,
3434
EnterpriseIcon,
3535
UserIcon,
36+
MobileAppPublishingIcon,
3637
} from "lowcoder-design";
3738
import React, { useCallback, useEffect, useState, useMemo } from "react";
3839
import { fetchAllApplications, fetchHomeData } from "redux/reduxActions/applicationActions";
@@ -52,6 +53,7 @@ import styled, { css } from "styled-components";
5253
import { FolderView } from "./FolderView";
5354
import { TrashView } from "./TrashView";
5455
import { MarketplaceView } from "./MarketplaceView";
56+
import { PublishMobileAppView } from "./PublishMobileAppView";
5557
// import { SideBarItemType } from "../../components/layout/SideBarSection";
5658
import { RootFolderListView } from "./RootFolderListView";
5759
// import InviteDialog from "../common/inviteDialog";
@@ -73,7 +75,7 @@ import AppEditor from "../editor/AppEditor";
7375
import { fetchDeploymentIdAction } from "@lowcoder-ee/redux/reduxActions/configActions";
7476
import { getDeploymentId } from "@lowcoder-ee/redux/selectors/configSelectors";
7577
import { SimpleSubscriptionContextProvider } from '@lowcoder-ee/util/context/SimpleSubscriptionContext';
76-
import {LoadingBarHideTrigger} from "@lowcoder-ee/util/hideLoading";
78+
7779
const TabLabel = styled.div`
7880
font-weight: 500;
7981
`;
@@ -222,7 +224,6 @@ export default function ApplicationHome() {
222224

223225
return (
224226
<DivStyled>
225-
<LoadingBarHideTrigger />
226227
<SimpleSubscriptionContextProvider>
227228
<Layout
228229
sections={[
@@ -262,18 +263,25 @@ export default function ApplicationHome() {
262263

263264
{
264265
items: [
265-
{
266+
/* {
266267
text: <MoreFoldersWrapper>{trans("home.allFolders")}</MoreFoldersWrapper>,
267268
routePath: FOLDERS_URL,
268269
routeComp: RootFolderListView,
269270
icon: ({ selected, ...otherProps }) => selected ? <FolderIcon {...otherProps} width={"24px"}/> : <FolderIcon {...otherProps} width={"24px"}/>,
270-
},
271+
}, */
271272
{
272273
text: <TabLabel>{trans("home.allApplications")}</TabLabel>,
273274
routePath: ALL_APPLICATIONS_URL,
274275
routeComp: HomeView,
275276
icon: ({ selected, ...otherProps }) => selected ? <AppsIcon {...otherProps} width={"24px"}/> : <AppsIcon {...otherProps} width={"24px"}/>,
276277
},
278+
{
279+
text: <TabLabel>{trans("home.mobileVersion")}</TabLabel>,
280+
routePath: PUBLISHMOBILE_URL,
281+
routeComp: PublishMobileAppView,
282+
icon: ({ selected, ...otherProps }) => selected ? <MobileAppPublishingIcon {...otherProps} width={"24px"}/> : <MobileAppPublishingIcon {...otherProps} width={"24px"}/>,
283+
visible: ({ user }) => user.orgDev,
284+
},
277285
],
278286
},
279287

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy