ALVINN/ALVINN_f7
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases 7 Wiki Activity

Basic setup (#1)

Browse Source 
Initial adjustments to project docs and trimming of start page down to likely needed components.

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>

Reviewed-on: Georgi_Lab/ALVINN_f7#1
This commit is contained in:
Justin Georgi
2023-11-09 19:42:46 -07:00
parent f6ffb10c07
commit 24c38af0c8
5 changed files with 11 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/components/app.vue
View File

@@ -5,28 +5,15 @@
<f7-panel left cover dark>
<f7-view>
<f7-page>
<f7-navbar title="Left Panel"></f7-navbar>
<f7-block>Left panel content goes here</f7-block>
<f7-navbar title="ALVINN"></f7-navbar>
<f7-block>Menu Settings Here</f7-block>
</f7-page>
</f7-view>
</f7-panel>
<!-- Right panel with reveal effect-->
<f7-panel right reveal dark>
<f7-view>
<f7-page>
<f7-navbar title="Right Panel"></f7-navbar>
<f7-block>Right panel content goes here</f7-block>
</f7-page>
</f7-view>
</f7-panel>
<!-- Your main view, should have "view-main" class -->
<f7-view main class="safe-areas" url="/"></f7-view>
<!-- Popup -->
<f7-popup id="my-popup">
<f7-view>
@@ -43,33 +30,6 @@
</f7-view>
</f7-popup>
<f7-login-screen id="my-login-screen">
<f7-view>
<f7-page login-screen>
<f7-login-screen-title>Login</f7-login-screen-title>
<f7-list form>
<f7-list-input
type="text"
name="username"
placeholder="Your username"
v-model:value="username"
></f7-list-input>
<f7-list-input
type="password"
name="password"
placeholder="Your password"
v-model:value="password"
></f7-list-input>
</f7-list>
<f7-list>
<f7-list-button title="Sign In" @click="alertLoginData"></f7-list-button>
<f7-block-footer>
Some text about login information.<br>Click "Sign In" to close Login Screen
</f7-block-footer>
</f7-list>
</f7-page>
</f7-view>
</f7-login-screen>
</f7-app>
</template>
<script>
@@ -92,8 +52,6 @@
primary: '#002f65',
},
// App store
store: store,
// App routes
@@ -115,15 +73,6 @@
androidOverlaysWebView: false,
},
};
// Login screen data
const username = ref('');
const password = ref('');
const alertLoginData = () => {
f7.dialog.alert('Username: ' + username.value + '<br>Password: ' + password.value, () => {
f7.loginScreen.close();
});
}
onMounted(() => {
f7ready(() => {
// Init cordova APIs (see cordova-app.js)
@@ -136,10 +85,7 @@
});
return {
f7params,
username,
password,
alertLoginData
f7params
}
}
}