- App.tsx: full navigation (Auth stack + Main tabs with 5 screens) - Auth: LoginScreen, RegisterScreen, ForgotPasswordScreen - HomeScreen: dashboard with IoT metrics, weather widget, alerts, quick actions, sensors - MapScreen: interactive map with layer toggles (6 layers) - MarketplaceScreen: categories (6), products (5), search - ChatScreen: AI chat with quick prompts (4), bot responses - ProfileScreen: user info, stats, menu (9 items), logout - AlertsScreen: alert list with severity, acknowledge - SensorsScreen: sensor list with type filters (6 types), search - ZonesScreen: zone cards with stats - SettingsScreen: language picker (FR/EN/ES/DE), privacy, about - Stores: iotStore (sensors, zones, alerts), notificationStore, uiStore + i18n - Hooks: useSensors, useAlerts, useNotifications, useLocation - Components: Card, Button, LoadingSpinner, ErrorBoundary, Header - Services: iotService, notificationService (with axios API client) - Utils: formatters (temp, AQI, noise, dates), validators (email, password, IBAN) - Theme: colors.ts with full design system (Blue Ocean palette) - Ditto: fixed MongoDB connection, new JWT secrets, official gateway image
49 lines
935 B
HTML
49 lines
935 B
HTML
<input type="file" id="input">
|
|
<output id="output"></output>
|
|
<style>
|
|
output::before {
|
|
content: "output:";
|
|
}
|
|
output {
|
|
display: block;
|
|
padding: 1em;
|
|
margin: 1em;
|
|
outline: 1px solid gray;
|
|
white-space: pre-wrap;
|
|
}
|
|
</style>
|
|
<script src="../dist/md5.min.js"></script>
|
|
<script>
|
|
|
|
|
|
function readAsArrayBuffer(file){
|
|
return new Promise(function(resolve) {
|
|
var reader = new FileReader();
|
|
reader.readAsArrayBuffer(file)
|
|
reader.onload = function(e) {
|
|
resolve(e.target.result)
|
|
};
|
|
});
|
|
}
|
|
|
|
input.onchange = function(e) {
|
|
var file = input.files[0];
|
|
readAsArrayBuffer(file)
|
|
.then(buffer => {
|
|
console.log(buffer);
|
|
var now = performance.now();
|
|
var hash = MD5(buffer);
|
|
var after = performance.now() - now;
|
|
output.innerHTML = `
|
|
file: ${file.name}
|
|
size: ${file.size} bytes
|
|
type: ${file.type}
|
|
md5: ${hash}
|
|
duration: ${after.toFixed(2)} ms
|
|
`;
|
|
})
|
|
}
|
|
|
|
|
|
</script>
|