meteor-bootstrap-magic/bootstrap-magic-editor.html at master · TAPevents/meteor-bootstrap-magic · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<template name="BootstrapMagic">
  {{> _bootstrap_magic}}
</template>

<template name="_bootstrap_magic">
  <div class='bootstrap-magic-container'>

    <div class="search-container container-fluid">
      <div class="input-group input-group-lg">
        <span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span>
        <input type="search" class="form-control search-input" placeholder="Search">
        <span class="input-group-addon btn btn-{{#if filteringOverrides}}primary{{else}}default{{/if}} search-filter">
          <input type="checkbox" class="search-checkbox" checked="{{filteringOverrides}}">&nbsp;{{_ 'filter_overrides'}}
        </span>
      </div>
    </div>

    <div class="menus container-fluid">
      {{#unless currentVars.search}}
        <div class="main-menu">
          <ul class="nav nav-tabs">
            {{#each categories}}
              <li class="{{#if isSelectedCat}}active{{/if}}">
                <a href="#"><i class="glyphicon glyphicon-{{icon}}"></i>&nbsp;<span>{{_ _id}}</span></a>
              </li>
            {{/each}}
          </ul>
        </div>
        <div class="sub-menu menu-compact">
          <ul class="nav nav-pills">
            {{#each subCategories}}
              <li class="{{#if isSelectedSubCat}}active{{/if}}">
                <a href="#"><i class="glyphicon glyphicon-{{icon}}"></i>&nbsp;<span class="hidden-xs">{{_ _id}}</span></a>
              </li>
            {{/each}}
          </ul>
        </div>
      {{/unless}}
    </div>

    <div class="content container-fluid">
      {{#with currentVars}}
        <section class="sub-cat-item">
            {{#if search}}
              <h3>Search <small class='text-muted'>{{_ "search_count" count=mappedVariables.length}}</small></h3>
              <hr/>
            {{else}}
              <h3>{{_ _id}}</h3>
            {{/if}}
          <div class="row">
            <div class="col-sm-5">
              {{#each mappedVariables}}
                {{#bootstrap_magic_input}}
                  {{> inputTmpl}}
                {{/bootstrap_magic_input}}
              {{/each}}
            </div>
            {{#unless search}}
              <div class="col-sm-7 preview-template">
                {{> previewTmpl}}
              </div>
            {{/unless}}
          </div>
        </section>
      {{/with}}
    </div>
  </div>
</template>

<template name="bootstrap_magic_input">
  <div class="form-group{{#if isOverride}} overridden{{/if}} variable-cell">
    <label class="labelTitle">{{_id}}</label>
    {{#if myChildren.length}}
      &nbsp;
      <span class="label popover-label pull-right label-primary" data-toggle="popover" data-placement="top" data-content="
        {{#each myChildren}}
          <li class='list-group-item list-group-item-info'>{{_id}}</li>
        {{/each}}
        ">
        {{_ "var_count" count=myChildren.length}}</span>
    {{/if}}
    {{> Template.contentBlock}}
  </div>
</template>

<template name="bootstrap_magic_input_text">
  <div class="text-input">
    <input type="text" class="form-control bootstrap-magic-input monospace-font" name="{{key}}" placeholder="{{value}}{{#if isReference}} - {{reference.value}}{{/if}}" value="{{#if isOverride}}{{value}}{{/if}}"/>
  </div>

</template>

<template name="bootstrap_magic_input_number">
  <div class="number-input">
    <input type="text" class="form-control bootstrap-magic-input monospace-font" name="{{key}}" placeholder="{{value}}{{#if isReference}} - {{reference.value}}{{/if}}" value="{{#if isOverride}}{{value}}{{/if}}"/>

    {{#with unitRange}}
      {{#if unit}}
      <div class="row-fluid slider">
        <div class="col-sm-2 range-unit">
          {{min}}{{unit}}
        </div>
        <div class="col-sm-8">
          <input type="range" class="input-block magic-slider monospace-font" value="{{current}}" min="{{min}}" max="{{max}}" step="{{step}}" />
        </div>
        <div class="col-sm-2 range-unit">
          {{max}}{{unit}}
        </div>
      </div>
      {{/if}}
    {{/with}}

  </div>
</template>

<template name="bootstrap_magic_input_color">
  <div class="input-group color-picker-group">
    <input type="text" class="form-control bootstrap-magic-input monospace-font" name="{{key}}" placeholder="{{value}}{{#if isReference}} - {{reference.value}}{{/if}}" value="{{#if isOverride}}{{value}}{{/if}}"/>
    <span class="input-group-addon"><i></i></span>
  </div>
</template>

<template name="bootstrap_magic_input_font">
  <div class="font-input">
    <input type="text" class="form-control bootstrap-magic-input monospace-font" name="{{key}}" placeholder="{{value}}{{#if isReference}} - {{reference.value}}{{/if}}" value="{{#if isOverride}}{{value}}{{/if}}">
  </div>
</template>