graphite: progress on new query editor

docker/blocks/graphite1/Dockerfile

 FROM phusion/baseimage:0.9.22
 FROM phusion/baseimage:0.9.22
 MAINTAINER Denys Zhdanov <denis.zhdanov@gmail.com>
 MAINTAINER Denys Zhdanov <denis.zhdanov@gmail.com>
 
 
+
 RUN apt-get -y update \
 RUN apt-get -y update \
   && apt-get -y upgrade \
   && apt-get -y upgrade \
   && apt-get -y install vim \
   && apt-get -y install vim \
@@ -43,6 +44,8 @@ ARG whisper_version=${version}
 ARG carbon_version=${version}
 ARG carbon_version=${version}
 ARG graphite_version=${version}
 ARG graphite_version=${version}
 
 
+RUN echo "Building Version: $version"
+
 ARG whisper_repo=https://github.com/graphite-project/whisper.git
 ARG whisper_repo=https://github.com/graphite-project/whisper.git
 ARG carbon_repo=https://github.com/graphite-project/carbon.git
 ARG carbon_repo=https://github.com/graphite-project/carbon.git
 ARG graphite_repo=https://github.com/graphite-project/graphite-web.git
 ARG graphite_repo=https://github.com/graphite-project/graphite-web.git
@@ -80,7 +83,7 @@ RUN mkdir -p /var/log/graphite/ \
   && PYTHONPATH=/opt/graphite/webapp django-admin.py collectstatic --noinput --settings=graphite.settings
   && PYTHONPATH=/opt/graphite/webapp django-admin.py collectstatic --noinput --settings=graphite.settings
 
 
 # config statsd
 # config statsd
-ADD conf/opt/statsd/config_*.js /opt/statsd/
+ADD conf/opt/statsd/config.js /opt/statsd/
 
 
 # config nginx
 # config nginx
 RUN rm /etc/nginx/sites-enabled/default
 RUN rm /etc/nginx/sites-enabled/default

docker/blocks/graphite1/docker-compose.yaml

@@ -2,7 +2,7 @@
     build:
     build:
       context: blocks/graphite1
       context: blocks/graphite1
       args:
       args:
-        - version=master
+        version: master
     ports:
     ports:
       - "8080:80"
       - "8080:80"
       - "2003:2003"
       - "2003:2003"

public/app/plugins/datasource/graphite/partials/query.editor.html

@@ -5,9 +5,9 @@
   </div>
   </div>
 
 
   <div ng-hide="ctrl.target.textEditor">
   <div ng-hide="ctrl.target.textEditor">
-    <div class="gf-form-inline" ng-if="ctrl.queryModel.seriesByTagUsed">
+    <div class="gf-form-inline">
       <div class="gf-form">
       <div class="gf-form">
-        <label class="gf-form-label width-6 query-keyword">Tags</label>
+        <label class="gf-form-label width-6 query-keyword">Metrics</label>
       </div>
       </div>
 
 
       <div ng-repeat="tag in ctrl.queryModel.tags" class="gf-form">
       <div ng-repeat="tag in ctrl.queryModel.tags" class="gf-form">
@@ -25,26 +25,28 @@
         </gf-form-dropdown>
         </gf-form-dropdown>
         <label class="gf-form-label query-keyword" ng-if="ctrl.showDelimiter($index)">,</label>
         <label class="gf-form-label query-keyword" ng-if="ctrl.showDelimiter($index)">,</label>
       </div>
       </div>
+
+			<div ng-repeat="segment in ctrl.segments" role="menuitem" class="gf-form">
+        <metric-segment segment="segment" get-options="ctrl.getAltSegments($index)" on-change="ctrl.segmentValueChanged(segment, $index)"></metric-segment>
+      </div>
+
       <div ng-if="ctrl.queryModel.seriesByTagUsed" ng-repeat="segment in ctrl.addTagSegments" role="menuitem" class="gf-form">
       <div ng-if="ctrl.queryModel.seriesByTagUsed" ng-repeat="segment in ctrl.addTagSegments" role="menuitem" class="gf-form">
         <metric-segment segment="segment"
         <metric-segment segment="segment"
           get-options="ctrl.getTagsAsSegments()"
           get-options="ctrl.getTagsAsSegments()"
           on-change="ctrl.addNewTag(segment)">
           on-change="ctrl.addNewTag(segment)">
         </metric-segment>
         </metric-segment>
       </div>
       </div>
+
       <div class="gf-form gf-form--grow">
       <div class="gf-form gf-form--grow">
         <div class="gf-form-label gf-form-label--grow"></div>
         <div class="gf-form-label gf-form-label--grow"></div>
       </div>
       </div>
     </div>
     </div>
 
 
     <div class="gf-form-inline">
     <div class="gf-form-inline">
-      <div class="gf-form" ng-if="ctrl.queryModel.seriesByTagUsed">
+      <div class="gf-form">
         <label class="gf-form-label width-6 query-keyword">Functions</label>
         <label class="gf-form-label width-6 query-keyword">Functions</label>
       </div>
       </div>
 
 
-      <div ng-repeat="segment in ctrl.segments" role="menuitem" class="gf-form">
-        <metric-segment segment="segment" get-options="ctrl.getAltSegments($index)" on-change="ctrl.segmentValueChanged(segment, $index)"></metric-segment>
-      </div>
-
       <div ng-repeat="func in ctrl.queryModel.functions" class="gf-form">
       <div ng-repeat="func in ctrl.queryModel.functions" class="gf-form">
         <span graphite-func-editor class="gf-form-label query-part" ng-hide="func.hidden"></span>
         <span graphite-func-editor class="gf-form-label query-part" ng-hide="func.hidden"></span>
       </div>
       </div>