fluffy – Diff between revs 7 and 9

Subversion Repositories:

?pathlinks?

Rev 7 – Details – Blame – Last modification – View Log

     <!-- FileInput -->
     <link href="/node_modules/bootstrap-fileinput/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
     <!-- Bootstrap Select -->
     <link href="/node_modules/bootstrap-select/dist/css/bootstrap-select.min.css" media="all" rel="stylesheet" type="text/css" />
+    <!-- Wizardry and Steamworks Window Manager Style -->
+    <link href='/node_modules/was.wm.js/css/wm.css' rel='stylesheet' type='text/css'>
     <!-- Fluffy style -->
     <link href='/css/style.css' rel='stylesheet' type='text/css'>
 </head>
+<body>
+    <div class="container">
+        <div id="window-manager-desktop">
-<body>
+        </div>
-    <div id='cloud'></div>
+    </div>
     <!-- Add and remove buttons -->
     <div class="add" data-toggle="modal" data-target="#addModal">+</div>
     <div class="remove" data-toggle="modal" data-target="#removeModal">-</div>
     <script src='/node_modules/bootstrap-validator/dist/validator.min.js'></script>
     <!-- FileInput -->
     <script src='/node_modules/bootstrap-fileinput/js/fileinput.min.js'></script>
     <!-- Bootstrap Select -->
     <script src='/node_modules/bootstrap-select/js/bootstrap-select.js'></script>
+    <!-- Wizardry and Steamworks Window Manager -->
+    <script src="/node_modules/was.wm.js/dist/was.wm.min.js"></script>
     <script>
     	$(document).ready(function() {
-    	    $.getJSON('/data/data.json', (services) => {
-                // Create and display the tag cloud.
-    	        $('#cloud').svg3DTagCloud({
-        	        entries: services,
+            var wm = new wasWM('/services');
-        	        width: '100%',
-        	        height: '100%',
-        	        radius: '65%',
-        	        radiusMin: 75,
-        	        bgDraw: true,
-        	        bgColor: '#000',
-        	        opacityOver: 1.00,
-        	        opacityOut: 0.05,
-        	        opacitySpeed: 6,
-        	        fov: 800,
-        	        speed: 2,
-        	        //fontFamily: 'Oswald, Arial, sans-serif',
-        	        fontSize: '14px',
-        	        fontColor: '#000',
-        	        fontWeight: 'bold', //bold
-        	        fontStyle: 'normal', //italic
-        	        fontStretch: 'normal', //wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded
-        	        fontToUpperCase: true,
-        	        //tooltipFontFamily: 'Oswald, Arial, sans-serif',
-        	        tooltipFontSize: '14px',
-        	        tooltipFontColor: '#000',
-        	        tooltipFontWeight: 'bold', //bold
-        	        tooltipFontStyle: 'normal', //italic
-        	        tooltipFontStretch: 'normal', //wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded
-        	        tooltipFontToUpperCase: false,
-        	        tooltipTextAnchor: 'middle',
-        	        tooltipDiffX: 0,
-        	        tooltipDiffY: 16
-        	    });
-                // Populate the dropbox for removing services.
+            // Populate the dropbox for removing services when the modal is shown.
+            $('#removeModal').on('show.bs.modal', () => {
-                services.forEach((service) => {
+                wm.icons.forEach((service) => {
-                    if ($("#remove-services option[value='" + service.tooltip + "']").length === 0) {
+                    if ($("#remove-services option[value='" + service + "']").length === 0) {
-                      $("#remove-services").append('<option value="' + service.tooltip + '">' + service.tooltip + '</option>');
+                        $("#remove-services").append('<option value="' + service + '">' + service + '</option>');
+                    }
                 });
                 $('#remove-services').selectpicker('refresh');
+            });
-                // Initialize file input for adding service icons.
+            // Initialize file input for adding service icons.
-                $('#service-icon').fileinput({
+            $('#service-icon').fileinput({
-                    previewFileType: [ "image" ],
+                previewFileType: [ "image" ],
-                    allowedFileTypes: [ "image" ],
+                allowedFileTypes: [ "image" ],
-                    allowedFileExtensions: [ "png" ],
+                allowedFileExtensions: [ "png" ],
-                    maxFilesNum: 1
+                maxFilesNum: 1
-                });
+            });
-                // Validation process to ensure that all parameters are passed.
+            // Validation process to ensure that all parameters are passed.
-                $('#addService').validator().on('submit', function (e) {
+            $('#addService').validator().on('submit', function (e) {
-                  if (e.isDefaultPrevented())
+              if (e.isDefaultPrevented())
-                      return;
+                  return;
-                });
+            });
-                $('#removeService').validator().on('submit', function (e) {
+            $('#removeService').validator().on('submit', function (e) {
-                  if (e.isDefaultPrevented())
+              if (e.isDefaultPrevented())
-                      return;
+                  return;
-                });
+            });
-    	    });
     	});
     </script>
 </body>