Adding DIV layer to hotkeys/presets forms and new stylus mixins

Packages/ohif-core/client/components/bootstrap/dialog/form.html

@@ -1,5 +1,5 @@
 <template name="dialogForm">
-    <div id="{{this.id}}" class="modal fade" tabindex="-1" role="dialog">
+    <div id="{{this.id}}" class="modal fade {{this.class}}" tabindex="-1" role="dialog">
         <div class="modal-dialog {{this.dialogClass}}" role="document">
             {{#form class='modal-content' hideValidationBox=true
                 api=(extend instance.api instance.data.api) schema=this.schema

Packages/ohif-core/client/components/bootstrap/dialog/loading.html

@@ -1,5 +1,5 @@
 <template name="dialogLoading">
-    <div id="{{this.id}}" class="modal fade" tabindex="-1" role="dialog">
+    <div id="{{this.id}}" class="modal fade {{this.class}}" tabindex="-1" role="dialog">
         <div class="loading-text noselect">
             {{choose this.text 'Loading...'}} <i class="fa fa-spin fa-circle-o-notch fa-fw"></i>
         </div>

Packages/ohif-core/client/components/bootstrap/dialog/simple.html

@@ -1,5 +1,5 @@
 <template name="dialogSimple">
-    <div id="{{this.id}}" class="modal fade" tabindex="-1" role="dialog">
+    <div id="{{this.id}}" class="modal fade {{this.class}}" tabindex="-1" role="dialog">
         <div class="modal-dialog {{this.dialogClass}}" role="document">
             <div class="modal-content">
                 {{>dialogHeader this}}

Packages/ohif-design/styles/imports/mixins.styl

@@ -11,39 +11,25 @@ vendorize(property, value)
   {property} value
 
 animation(a)
-  -webkit-animation: a
+  vendorize(animation, a)
-  -moz-animation: a
-  -ms-animation: a
-  -o-animation: a
-  animation: a
 
-transition(t)
+border-radius(r)
-  transition: t
+  vendorize(border-radius, r)
-  -webkit-transition: t
-  -ms-transition: t
-  -o-transition: t
-  -moz-transition: t
 
-transition-delay(d)
+box-shadow(s)
-  transition-delay: d
+  vendorize(box-shadow, s)
-  -webkit-transition-delay: d
-  -ms-transition-delay: d
-  -o-transition-delay: d
-  -moz-transition-delay: d
 
 transform(t)
-  transform: t
+  vendorize(transform, t)
-  -webkit-transform: t
-  -ms-transform: t
-  -o-transform: t
-  -moz-transform: t
 
 transform-origin(o)
-  transform-origin: o
+  vendorize(transform-origin, o)
-  -webkit-transform-origin: o
+
-  -ms-transform-origin: o
+transition(t)
-  -o-transform-origin: o
+  vendorize(transition, t)
-  -moz-transform-origin: o
+
+transition-delay(d)
+  vendorize(transition-delay, d)
 
 placeholder-color(c)
   &::-webkit-input-placeholder
@@ -53,4 +39,4 @@ placeholder-color(c)
   &::-moz-placeholder
     color: c
   &:-ms-input-placeholder
-    color: c
+    color: c

Packages/ohif-hotkeys/client/components/form.html

@@ -1,11 +1,13 @@
 <template name="hotkeysForm">
-    {{#form (extend this class='form-themed' api=instance.api)}}
+    {{#form (extend this api=instance.api)}}
-        {{#each hotkeyInputInformation in getHotkeyInputInformationList}}
+        <div class="form-content">
-            {{>inputText (extend hotkeyInputInformation class='hotkey')}}
+            {{#each hotkeyInputInformation in getHotkeyInputInformationList}}
-        {{/each}}
+                {{>inputText (extend hotkeyInputInformation class='hotkey')}}
-        <div class="clearfix form-buttons">
+            {{/each}}
+        </div>
+        <div class="form-buttons clearfix">
+            {{#button class='btn btn-danger pull-left m-r-1' action='resetDefaults'}}Reset to Defaults{{/button}}
             {{#button class='btn btn-primary pull-right' action='save'}}Save{{/button}}
-            {{#button class='btn btn-secondary pull-right m-r-1' action='resetDefaults'}}Reset to Defaults{{/button}}
         </div>
     {{/form}}
 </template>

Packages/ohif-viewerbase/client/components/viewer/windowLevelPresets/form.html

@@ -1,28 +1,30 @@
 <template name="windowLevelPresetsForm">
-    {{#form (extend this class='form-themed' api=instance.api)}}
+    {{#form (extend this api=instance.api)}}
-        <table>
+        <div class="form-content">
-            <thead>
+            <table>
-                <tr>
+                <thead>
-                    <th>Preset</th>
+                    <tr>
-                    <th>Description</th>
+                        <th>Preset</th>
-                    <th>Window Level (WL)</th>
+                        <th>Description</th>
-                    <th>Window Width (WW)</th>
+                        <th>Window Level (WL)</th>
-                </tr>
+                        <th>Window Width (WW)</th>
-            </thead>
+                    </tr>
-            <tbody>
+                </thead>
-                {{#each presetInputInformation in getPresetsInputInformationList}}
+                <tbody>
-                    {{#group base='baseTr' key=(concat @index)}}
+                    {{#each presetInputInformation in getPresetsInputInformationList}}
-                        <td>{{sum @index 1}}</td>
+                        {{#group base='baseTr' key=(concat @index)}}
-                        <td>{{>inputText key='id' value=presetInputInformation.id}}</td>
+                            <td>{{sum @index 1}}</td>
-                        <td>{{>inputText key='wc' value=(filterNaN presetInputInformation.wc) dataType='Number'}}</td>
+                            <td>{{>inputText key='id' value=presetInputInformation.id}}</td>
-                        <td>{{>inputText key='ww' value=(filterNaN presetInputInformation.ww) dataType='Number'}}</td>
+                            <td>{{>inputText key='wc' value=(filterNaN presetInputInformation.wc) dataType='Number'}}</td>
-                    {{/group}}
+                            <td>{{>inputText key='ww' value=(filterNaN presetInputInformation.ww) dataType='Number'}}</td>
-                {{/each}}
+                        {{/group}}
-            </tbody>
+                    {{/each}}
-        </table>
+                </tbody>
-        <div class="clearfix form-buttons">
+            </table>
+        </div>
+        <div class="form-buttons clearfix">
+            {{#button class='btn btn-danger pull-left m-r-1' action='resetDefaults'}}Reset to Defaults{{/button}}
             {{#button class='btn btn-primary pull-right' action='save'}}Save{{/button}}
-            {{#button class='btn btn-secondary pull-right m-r-1' action='resetDefaults'}}Reset to Defaults{{/button}}
         </div>
     {{/form}}
 </template>