jeena/hass-configurator
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

Merge pull request #32 from jmart518/dev

Browse source
This commit is contained in:
Daniel Perna 2017-03-28 03:14:47 +02:00 • committed by GitHub
commit 485321bdc6
2 changed files with 79 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

32
configurator.py
View file

@ -102,6 +102,14 @@ INDEX = Template(r"""<!DOCTYPE html>
white-space: nowrap; white-space: nowrap;
} }
.select-wrapper input.select-dropdown {
width: 96%;
overflow: hidden;
direction: ltr;
text-overflow: ellipsis;
white-space: nowrap;
}
#edit_float { #edit_float {
z-index: 10; z-index: 10;
} }
@ -275,7 +283,7 @@ INDEX = Template(r"""<!DOCTYPE html>
box-shadow: 0 1px 0 0 #03a9f4 !important box-shadow: 0 1px 0 0 #03a9f4 !important
} }
#modal_acekeyboard, #modal_components { #modal_acekeyboard, #modal_components, #modal_icons {
top: auto; top: auto;
width: 96%; width: 96%;
min-height: 96%; min-height: 96%;
@ -567,6 +575,7 @@ INDEX = Template(r"""<!DOCTYPE html>
<main> <main>
<ul id="dropdown_menu" class="dropdown-content z-depth-4"> <ul id="dropdown_menu" class="dropdown-content z-depth-4">
<li><a target="_blank" href="#modal_components">HASS Components</a></li> <li><a target="_blank" href="#modal_components">HASS Components</a></li>
<li><a target="_blank" href="#modal_icons">Material Icons</a></li>
<li><a href="#" data-activates="ace_settings" class="ace_settings-collapse">Editor Settings</a></li> <li><a href="#" data-activates="ace_settings" class="ace_settings-collapse">Editor Settings</a></li>
<li><a href="#modal_about">About HASS-Configurator</a></li> <li><a href="#modal_about">About HASS-Configurator</a></li>
<li class="divider"></li> <li class="divider"></li>
@ -578,6 +587,7 @@ INDEX = Template(r"""<!DOCTYPE html>
<ul id="dropdown_menu_mobile" class="dropdown-content z-depth-4"> <ul id="dropdown_menu_mobile" class="dropdown-content z-depth-4">
<li><a target="_blank" href="https://home-assistant.io/help/">Need HASS Help?</a></li> <li><a target="_blank" href="https://home-assistant.io/help/">Need HASS Help?</a></li>
<li><a target="_blank" href="https://home-assistant.io/components/">HASS Components</a></li> <li><a target="_blank" href="https://home-assistant.io/components/">HASS Components</a></li>
<li><a target="_blank" href="https://materialdesignicons.com/">Material Icons</a></li>
<li><a href="#" data-activates="ace_settings" class="ace_settings-collapse">Editor Settings</a></li> <li><a href="#" data-activates="ace_settings" class="ace_settings-collapse">Editor Settings</a></li>
<li><a href="#modal_about">About HASS-Configurator</a></li> <li><a href="#modal_about">About HASS-Configurator</a></li>
<li class="divider"></li> <li class="divider"></li>
@ -603,6 +613,15 @@ INDEX = Template(r"""<!DOCTYPE html>
<a class="modal-action modal-close waves-effect btn-flat Right light-blue-text">Close</a> <a class="modal-action modal-close waves-effect btn-flat Right light-blue-text">Close</a>
</div> </div>
</div> </div>
<div id="modal_icons" class="modal bottom-sheet modal-fixed-footer">
<div class="modal-content_nopad">
<iframe src="https://materialdesignicons.com/" style="height: 90vh; width: 100vw"> </iframe>
<a target="_blank" href="https://materialdesignicons.com/" class="hide-on-med-and-down modal_btn waves-effect btn-large btn-flat left"><i class="material-icons">launch</i></a>
</div>
<div class="modal-footer">
<a class="modal-action modal-close waves-effect btn-flat Right light-blue-text">Close</a>
</div>
</div>
<div id="modal_acekeyboard" class="modal bottom-sheet modal-fixed-footer"> <div id="modal_acekeyboard" class="modal bottom-sheet modal-fixed-footer">
<div class="modal-content centered"> <div class="modal-content centered">
<h4>Ace Keyboard Shortcuts</h4> <h4>Ace Keyboard Shortcuts</h4>
@ -1149,7 +1168,7 @@ INDEX = Template(r"""<!DOCTYPE html>
<h4>git init</h4> <h4>git init</h4>
</div> </div>
<div class="col s1"> <div class="col s1">
<img src="https://image.flaticon.com/icons/svg/52/52234.svg" style="max-width: 40px;" > <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE" style="max-width: 40px;" >
</div> </div>
</div> </div>
<p>Are you sure you want to initialize a repository at the current path?</p> <p>Are you sure you want to initialize a repository at the current path?</p>
@ -1166,7 +1185,7 @@ INDEX = Template(r"""<!DOCTYPE html>
<h4>git commit</h4> <h4>git commit</h4>
</div> </div>
<div class="col s1"> <div class="col s1">
<img src="https://image.flaticon.com/icons/svg/52/52234.svg" style="max-width: 40px;" > <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE" style="max-width: 40px;" >
</div> </div>
</div> </div>
<div class="row"> <div class="row">
@ -1208,7 +1227,7 @@ INDEX = Template(r"""<!DOCTYPE html>
<h4>git add</h4> <h4>git add</h4>
</div> </div>
<div class="col s1"> <div class="col s1">
<img src="https://image.flaticon.com/icons/svg/52/52234.svg" style="max-width: 40px;" > <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE" style="max-width: 40px;" >
</div> </div>
</div> </div>
<p>Are you sure you want to add <span class="fb_currentfile"></span> to the index?</p> <p>Are you sure you want to add <span class="fb_currentfile"></span> to the index?</p>
@ -1306,7 +1325,7 @@ INDEX = Template(r"""<!DOCTYPE html>
<h4>New Branch</h4> <h4>New Branch</h4>
</div> </div>
<div class="col s1"> <div class="col s1">
<img src="https://image.flaticon.com/icons/svg/52/52234.svg" style="max-width: 40px;" > <img src="https://drive.google.com/uc?export=view&id=0B6wTGzSOtvNBakk4ek1uRGxqYVE" style="max-width: 40px;" >
</div> </div>
</div> </div>
<div class="row"> <div class="row">
@ -2594,7 +2613,8 @@ INDEX = Template(r"""<!DOCTYPE html>
</script> </script>
</body> </body>
</html>""") </html>
""")
def signal_handler(sig, frame): def signal_handler(sig, frame):
global HTTPD global HTTPD

108
dev.html
View file

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
<title>HASS Configurator</title> <title>HASS Configurator</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/1.8.36/css/materialdesignicons.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">
<style type="text/css" media="screen"> <style type="text/css" media="screen">
body { body {
@ -43,6 +44,14 @@
white-space: nowrap; white-space: nowrap;
} }
.select-wrapper input.select-dropdown {
width: 96%;
overflow: hidden;
direction: ltr;
text-overflow: ellipsis;
white-space: nowrap;
}
#edit_float { #edit_float {
z-index: 10; z-index: 10;
} }
@ -216,7 +225,7 @@
box-shadow: 0 1px 0 0 #03a9f4 !important box-shadow: 0 1px 0 0 #03a9f4 !important
} }
#modal_acekeyboard, #modal_components { #modal_acekeyboard, #modal_components, #modal_icons {
top: auto; top: auto;
width: 96%; width: 96%;
min-height: 96%; min-height: 96%;
@ -385,7 +394,7 @@
.fbmenuicon_pad { .fbmenuicon_pad {
min-height: 64px; min-height: 64px;
margin-top: 8px !important; margin-top: 6px !important;
margin-right: 18px !important; margin-right: 18px !important;
color: #616161 !important; color: #616161 !important;
} }
@ -508,6 +517,7 @@
<main> <main>
<ul id="dropdown_menu" class="dropdown-content z-depth-4"> <ul id="dropdown_menu" class="dropdown-content z-depth-4">
<li><a target="_blank" href="#modal_components">HASS Components</a></li> <li><a target="_blank" href="#modal_components">HASS Components</a></li>
<li><a target="_blank" href="#modal_icons">Material Icons</a></li>
<li><a href="#" data-activates="ace_settings" class="ace_settings-collapse">Editor Settings</a></li> <li><a href="#" data-activates="ace_settings" class="ace_settings-collapse">Editor Settings</a></li>
<li><a href="#modal_about">About HASS-Configurator</a></li> <li><a href="#modal_about">About HASS-Configurator</a></li>
<li class="divider"></li> <li class="divider"></li>
@ -519,6 +529,7 @@
<ul id="dropdown_menu_mobile" class="dropdown-content z-depth-4"> <ul id="dropdown_menu_mobile" class="dropdown-content z-depth-4">
<li><a target="_blank" href="https://home-assistant.io/help/">Need HASS Help?</a></li> <li><a target="_blank" href="https://home-assistant.io/help/">Need HASS Help?</a></li>
<li><a target="_blank" href="https://home-assistant.io/components/">HASS Components</a></li> <li><a target="_blank" href="https://home-assistant.io/components/">HASS Components</a></li>
<li><a target="_blank" href="https://materialdesignicons.com/">Material Icons</a></li>
<li><a href="#" data-activates="ace_settings" class="ace_settings-collapse">Editor Settings</a></li> <li><a href="#" data-activates="ace_settings" class="ace_settings-collapse">Editor Settings</a></li>
<li><a href="#modal_about">About HASS-Configurator</a></li> <li><a href="#modal_about">About HASS-Configurator</a></li>
<li class="divider"></li> <li class="divider"></li>
@ -544,9 +555,18 @@
<a class="modal-action modal-close waves-effect btn-flat Right light-blue-text">Close</a> <a class="modal-action modal-close waves-effect btn-flat Right light-blue-text">Close</a>
</div> </div>
</div> </div>
<div id="modal_icons" class="modal bottom-sheet modal-fixed-footer">
<div class="modal-content_nopad">
<iframe src="https://materialdesignicons.com/" style="height: 90vh; width: 100vw"> </iframe>
<a target="_blank" href="https://materialdesignicons.com/" class="hide-on-med-and-down modal_btn waves-effect btn-large btn-flat left"><i class="material-icons">launch</i></a>
</div>
<div class="modal-footer">
<a class="modal-action modal-close waves-effect btn-flat Right light-blue-text">Close</a>
</div>
</div>
<div id="modal_acekeyboard" class="modal bottom-sheet modal-fixed-footer"> <div id="modal_acekeyboard" class="modal bottom-sheet modal-fixed-footer">
<div class="modal-content centered"> <div class="modal-content centered">
<h4>Ace Keyboard Shortcuts</h4> <h4 class="grey-text text-darken-3">Ace Keyboard Shortcuts<i class="mdi mdi-keyboard right grey-text text-darken-3" style="font-size: 2rem;"></i></h4>
<br> <br>
<ul class="collapsible popout" data-collapsible="expandable"> <ul class="collapsible popout" data-collapsible="expandable">
<li> <li>
@ -1054,7 +1074,7 @@
</div> </div>
<div id="modal_save" class="modal"> <div id="modal_save" class="modal">
<div class="modal-content"> <div class="modal-content">
<h4>Save</h4> <h4 class="grey-text text-darken-3">Save<i class="grey-text text-darken-3 material-icons right" style="font-size: 2rem;">save</i></h4>
<p>Do you really want to save?</p> <p>Do you really want to save?</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -1064,7 +1084,7 @@
</div> </div>
<div id="modal_upload" class="modal"> <div id="modal_upload" class="modal">
<div class="modal-content"> <div class="modal-content">
<h4>Upload File</h4> <h4 class="grey-text text-darken-3">Upload File<i class="grey-text text-darken-3 material-icons right" style="font-size: 2.28rem;">file_upload</i></h4>
<p>Please choose a file to upload</p> <p>Please choose a file to upload</p>
<form action="#" id="uploadform"> <form action="#" id="uploadform">
<div class="file-field input-field"> <div class="file-field input-field">
@ -1085,14 +1105,7 @@
</div> </div>
<div id="modal_init" class="modal"> <div id="modal_init" class="modal">
<div class="modal-content"> <div class="modal-content">
<div class="row no-padding"> <h4 class="grey-text text-darken-3">git init<i class="mdi mdi-git right grey-text text-darken-3" style="font-size: 2.48rem;"></i></h4>
<div class="col s11 no-padding">
<h4>git init</h4>
</div>
<div class="col s1">
<img src="https://image.flaticon.com/icons/svg/52/52234.svg" style="max-width: 40px;" >
</div>
</div>
<p>Are you sure you want to initialize a repository at the current path?</p> <p>Are you sure you want to initialize a repository at the current path?</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -1102,14 +1115,7 @@
</div> </div>
<div id="modal_commit" class="modal"> <div id="modal_commit" class="modal">
<div class="modal-content"> <div class="modal-content">
<div class="row no-padding"> <h4 class="grey-text text-darken-3">git commit<i class="mdi mdi-git right grey-text text-darken-3" style="font-size: 2.48rem;"></i></h4>
<div class="col s11 no-padding">
<h4>git commit</h4>
</div>
<div class="col s1">
<img src="https://image.flaticon.com/icons/svg/52/52234.svg" style="max-width: 40px;" >
</div>
</div>
<div class="row"> <div class="row">
<div class="input-field col s12"> <div class="input-field col s12">
<input type="text" id="commitmessage"> <input type="text" id="commitmessage">
@ -1124,7 +1130,7 @@
</div> </div>
<div id="modal_close" class="modal"> <div id="modal_close" class="modal">
<div class="modal-content"> <div class="modal-content">
<h4>Close File</h4> <h4 class="grey-text text-darken-3">Close File<i class="grey-text text-darken-3 material-icons right" style="font-size: 2.28rem;">close</i></h4>
<p>Are you sure you want to close the current file? Unsaved changes will be lost.</p> <p>Are you sure you want to close the current file? Unsaved changes will be lost.</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -1134,7 +1140,7 @@
</div> </div>
<div id="modal_delete" class="modal"> <div id="modal_delete" class="modal">
<div class="modal-content"> <div class="modal-content">
<h4>Delete</h4> <h4 class="grey-text text-darken-3">Delete</h4>
<p>Are you sure you want to delete <span class="fb_currentfile"></span>?</p> <p>Are you sure you want to delete <span class="fb_currentfile"></span>?</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -1144,14 +1150,7 @@
</div> </div>
<div id="modal_gitadd" class="modal"> <div id="modal_gitadd" class="modal">
<div class="modal-content"> <div class="modal-content">
<div class="row no-padding"> <h4 class="grey-text text-darken-3">git add<i class="mdi mdi-git right grey-text text-darken-3" style="font-size: 2.48rem;"></i></h4>
<div class="col s11 no-padding">
<h4>git add</h4>
</div>
<div class="col s1">
<img src="https://image.flaticon.com/icons/svg/52/52234.svg" style="max-width: 40px;" >
</div>
</div>
<p>Are you sure you want to add <span class="fb_currentfile"></span> to the index?</p> <p>Are you sure you want to add <span class="fb_currentfile"></span> to the index?</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -1161,8 +1160,8 @@
</div> </div>
<div id="modal_check_config" class="modal"> <div id="modal_check_config" class="modal">
<div class="modal-content"> <div class="modal-content">
<h4>Check configuration</h4> <h4 class="grey-text text-darken-3">Check configuration<i class="mdi mdi-settings right grey-text text-darken-3" style="font-size: 2rem;"></i></h4>
<p>Do you really want to check the configuration?</p> <p>Do you want to check the configuration?</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<a class=" modal-action modal-close waves-effect waves-red btn-flat light-blue-text">No</a> <a class=" modal-action modal-close waves-effect waves-red btn-flat light-blue-text">No</a>
@ -1171,7 +1170,7 @@
</div> </div>
<div id="modal_restart" class="modal"> <div id="modal_restart" class="modal">
<div class="modal-content"> <div class="modal-content">
<h4>Restart</h4> <h4 class="grey-text text-darken-3">Restart<i class="mdi mdi-restart right grey-text text-darken-3" style="font-size: 2rem;"></i></h4>
<p>Do you really want to restart Home Assistant?</p> <p>Do you really want to restart Home Assistant?</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -1181,7 +1180,7 @@
</div> </div>
<div id="modal_exec_command" class="modal"> <div id="modal_exec_command" class="modal">
<div class="modal-content"> <div class="modal-content">
<h4>Execute shell command</h4> <h4 class="grey-text text-darken-3">Execute shell command<i class="mdi mdi-laptop right grey-text text-darken-3" style="font-size: 2rem;"></i></h4>
<pre class="col s6" id="command_history"></pre> <pre class="col s6" id="command_history"></pre>
<br> <br>
<div class="row"> <div class="row">
@ -1199,7 +1198,7 @@
</div> </div>
<div id="modal_markdirty" class="modal"> <div id="modal_markdirty" class="modal">
<div class="modal-content"> <div class="modal-content">
<h4>Unsaved Changes</h4> <h4 class="grey-text text-darken-3">Unsaved Changes<i class="grey-text text-darken-3 material-icons right" style="font-size: 2rem;">save</i></h4>
<p>You have unsaved changes in the current file. Please save the changes or close the file before opening a new one.</p> <p>You have unsaved changes in the current file. Please save the changes or close the file before opening a new one.</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -1210,7 +1209,7 @@
</div> </div>
<div id="modal_newfolder" class="modal"> <div id="modal_newfolder" class="modal">
<div class="modal-content"> <div class="modal-content">
<h4>New Folder</h4> <h4 class="grey-text text-darken-3">New Folder<i class="grey-text text-darken-3 material-icons right" style="font-size: 2rem;">create_new_folder</i></h4>
<br> <br>
<div class="row"> <div class="row">
<div class="input-field col s12"> <div class="input-field col s12">
@ -1226,7 +1225,7 @@
</div> </div>
<div id="modal_newfile" class="modal"> <div id="modal_newfile" class="modal">
<div class="modal-content"> <div class="modal-content">
<h4>New File</h4> <h4 class="grey-text text-darken-3">New File<i class="grey-text text-darken-3 material-icons right" style="font-size: 2rem;">note_add</i></h4>
<br> <br>
<div class="row"> <div class="row">
<div class="input-field col s12"> <div class="input-field col s12">
@ -1242,14 +1241,7 @@
</div> </div>
<div id="modal_newbranch" class="modal"> <div id="modal_newbranch" class="modal">
<div class="modal-content"> <div class="modal-content">
<div class="row no-padding"> <h4 class="grey-text text-darken-3">New Branch<i class="mdi mdi-git right grey-text text-darken-3" style="font-size: 2.48rem;"></i></h4>
<div class="col s11 no-padding">
<h4>New Branch</h4>
</div>
<div class="col s1">
<img src="https://image.flaticon.com/icons/svg/52/52234.svg" style="max-width: 40px;" >
</div>
</div>
<div class="row"> <div class="row">
<div class="input-field col s12"> <div class="input-field col s12">
<input type="text" id="newbranch"> <input type="text" id="newbranch">
@ -1264,7 +1256,7 @@
</div> </div>
<div id="modal_about" class="modal modal-fixed-footer"> <div id="modal_about" class="modal modal-fixed-footer">
<div class="modal-content"> <div class="modal-content">
<h4><a class="black-text" href="https://github.com/danielperna84/hass-poc-configurator/" target="_blank">HASS Configurator</a></h4> <h4 class="grey-text text-darken-3"><a class="black-text" href="https://github.com/danielperna84/hass-poc-configurator/" target="_blank">HASS Configurator</a></h4>
<p>Version: <a class="$versionclass" href="https://github.com/danielperna84/hass-poc-configurator/releases/lafbicon_pad" target="_blank">$current</a></p> <p>Version: <a class="$versionclass" href="https://github.com/danielperna84/hass-poc-configurator/releases/lafbicon_pad" target="_blank">$current</a></p>
<p>Web-based file editor designed to modify configuration files of <a class="light-blue-text" href="https://home-assistant.io/" target="_blank">Home Assistant</a> or other textual files. Use at your own risk.</p> <p>Web-based file editor designed to modify configuration files of <a class="light-blue-text" href="https://home-assistant.io/" target="_blank">Home Assistant</a> or other textual files. Use at your own risk.</p>
<p>Published under the MIT license</p> <p>Published under the MIT license</p>
@ -1298,7 +1290,7 @@
<img src="https://evwilkin.github.io/images/materializecss.png"> <img src="https://evwilkin.github.io/images/materializecss.png">
</div> </div>
<div class="card-content"> <div class="card-content">
<p class="grey-text text-darken-2">Materialize CSS</p> <p class="grey-text text-darken-2">Materialize</p>
</div> </div>
</div> </div>
</a> </a>
@ -1403,13 +1395,13 @@
<a class="col s3 waves-effect fbtoolbarbutton tooltipped" href="#modal_newfile" data-position="bottom" data-delay="500" data-tooltip="New File"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">note_add</i></a> <a class="col s3 waves-effect fbtoolbarbutton tooltipped" href="#modal_newfile" data-position="bottom" data-delay="500" data-tooltip="New File"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">note_add</i></a>
<a class="col s3 waves-effect fbtoolbarbutton tooltipped" href="#modal_newfolder" data-position="bottom" data-delay="500" data-tooltip="New Folder"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">create_new_folder</i></a> <a class="col s3 waves-effect fbtoolbarbutton tooltipped" href="#modal_newfolder" data-position="bottom" data-delay="500" data-tooltip="New Folder"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">create_new_folder</i></a>
<a class="col s3 waves-effect fbtoolbarbutton tooltipped" href="#modal_upload" data-position="bottom" data-delay="500" data-tooltip="Upload File"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">file_upload</i></a> <a class="col s3 waves-effect fbtoolbarbutton tooltipped" href="#modal_upload" data-position="bottom" data-delay="500" data-tooltip="Upload File"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">file_upload</i></a>
<a class="col s3 waves-effect fbtoolbarbutton tooltipped dropdown-button" data-activates="dropdown_gitmenu" data-alignment='right' data-beloworigin='true' data-delay='500' data-position="bottom" data-tooltip="Git"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">call_split</i></a> <a class="col s3 waves-effect fbtoolbarbutton tooltipped dropdown-button" data-activates="dropdown_gitmenu" data-alignment='right' data-beloworigin='true' data-delay='500' data-position="bottom" data-tooltip="Git"><i class="mdi mdi-git grey-text text-darken-2 material-icons" style="padding-top: 17px;"></i></a>
</ul> </ul>
<ul class="row center toolbar_mobile hide-on-med-and-up grey lighten-4" style="margin-bottom: 0;"> <ul class="row center toolbar_mobile hide-on-med-and-up grey lighten-4" style="margin-bottom: 0;">
<a class="col s3 waves-effect fbtoolbarbutton" href="#modal_newfile"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">note_add</i></a> <a class="col s3 waves-effect fbtoolbarbutton" href="#modal_newfile"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">note_add</i></a>
<a class="col s3 waves-effect fbtoolbarbutton" href="#modal_newfolder"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">create_new_folder</i></a> <a class="col s3 waves-effect fbtoolbarbutton" href="#modal_newfolder"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">create_new_folder</i></a>
<a class="col s3 waves-effect fbtoolbarbutton" href="#modal_upload"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">file_upload</i></a> <a class="col s3 waves-effect fbtoolbarbutton" href="#modal_upload"><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">file_upload</i></a>
<a class="col s3 waves-effect fbtoolbarbutton dropdown-button" data-activates="dropdown_gitmenu_mobile" data-alignment='right' data-beloworigin='true'><i class="grey-text text-darken-2 material-icons fbtoolbarbutton_icon">call_split</i></a> <a class="col s3 waves-effect fbtoolbarbutton dropdown-button" data-activates="dropdown_gitmenu_mobile" data-alignment='right' data-beloworigin='true'><i class="mdi mdi-git grey-text text-darken-2 material-icons" style="padding-top: 17px;"></i></a>
</ul> </ul>
</li> </li>
<li> <li>
@ -1951,19 +1943,25 @@
nameparts = itemdata.name.split('.'); nameparts = itemdata.name.split('.');
extension = nameparts[nameparts.length -1]; extension = nameparts[nameparts.length -1];
if (['c', 'cpp', 'css', 'htm', 'html', 'js', 'json', 'php', 'py', 'sh', 'sql', 'xml', 'yaml'].indexOf(extension.toLocaleLowerCase()) > +1 ) { if (['c', 'cpp', 'css', 'htm', 'html', 'js', 'json', 'php', 'py', 'sh', 'sql', 'xml', 'yaml'].indexOf(extension.toLocaleLowerCase()) > +1 ) {
iicon.innerHTML = 'code'; iicon.classList.add('mdi', 'mdi-file-xml');
}
else if (['txt', 'doc', 'docx'].indexOf(extension.toLocaleLowerCase()) > -1 ) {
iicon.classList.add('mdi', 'mdi-file-document');
} }
else if (['bmp', 'gif', 'jpg', 'jpeg', 'png', 'tif', 'webp'].indexOf(extension.toLocaleLowerCase()) > -1 ) { else if (['bmp', 'gif', 'jpg', 'jpeg', 'png', 'tif', 'webp'].indexOf(extension.toLocaleLowerCase()) > -1 ) {
iicon.innerHTML = 'image'; iicon.classList.add('mdi', 'mdi-file-image');
} }
else if (['mp3', 'ogg', 'wav'].indexOf(extension) > -1 ) { else if (['mp3', 'ogg', 'wav'].indexOf(extension) > -1 ) {
iicon.innerHTML = 'audiotrack'; iicon.classList.add('mdi', 'mdi-file-music');
} }
else if (['avi', 'flv', 'mkv', 'mp4', 'mpg', 'mpeg', 'webm'].indexOf(extension.toLocaleLowerCase()) > -1 ) { else if (['avi', 'flv', 'mkv', 'mp4', 'mpg', 'mpeg', 'webm'].indexOf(extension.toLocaleLowerCase()) > -1 ) {
iicon.innerHTML = 'video_label'; iicon.classList.add('mdi', 'mdi-file-video');
}
else if (['pdf'].indexOf(extension.toLocaleLowerCase()) > -1 ) {
iicon.classList.add('mdi', 'mdi-file-pdf');
} }
else { else {
iicon.innerHTML = 'insert_drive_file'; iicon.classList.add('mdi', 'mdi-file');
} }
item.setAttribute("onclick", "loadfile('" + encodeURI(itemdata.fullpath) + "')"); item.setAttribute("onclick", "loadfile('" + encodeURI(itemdata.fullpath) + "')");
stats.innerHTML = "Mod.: " + date.toUTCString() + "&nbsp;&nbsp;Size: " + (itemdata.size/1024).toFixed(1) + " KiB"; stats.innerHTML = "Mod.: " + date.toUTCString() + "&nbsp;&nbsp;Size: " + (itemdata.size/1024).toFixed(1) + " KiB";