toggle and highlight non-compliant texts

webapp/src/App.vue

@@ -48,6 +48,7 @@ export default {
             tool.idx = tool_idx++
             tool.part_of = project.org_plus_name
             tool.official = project.official
+            tool.compliant_cli = project.compliant_cli
             return tool
           }))
         return all
@@ -62,4 +63,7 @@ export default {
 </script>
 
 <style>
+.non-compliant {
+  background-color: #fcc;
+}
 </style>

webapp/src/OcrdProcessorList.vue

@@ -4,9 +4,14 @@
       <b-button v-b-toggle.processor-controls class="m-1">Toggle Controls</b-button>
       <b-collapse id="processor-controls">
         <b-container>
+          <b-row>
+            <b-form-checkbox v-model="show_noncompliant" name="check-button" switch>
+            Non-compliant projects <b>({{ show_noncompliant ? "Show" : "Hide" }})</b>
+            </b-form-checkbox>
+          </b-row>
           <b-row>
             <b-form-checkbox v-model="show_unofficial" name="check-button" switch>
-            Unofficial processors <b>({{ checked ? "Show" : "hide" }})</b>
+            Unofficial processors <b>({{ show_unofficial ? "Show" : "hide" }})</b>
             </b-form-checkbox>
           </b-row>
           <b-row>
@@ -54,6 +59,7 @@ export default {
     return {
       step_filter: [],
       show_unofficial: true,
+      show_noncompliant: true,
       category_filter: {require: true},
       category_filter: [],
     }
@@ -75,6 +81,9 @@ export default {
         if (!(this.show_unofficial || tool.official)) {
           return false
         }
+        if (!(this.show_noncompliant || project.compliant_cli)) {
+          return false
+        }
         return true
       })
     },

webapp/src/OcrdProcessorListItem.vue

@@ -2,7 +2,7 @@
   <b-card
     tag="article"
     :title="processor.executable.replace('ocrd-', '')"
-    class="mb-5"
+    :class="`mb-5 ocrd-processor-list-item ${processor.compliant_cli ? 'compliant' : 'non-compliant'}`"
     >
     <b-card-text>
 

webapp/src/OcrdProjectList.vue

@@ -4,9 +4,14 @@
       <b-button v-b-toggle.project-controls class="m-1">Toggle Controls</b-button>
       <b-collapse id="project-controls">
         <b-container>
+          <b-row>
+            <b-form-checkbox v-model="show_noncompliant" name="check-button" switch>
+            Non-compliant projects <b>({{ show_noncompliant ? "Show" : "Hide" }})</b>
+            </b-form-checkbox>
+          </b-row>
           <b-row>
             <b-form-checkbox v-model="show_unofficial" name="check-button" switch>
-            Unofficial projects <b>({{ checked ? "Show" : "hide" }})</b>
+            Unofficial projects <b>({{ show_unofficial ? "Show" : "Hide" }})</b>
             </b-form-checkbox>
           </b-row>
           <b-row>
@@ -51,6 +56,7 @@ export default {
     return {
       name_filter: '',
       show_unofficial: true,
+      show_noncompliant: true,
       tabIndex: 0,
     }
   },
@@ -60,6 +66,9 @@ export default {
         if (!(this.show_unofficial || project.official)) {
           return false
         }
+        if (!(this.show_noncompliant || project.compliant_cli)) {
+          return false
+        }
         return project.name.toLowerCase().includes(this.name_filter.toLowerCase())
       })
     }

webapp/src/OcrdProjectListItem.vue

@@ -2,7 +2,7 @@
   <b-card
     :title="project.org_plus_name"
     tag="article"
-    class="mb-5 ocrd-project-list-item"
+    :class="`mb-5 ocrd-project-list-item ${project.compliant_cli ? 'compliant' : 'non-compliant'}`"
     >
     <b-card-text v-if="!modal">
       <b-button @click="$root.showModal('project', projectIndex)">Expand</b-button>
@@ -17,7 +17,7 @@
       <b-tab title="Git">
         <b-card-text>
           <p>
-            <a href="`https://pypi.org/project/${ project.python.name }/`">             <img :src="`https://img.shields.io/pypi/v/${ project.python.name }.svg`"                                     /> </a>
+            <a v-if="project.python" href="`https://pypi.org/project/${ project.python.name }/`">             <img :src="`https://img.shields.io/pypi/v/${ project.python.name }.svg`"                                     /> </a>
             <!-- <a href="`https://travis-ci.org/${ project.org_plus_name }`">               <img :src="`https://travis-ci.org/${ project.org_plus_name }.svg?branch=master`"                             /> </a> -->
             <!-- <a href="`https://circleci.com/gh/${ project.org_plus_name }`">             <img :src="`https://circleci.com/gh/${ project.org_plus_name }.svg?style=svg`"                               /> </a> -->
             <!-- <a href="`https://hub.docker.com/r/ocrd/core/tags/`">                     <img :src="`https://img.shields.io/docker/automated/ocrd/core.svg`"                                        /> </a> -->