69 lines
2.1 KiB
HTML
69 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Platypush</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script type="text/javascript" src="js/vue.min.js"></script>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app">
|
|
<div class="splash" v-if="splash">
|
|
<div class="icon">
|
|
<img src="img/icon.png" alt="">
|
|
</div>
|
|
<div class="app-name">
|
|
Platypush
|
|
</div>
|
|
</div>
|
|
|
|
<div class="loading" v-if="loading">
|
|
<div class="icon">
|
|
<div v-for="n in 4" :key="n"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="services">
|
|
<div class="no-items" v-if="!Object.keys(services).length">
|
|
<div class="empty">No Platypush web services found on the network</div>
|
|
</div>
|
|
|
|
<div class="service" v-for="(service, i) in services" :key="i" @click="onClick(service)">
|
|
<span class="name" v-text="service.name" v-if="service.name"></span>
|
|
<span v-if="service.name"> on </span>
|
|
<span class="address" v-text="service.host"></span>:<span class="port" v-text="service.port"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="add-modal-container" @click="addModalVisible = false" v-if="addModalVisible">
|
|
<div class="add-modal-background"></div>
|
|
<div class="add-modal" @click="$event.stopPropagation()">
|
|
<div class="header">
|
|
Connect to a Platypush web service
|
|
</div>
|
|
|
|
<div class="body">
|
|
<form @submit.prevent="onConnect">
|
|
<label>
|
|
<input type="text" placeholder="IP or hostname" v-model="addModalHost">
|
|
</label>
|
|
|
|
<label>
|
|
<input type="number" placeholder="Port" v-model="addModalPort">
|
|
</label>
|
|
|
|
<input type="submit" value="Connect">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="add-btn" @click="addModalVisible = true"></div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="js/main.js"></script>
|
|
|
|
</body>
|
|
</html>
|