fluffy – Blame information for rev 9
?pathlinks?
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">×</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">×</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> |