fluffy – Blame information for rev 9

Subversion Repositories:
Rev:
Rev Author Line No. Line
1 office 1 <!DOCTYPE html>
2 <html>
3  
4 <head>
5 <meta charset='utf-8'>
6 <title>Fluffy</title>
7 <script src='/node_modules/jquery/dist/jquery.min.js'></script>
8 <script src='/js/jquery.svg3dtagcloud.min.js'></script>
9  
10 <!-- Bootstrap CSS -->
11 <link href='/node_modules/bootstrap/dist/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
12 <link href='/node_modules/bootstrap/dist/css/bootstrap-theme.min.css' rel='stylesheet' type='text/css'>
13  
6 office 14 <!-- FileInput -->
15 <link href="/node_modules/bootstrap-fileinput/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
16 <!-- Bootstrap Select -->
17 <link href="/node_modules/bootstrap-select/dist/css/bootstrap-select.min.css" media="all" rel="stylesheet" type="text/css" />
1 office 18  
9 office 19 <!-- Wizardry and Steamworks Window Manager Style -->
20 <link href='/node_modules/was.wm.js/css/wm.css' rel='stylesheet' type='text/css'>
21  
1 office 22 <!-- Fluffy style -->
23 <link href='/css/style.css' rel='stylesheet' type='text/css'>
24  
25 </head>
26 <body>
9 office 27 <div class="container">
28 <div id="window-manager-desktop">
29 </div>
30 </div>
6 office 31 <!-- Add and remove buttons -->
32 <div class="add" data-toggle="modal" data-target="#addModal">+</div>
33 <div class="remove" data-toggle="modal" data-target="#removeModal">-</div>
34 <!-- Add Modal -->
35 <div id="addModal" class="modal fade" role="dialog">
1 office 36 <div class="modal-dialog">
37 <!-- Modal content-->
38 <div class="modal-content">
39 <div class="modal-header">
40 <button type="button" class="close" data-dismiss="modal">&times;</button>
41 <h4 class="modal-title">Add New Service</h4>
42 </div>
43 <div class="modal-body">
44 <div class="row">
45 <div class="col-md-6 col-sm-6 col-xs-12">
6 office 46 <form id="addService" data-toggle="validator" role="form" enctype="multipart/form-data" method="POST" action="/add">
1 office 47 <div class="form-group ">
48 <label class="control-label requiredField" for="service-url">
49 Service URL
50 </label>
51 <input class="form-control" id="service-url" name="service-url" placeholder="http://myservice.tld/" type="text" required/>
52 <div class="help-block with-errors">
53 The URL to link to.
54 </div>
55 </div>
56 <div class="form-group ">
57 <label class="control-label requiredField" for="service-name">
58 Service Name
59 </label>
60 <input class="form-control" id="service-name" name="service-name" placeholder="My Service" type="text" required/>
61 <div class="help-block with-errors">
62 The name that should be used for the service.
63 </div>
64 </div>
65 <div class="form-group">
66 <label class="control-label requiredField" for="dropzone">
67 Service Icon
68 </label>
6 office 69 <div class="file-loading">
70 <input id="service-icon" name="service-icon" type="file" required>
1 office 71 </div>
6 office 72 <div id="service-icon-errors" class="center-block" style="display:none"></div>
1 office 73 <div class="help-block with-errors">
74 An icon that should be used to represent the service.
75 </div>
76 </div>
77 <div class="form-group">
78 <button id="add" type="submit" class="btn btn-primary">Add</button>
79 </div>
80 </form>
81 </div>
82 </div>
83 </div>
84 </div>
85 </div>
86 </div>
6 office 87  
88 <!-- Remove Modal -->
89 <div id="removeModal" class="modal fade" role="dialog">
90 <div class="modal-dialog">
91 <!-- Modal content-->
92 <div class="modal-content">
93 <div class="modal-header">
94 <button type="button" class="close" data-dismiss="modal">&times;</button>
95 <h4 class="modal-title">Remove Services</h4>
96 </div>
97 <div class="modal-body">
98 <div class="row">
99 <div class="col-md-6 col-sm-6 col-xs-12">
100 <form id="removeService" data-toggle="validator" role="form" enctype="multipart/form-data" method="POST" action="/remove">
101 <div class="form-group">
102 <select name="remove-services" id="remove-services" class="selectpicker" multiple="multiple">
103 </select>
104 </div>
105 <div class="form-group">
106 <button id="remove" type="submit" class="btn btn-primary">Remove</button>
107 </div>
108 </form>
109 </div>
110 </div>
111 </div>
112 </div>
113 </div>
114 </div>
1 office 115  
116 <!-- Bootstrap JavaScript -->
117 <script src='/node_modules/bootstrap/dist/js/bootstrap.min.js'></script>
118 <!-- Bootstrap Validator -->
119 <script src='/node_modules/bootstrap-validator/dist/validator.min.js'></script>
6 office 120 <!-- FileInput -->
121 <script src='/node_modules/bootstrap-fileinput/js/fileinput.min.js'></script>
122 <!-- Bootstrap Select -->
123 <script src='/node_modules/bootstrap-select/js/bootstrap-select.js'></script>
9 office 124 <!-- Wizardry and Steamworks Window Manager -->
125 <script src="/node_modules/was.wm.js/dist/was.wm.min.js"></script>
126  
1 office 127 <script>
128 $(document).ready(function() {
9 office 129  
130 var wm = new wasWM('/services');
131  
132 // Populate the dropbox for removing services when the modal is shown.
133 $('#removeModal').on('show.bs.modal', () => {
134 wm.icons.forEach((service) => {
135 if ($("#remove-services option[value='" + service + "']").length === 0) {
136 $("#remove-services").append('<option value="' + service + '">' + service + '</option>');
1 office 137 }
138 });
6 office 139 $('#remove-services').selectpicker('refresh');
9 office 140 });
141  
142 // Initialize file input for adding service icons.
143 $('#service-icon').fileinput({
144 previewFileType: [ "image" ],
145 allowedFileTypes: [ "image" ],
146 allowedFileExtensions: [ "png" ],
147 maxFilesNum: 1
148 });
149  
150 // Validation process to ensure that all parameters are passed.
151 $('#addService').validator().on('submit', function (e) {
152 if (e.isDefaultPrevented())
153 return;
154 });
155  
156 $('#removeService').validator().on('submit', function (e) {
157 if (e.isDefaultPrevented())
158 return;
159 });
1 office 160 });
161 </script>
162 </body>