scratch – Diff between revs 31 and 32

Subversion Repositories:

?pathlinks?

Rev 31 – Rev 34 – Go to most recent revision – Details – Blame – Last modification – View Log

Only display areas with differences – Ignore whitespace

 <!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
     <meta name="description" content="quick asset upload">
     <meta name="author" content="Wizardry and Steamworks">
     <link rel="icon" href="favicon.ico">
     <title>Quickload</title>
     <!-- Polyfill -->
-    <!-- <script src="js/polyfill/polyfill.min.js"></script> -->
+    <script src="js/polyfill/polyfill.min.js"></script>
     <!-- Bootstrap core CSS -->
     <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
     <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
     <link href="css/bootstrap/ie10-viewport-bug-workaround.css" rel="stylesheet">
     <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
     <!--[if lt IE 9]><script src="js/bootstrap/ie8-responsive-file-warning.js"></script><![endif]-->
     <script src="js/bootstrap/ie-emulation-modes-warning.js"></script>
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
       <script src="js/bootstrap/html5shiv.min.js"></script>
       <script src="js/bootstrap/respond.min.js"></script>
     <![endif]-->
     <!-- Trumbowyg -->
     <link href="css/trumbowyg/trumbowyg.min.css" rel="stylesheet">
     <!-- Local style -->
-    <!-- <link href="css/style.css" rel="stylesheet"> -->
+    <link href="css/text/style.css" rel="stylesheet">
   </head>
   <body>
     <div class="container">
       <!-- Main component for a primary marketing message or call to action -->
       <div class="jumbotron">
         <h1>Quickload</h1>
         <p>Asset sharing platform.</p>
       </div>
       <ul class="nav nav-tabs">
         <li><a href="index.html">Home</a></li>
         <li><a href="files.html">Files</a></li>
         <li class="active"><a href="#">Text</a></li>
       </ul>
       <div class="panel panel-default">
           <div class="panel-heading">
               <div class="input-group">
                   <input id="URL" type="text" class="form-control" readonly>
                   <span class="input-group-btn">
                       <button id="save" class="btn btn-default" type="button">
                           <i class="glyphicon glyphicon-globe"></i>
                       </button>
                   </span>
+                  <span class="input-group-btn">
+                      <button id="clippy" class="btn btn-default" type="button" data-clipboard-target="#URL"><img class="clippy" src="img/clipboard/clippy.svg" width="13" alt="Copy to Clipboard"></button>
+                  </span>
               </div>
           </div>
-          <div class="panel-body" id="uploadpanel">
+          <div class="panel-body" id="editorpanel">
-              <div id="trumbowyg" style="height: 334px; display: none; font-family: monospace;">
+              <div id="trumbowyg" style="display: none; font-family: monospace;">
               </div>
           </div>
       </div>
     </div> <!-- /container -->
     <div id="footer">
         <div class="container">
             <p class="text-muted credit">Copyright <i class="glyphicon glyphicon-copyright-mark"></i> 2017 <a href="http://grimore.org">Wizardry and Steamworks</a>.</p>
         </div>
     </div>
     <script src="js/jquery/jquery.min.js"></script>
     <script src="js/bootstrap/bootstrap.min.js"></script>
     <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
     <script src="js/bootstrap/ie10-viewport-bug-workaround.js"></script>
     <!-- Trumbowyg -->
     <script src="js/trumbowyg/trumbowyg.min.js"></script>
+    <!-- Clipboard -->
+    <script src="js/clipboard/clipboard.min.js"></script>
     <script>
     $(document).ready(() => {
         // Load the editor.
         $('#trumbowyg').trumbowyg({
             autogrow: true,
             disabled: true
         }).on('tbwchange', () => {
             $('#editor').trumbowyg('disable');
             $.post('share-text.php', {
                 data: $('#trumbowyg').trumbowyg('html'),
             }).done((data) => {
                 $('#trumbowyg').trumbowyg('enable');
             }).fail(() => {
                 $('#trumbowyg').trumbowyg('enable');
             });
         });
         // Retrieve the contents of the shared file.
         $.get('share-text.php').done((data) => {
             $('#trumbowyg')
                 .trumbowyg('html', data);
             $('#trumbowyg').trumbowyg('enable');
             $('#trumbowyg').show();
         }).fail(() => {
             $('#trumbowyg').trumbowyg('enable');
             $('#trumbowyg').show();
         });
+        // Enable the Clipboard button.
+        new Clipboard('#clippy');
         $('#save').click(() => {
             $('#editor').trumbowyg('disable');
             var formData = new FormData();
             formData.append('file', new Blob(
+                    [
                        $('#trumbowyg').trumbowyg('html')
+                    ]
                 ),
                 '.html'
             );
             $.ajax({
                 url: 'upload-files.php',
                 type: 'POST',
                 data: formData,
                 cache: false,
                 processData: false,
                 contentType: false
             }).done((data) => {
                 $('#URL').val(data);
                 $('#trumbowyg').trumbowyg('enable');
             }).fail(() => {
                 alert('failed');
                 $('#trumbowyg').trumbowyg('enable');
             });
         });
     });
     </script>
   </body>
 </html>